形、色：網(wǎng)頁設(shè)計法則及實例指導(dǎo)

定　價：￥79.00

作　者：	姜鵬，郭曉倩著
出版社：	人民郵電出版社
叢編項：
標(biāo)　簽：	>程序設(shè)計 >計算機/網(wǎng)絡(luò) >其他

購買這本書可以去

ISBN：	9787115465351	出版時間：	2017-11-01	包裝：	平裝
開本：	16開	頁數(shù)：	218	字?jǐn)?shù)：

內(nèi)容簡介

　　本書以深入淺出的方式，從設(shè)計的基本理念入手，通過幾個網(wǎng)頁設(shè)計標(biāo)志性階段的解讀，向讀者概述網(wǎng)頁發(fā)展的歷史，同時本書引入了網(wǎng)頁設(shè)計的設(shè)計規(guī)范與配色法則，幫助讀者快速梳理網(wǎng)頁設(shè)計的流程。后面通過幾個案例逐步解讀網(wǎng)頁設(shè)計的工作流程，將理論與實踐充分結(jié)合，使讀者能夠深刻、多元地學(xué)習(xí)網(wǎng)頁設(shè)計的技巧。本書提供練習(xí)和實戰(zhàn)中的素材和源文件，掃描封底“資源下載”二維碼，即可獲得下載方法，如需資源下載技術(shù)支持請致函szys@ptpress.com.cn。本書適合新入行的網(wǎng)頁設(shè)計師、互聯(lián)網(wǎng)技術(shù)相關(guān)行業(yè)的從業(yè)人員，如前端工程師、交互設(shè)計師、產(chǎn)品體驗師等，也適合對互聯(lián)網(wǎng)、新媒體行業(yè)感興趣的人士學(xué)習(xí)、參考與使用。

作者簡介

　　姜鵬UEHTML推薦設(shè)計師UI中國2015年度作品集十佳人氣設(shè)計師獎獲得者第三屆小米主題設(shè)計大賽創(chuàng)意獎華為第二屆全球手機主題設(shè)計大賽入圍獎感謝人民郵電出版社給我機會分享一些過往的設(shè)計經(jīng)驗和心得。在多年的網(wǎng)頁設(shè)計工作中，雖然因為互聯(lián)網(wǎng)的飛速發(fā)展我經(jīng)歷過幾次角色轉(zhuǎn)變，但是對網(wǎng)頁設(shè)計的熱愛與研究從未停止。本書中有我多年經(jīng)驗的總結(jié)，希望能對讀者有所幫助，也希望真正熱愛設(shè)計的朋友在這條路上可以越走越遠！郭曉倩青島報業(yè)集團新媒體設(shè)計總監(jiān)在網(wǎng)頁設(shè)計這個行業(yè)，我從剛開始設(shè)計時的摸著石頭過河到如今已經(jīng)摸爬滾打7年有余。感謝人民郵電出版社給我這個機會，讓我可以把這些年積累的經(jīng)驗分享給大家。希望越來越多的人可以關(guān)注我們這個行業(yè)，給我們更多信任與尊重；也希望關(guān)注本書的設(shè)計師們能夠熱愛這個行業(yè)，堅守這份信念，用我們的雙手讓世界變得更美好。

圖書目錄

