◎網頁設計不是好看就好。想做出好看又好用的網站，先熟記這 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
