【網頁設計不是好看就好。想做出好看又好用的網站,先熟記這 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
作者簡介:
北村 崇
自由設計師。生於 1976 年,日本神奈川縣秦野市出身。工學部畢業後,20 歲前半為止一直過著與設計無緣的生活,20 歲後半才投入設計的世界。歷經多間製作公司,於 2006 年成立 TIMING 設計事務所。除了商標及印刷品等平面設計,也承接網頁設計、CMS 建構等業務。另外還受理專案承包與講授課程,同時積極參與交流活動。
著有《從零開始的設計》(SB Creative 出版)、《用商業網站學習 WordPress「自訂主題」徹底攻略》(共著,Mynavi 出版)等書。
[Web] TIMING DESIGN OFFICE http://timing.jp/
[Twitter] @tah_timing
[Instagram] tah_timing
淺野 櫻
TAGAS 股份有限公司執行董事。自由學園最高學部畢業。曾於印刷公司及化妝品製造商擔任平面暨網頁設計師。之後以「創造聯繫,與創造相連」為企業理念創立 TAGAS 股份有限公司。現在,終日以成為事物與人、人與設計之連結為目標而持續精進。承接中小企業的行銷企劃&製作,並為「Adobe Creative Station」撰寫初學者取向的文章,著有《神速 Photoshop [平面設計篇]》(共著、KADOKAWA 出版)等書籍,介紹設計軟體的便利用法。
[Web] http://www.tagas.co.jp
[Twitter] @chaca21911
譯者簡介:
謝薾鎂
輔仁大學應用美術系畢,曾從事插畫、文字編輯、日文翻譯等工作,現為專職譯者、特約文字兼美術編輯。熱愛畫畫與閱讀。
譯有:《這樣 ○ 那樣 X 馬上學會好設計》、《這個設計好在哪?看懂平面、網頁及廣告設計的奧秘:設計人一定要答對的 55 個問題》、《這個設計好在哪? 2:看懂平面,網頁及廣告設計的奧秘 - 做設計前,請先答對這 46 個問題》、《經典和食器入門》、《多肉植物栽培大全》、《阿嬤的聰明食譜:常備 7 種調味料,做出一級棒的日本料理》、《東京散步 TOKYO SANPO:用最溫暖的方式了解東京》、《Illustrator Design Method 魅麗絕技》 ..等書。
目錄
CHAPTER 1:網頁設計的基本原則
CHAPTER 2:解決無法程式化的設計問題
CHAPTER 3:如何做出容易理解的交件檔案
CHAPTER 4:活用 Photoshop 來設計網頁
CHAPTER 5:活用 Illustrator 來設計網頁
CHAPTER 1:網頁設計的基本原則
CHAPTER 2:解決無法程式化的設計問題
CHAPTER 3:如何做出容易理解的交件檔案
CHAPTER 4:活用 Photoshop 來設計網頁
CHAPTER 5:活用 Illustrator 來設計網頁
購物須知
關於二手書說明:
商品建檔資料為新書及二手書共用,因是二手商品,實際狀況可能已與建檔資料有差異,購買二手書時,請務必檢視商品書況、備註說明及書況影片,收到商品將以書況影片內呈現為準。若有差異時僅可提供退貨處理,無法換貨或再補寄。
商品版權法律說明:
TAAZE 單純提供網路二手書託售平台予消費者,並不涉入書本作者與原出版商間之任何糾紛;敬請各界鑒察。
退換貨說明:
二手書籍商品享有10天的商品猶豫期(含例假日)。若您欲辦理退貨,請於取得該商品10日內寄回。
二手影音商品(例如CD、DVD等),恕不提供10天猶豫期退貨。
二手商品無法提供換貨服務,僅能辦理退貨。如須退貨,請保持該商品及其附件的完整性(包含書籍封底之TAAZE物流條碼)。若退回商品無法回復原狀者,可能影響退換貨權利之行使或須負擔部分費用。
訂購本商品前請務必詳閱
退換貨原則、
二手CD、DVD退換貨說明。