跳到主要內容

Kaye

搜尋此網誌

Sketch 3 教學影片

日期： 6月 04, 2016

取得連結
Facebook
Twitter
Pinterest
以電子郵件傳送
其他應用程式

學校不會教的介面設計軟體（目前只有MAC版）
https://www.sketchapp.com/

介面設計 Sketch 3

取得連結
Facebook
Twitter
Pinterest
以電子郵件傳送
其他應用程式

留言

張貼留言

熱門文章

使用Adobe Illustrator設計網站時的檔案設定

常遇到學生或客戶問我用什麼軟體設計網頁。基本上，都是用 Adobe 公司出的軟體設計的。我習慣使用 Photoshop 修圖、合成、排版、切圖，對阿，排版切圖都直接用 Photoshop 沒錯。用 Dreamweaver 編寫 HTML & CSS ，對，是編寫，因為用 Dreamweaver 中提供的功能是不夠的，也不見得好用。Illustrator 只是用來畫些向量小圖案用的，幾乎不太用來做網站。雖然我自己是這樣使用這些軟體的，但不管是 Photoshop 還是 Illustrator 其實都是可以設計網頁的，檔案的設定方式也是差不多的，參考下面的圖例吧~這樣開出來的檔案，檢視比例為 100% 時就會跟真實網頁一樣大，拿去跟瀏覽器中的網頁比較一下，應該就會知道文字和圖片該設多大了。習慣做平面設計的朋友們有沒有放輕鬆了一點？解析度 72 顏色模式 RGB 單位是像素 pixel or px 寬高自己設定下面的圖檔是在 Illustrator CS6 做網頁設計的開新檔案設定請先按 Advanced (進階) 展開面版設定RGB 設定螢幕72ppi 設定單位為像素設定寬高下面這張圖是用 Photoshop 開新檔案做網頁的設定

Drawscript 可以把 Illustrator 畫出來的向量圖輸出成語法

看圖就知道這軟體是做什麼的了呀～需要用的人應該就會需要吧～！做APP有軟體效能限制的時候，總不希望加太多圖檔，能把繪圖畫面輸出成語法實在很輕便咧～官方網站： http://drawscri.pt/ Drawscript 支援這些程式語言 OBJ-C C++ JAVASCRIPT PROCESSING ACTIONSCRIPT 3 JSON RAW BEZIER POINTS 這個主題還讓我想起來久久沒用，都忘了怎麼用的軟體，本來是Macromedia Director，現在是Adobe Driector！官方網站： http://www.adobe.com/products/director.html 當時Driector 擅長編輯點陣圖，也可以用內建的lingo程式語言製做互動，相對於Flash的向量編輯，點陣圖的K數大，不適合當時52Ｋ（？有點忘了）撥接的網路速度年代，Director自然贏不過向量小檔案的Flash，因此，失了人心和大片江山市佔率啊！明明SVG（可縮放向量圖形）出來好久了，現在才有這種軟體好像有點晚啊？ SVG的維基百科介紹： http://zh.wikipedia.org/wiki/%E5%8F%AF%E7%B8%AE%E6%94%BE%E5%90%91%E9%87%8F%E5%9C%96%E5%BD%A2 感覺目前市面上呈然缺少能製做HTML5互動的軟體，全球想做網頁的設計都必須學習程式語言...所以慢慢的網頁設計這個領域就越來越少學生願意加入了，很多跑去做3D動畫或是遊戲，另一些去平面設計，再另一些去攝影畫畫和拍片，繪圖軟體帝國Adobe公司可要加加油了！

W3Schools(中文)的HTML和CSS參考手冊

如果你需要HTML和CSS的語法字典，網路上就有了還有範例和線上測試程式 HTML 4.01 / XHTML 1.0 参考手册 http://www.w3school.com.cn/tags/index.asp CSS 参考手册 http://www.w3school.com.cn/css/css_reference.asp

技術提供：Blogger

Copyright Kaye