內容簡介
【網頁設計不是好看就好。想做出好看又好用的網站,先熟記這
84
個必備知識!】
★★★★★
Amazon.jp
5
顆星推薦、網頁設計類
TOP
5
暢銷書
「專為不懂程式的平面設計師而寫」的網頁知識總整理,觀念對了,網站就成功了一半!
網頁設計深受操作環境的影響。即使設計師設計了美麗的版面,卻可能在架站時面臨問題,例如和
HTML・CSS
無法相容、字體或顏色跑掉、在手機上操作時版面崩壞、更新困難等等。這些問題其實不能都丟給工程師處理,做為現代的網頁設計者,必須在設計過程中就掌握相關知識,做出「適合轉換成網頁」的設計檔案,才能和團隊完美配合。
本書專為設計師而寫,整理出
84
個設計鐵則
&
常見問題對策,例如: ☞
用
Photoshop/Illustrator
做網頁該注意什麼?
☞
為什麼好好的按鈕在手機上卻變小、沒辦法按了?
☞
網頁寬度到底要設定多少?RWD
網頁怎麼設定?
☞
在手機上放大、手機打橫時版面就破掉,該怎麼辦?
☞
為什麼美美的字體不見了?可以把文字轉成外框嗎?
無論你是網頁初學者,還是經常遇到問題的設計師,只要搞懂相關知識、解決疑難雜症,就能和程式人員合作愉快,一起做出好網站!
本書特色
: 接到一個網頁設計案,接下來怎麼辦?身為設計師,你該做什麼?
工程師跟你要檔案,你該怎麼設定?
本書將告訴你專業的網頁設計師該怎麼思考、怎麼規劃、怎麼製作和實測網站,讓你和工程師合作無間!
INTRODUCTION:網頁設計二三事 了解網頁製作的大環境、趨勢及需求變化
/理解網頁設計的獨立性
/認識標記語言的技術與設計軟體的選擇
/與時俱進的網頁製作流程
CHAPTER
1:網頁設計的基本原則 按鈕尺寸
/
觸控對應
/
設計的單位
/
色彩設定
/
隨裝置調整寬度
/
支援
Retina
高解析度
/
讓網站整合
SNS
社群網路
/
網格系統
/
字型設定
/
字體設計
/
雲端字型
/
圖像授權
/
CSS
表現
/
RWD
設計
/
HTML
基本結構
/
智慧型手機相容設定
..等
CHAPTER
2:解決無法程式化的設計問題 將共用要素做成固定樣式
/
不要固定版面
/
智慧型手機的寬度是偶數
/
不要任意縮放尺寸
/
準備重複運用的圖像與組件
/
避免漸層色的誤差
/
避免多餘的參考線
/
設計軟體中的圖層管理
/
Photoshop
的點陣化與
Illustrator
的外框化...等
CHAPTER
3:如何做出容易理解的交件檔案 明確傳達修改的地方
/
善用註解溝通
/
活用裝置文字
/
準備各類圖示與
OGP
圖示
/
修改後要標示出最新版本
/
以搜尋為前提來命名圖層
/
交件時準備
HTML
要素一覽表
CHAPTER
4:活用
Photoshop
來設計網頁 Photoshop
的基本設定
/
色彩管理
/
圖層管理
/
如何使用「形狀」/
「形狀」的路徑與筆畫設定
/
活用字元與段落樣式
/
活用圖層樣式和混和模式
/
運用智慧型物件有效應付重做與修改
/
活用各種輸出設定來因應不同案子
...等
CHAPTER
5:活用
Illustrator
來設計網頁 Illustrator
的基本設定
/
色彩管理
/
活用複合字體組合中英文字型
/
自創雲端字型
/
活用字元與段落樣式
/
活用圓角功能
/
繪製只有
1
像素的線條
/
活用「符號」集中管理圖示及素材
/
利用
Adobe
資料庫共用素材
/
用
CSS
面板輕鬆設定
CSS