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