第1章網(wǎng)頁設(shè)計之初體驗 009
1．1 設(shè)計的意義 010
1．1．1 什么是設(shè)計 010
1．1．2 設(shè)計的目的 011
1．2 網(wǎng)頁設(shè)計的前世今生 012
1．2．1 誕生——第一個網(wǎng)站 012
1．2．2 探索——表格布局 013
1．2．3 發(fā)展——Flash的“崛起” 014
1．2．4 漸入佳境——DIV與CSS的誕生 015
1．2．5 劃時代——移動端興起與響應(yīng)式布局 017
1．3 網(wǎng)頁設(shè)計師的審美培養(yǎng) 019
1．3．1 審美的差異 019
1．3．2 日韓設(shè)計行業(yè)的現(xiàn)狀 019
1．3．3 如何培養(yǎng)審美 024
1．4 專業(yè)的設(shè)計網(wǎng)站推薦 026
1．4．1 國內(nèi)設(shè)計網(wǎng)站推薦 026
1．4．2 國外設(shè)計網(wǎng)站推薦 028
第2章以用戶為中心的設(shè)計思維 031
2．1 什么是用戶體驗 032
2．1．1 生活中的用戶體驗 032
2．1．2 互聯(lián)網(wǎng)產(chǎn)品中的用戶體驗 034
2．2 挖掘用戶需求 035
2．2．1 需求層次論 035
2．2．2 用戶需求解析 036
2．3 令人愉悅的設(shè)計 038
2．3．1 Google Doodle 038
2．3．2 國內(nèi)設(shè)計師的嘗試 039
2．4 漸進式創(chuàng)新思維 041
2．4．1 產(chǎn)品設(shè)計中的嘗試 041
2．4．2 設(shè)計中的迭代 042
2．5 細節(jié)決定成敗 044
2．5．1 細節(jié)習(xí)慣的養(yǎng)成 044
2．5．2 設(shè)計中的細節(jié)體驗 045
第3章網(wǎng)頁設(shè)計中的配色 049
3．1 色彩的種類 050
3．1．1 無彩色 050
3．1．2 有彩色 050
3．2 色彩三要素 051
3．2．1 色相 051
3．2．2 明度 051
3．2．3 飽和度 051
3．3 色彩的情感 052
3．3．1 紅色 052
3．3．2 黃色 053
3．3．3 藍色 053
3．3．4 綠色 054
3．3．5 紫色 055
3．4 配色的法則 056
3．4．1 色彩的關(guān)系 056
3．4．2 單色搭配 057
3．4．3 類似色搭配 058
3．4．4 鄰近色搭配 059
3．4．5 中差色搭配 060
3．4．6 對比色搭配 061
3．4．7 互補色搭配 063
3．4．8 色彩的對比 064
3．5 常用色彩搭配 065
3．5．1 商務(wù)促銷類 065
3．5．2 門戶類 068
3．5．3 兒童類 070
3．5．4 母嬰類 071
第4章網(wǎng)頁設(shè)計前的準(zhǔn)備工作 073
4．1 有規(guī)矩成方圓 074
4．1．1 網(wǎng)頁設(shè)計的基本規(guī)范 074
4．1．2 網(wǎng)頁設(shè)計的標(biāo)注規(guī)范 079
4．2 網(wǎng)頁設(shè)計的流程 081
4．2．1 設(shè)計前期 081
4．2．2 原型制作 082
4．3 網(wǎng)頁設(shè)計的工具 085
4．3．1 常用軟件的介紹 085
4．3．2 軟件的基本操作 087
4．3．3 效果圖的展現(xiàn)方式 097
4．4 關(guān)于切片 103
4．4．1 切片工具的使用方法 103
4．4．2 圖片命名規(guī)范及保存格式 106
第5章網(wǎng)頁設(shè)計模擬練習(xí) 111
5．1 草圖及原型圖的制作 112
5．1．1 概念圖的繪制 114
5．1．2 原型圖的制作方法 116
5．2 確立基本風(fēng)格和規(guī)范 117
5．2．1 根據(jù)風(fēng)格確定配色 117
5．2．2 確立設(shè)計規(guī)范 118
5．3 網(wǎng)頁制作的基本方法 120
5．3．1 新建畫布與設(shè)置參考線 120
5．3．2 導(dǎo)航欄的設(shè)計 120
5．3．3 主內(nèi)容區(qū)的設(shè)計 122
5．4 二級頁設(shè)計 127
5．4．1 導(dǎo)航欄的設(shè)計 127
5．4．2 “在線選購”界面的制作 128
5．4．3 產(chǎn)品介紹欄的設(shè)計 129
5．5 標(biāo)注的方法 131
第6章網(wǎng)頁設(shè)計實戰(zhàn)解析 135
6．1 個人工作室網(wǎng)頁設(shè)計 136
6．1．1 設(shè)計需求的確定 136
6．1．2 確立設(shè)計規(guī)范 138
6．1．3 導(dǎo)航與Banner設(shè)計 138
6．1．4 文字與圖集板塊的設(shè)計 141
6．1．5 表單與輔助信息 145
6．2 酒店預(yù)訂網(wǎng)頁設(shè)計 147
6．2．1 設(shè)計需求的確定 147
6．2．2 確立設(shè)計規(guī)范 149
6．2．3 導(dǎo)航設(shè)計 149
6．2．4 Banner設(shè)計 151
6．2．5 圖文排版設(shè)計 153
6．2．6 圖集設(shè)計 154
6．2．7 企業(yè)信息設(shè)計 158
6．3 旅游工作室網(wǎng)頁設(shè)計 161
6．3．1 設(shè)計需求的確定 161
6．3．2 首頁設(shè)計 164
6．3．3 二級頁：新聞列表設(shè)計 168
6．3．4 二級頁：新聞詳情頁設(shè)計 176
6．3．5 二級頁：促銷信息列表頁設(shè)計 179
6．3．6 視覺效果圖的展示 184
第7章設(shè)計師的經(jīng)驗分享 193
7．1 設(shè)計師整理術(shù) 194
7．1．1 學(xué)習(xí)資料的整理 194
7．1．2 個人設(shè)計作品的整理 195
7．2 好用的設(shè)計工具推薦 196
7．2．1 自動填充工具——Craft 196
7．2．2 柵格工具——GuideGuide 197
7．2．3 圓角圖形工具——Corner Editor 198
7．2．4 APP學(xué)習(xí)工具 198
7．3 必備的圖片處理工具推薦 201
7．3．1 圖片壓縮工具——智圖 201
7．3．2 免費商用圖庫工具 201
7．4 寫給設(shè)計新人的話 205
7．4．1 圈子的選擇 205
7．4．2 設(shè)計師發(fā)展的四大階段 206
7．4．3 設(shè)計大師修煉法則 211
7．4．4 設(shè)計中的溝通技巧 213
7．4．5 繞開設(shè)計路上的“陷阱” 217
結(jié)束語 220