中圖網小程序
一鍵登錄
更方便
本類五星書更多>
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
買過本商品的人還買了
破譯WEB UI 網頁UI設計規范.流程與實戰案例 版權信息
- ISBN：9787115482860
- 條形碼：9787115482860 ; 978-7-115-48286-0
- 裝幀：一般膠版紙
- 冊數：暫無
- 重量：暫無
- 所屬分類：>>
破譯WEB UI 網頁UI設計規范.流程與實戰案例 本書特色
×剖析和運用Web UI中的底層設計規范，以不變應萬變； ×培養良好的個人習慣和思維方法，夯實基本功； ×挖掘設計細節，幫助讀者提高設計質量和效率； ×引導讀者學會歸納總結和研究趨勢，合理規劃自己的學習與職業生涯。
破譯WEB UI 網頁UI設計規范.流程與實戰案例 內容簡介
本書著重講解Web UI設計的原則、方法和應用。按照“知識點分析—知識點深入與擴展—歸納與運用（全面案例講解）—新技術的拓展”的進階結構來講解，讓讀者能夠循序漸進地、更科學地學習。 全書共9章，～8章內容涵蓋工作的準備階段、線框圖設計、Web網格布局、Web界面設計基礎參考規范、Web界面設計不錯參考規范、Web設計用戶體驗、Web界面設計實戰和網頁設計新趨勢（MDL），講解貫穿實際設計案例，幫助讀者梳理工作流，融入設計理論，并教會讀者如何思考、如何應用理論，進而能以不變應萬變。很后一章對設計師的個人發展提出了一些建議，分享了一些經驗。 隨書附贈書中核心案例的PSD文件，供讀者學習、參考。 本書適合有一定Photoshop軟件基礎的設計初學者、相關專業大學生及想要進階的Web設計師閱讀。
破譯WEB UI 網頁UI設計規范.流程與實戰案例 目錄
目錄
CHAPTER 01 準備階段 009
1．1 操作準備 010
1．1．1 **的硬件和軟件 010
1．1．2 工作環境 010
1．1．3 知識儲備 011
1．2 軟件**知識 012
1．2．1 了解Photoshop 012
1．2．2 切圖技巧 020
1．2．3 文檔標注技巧 024
1．3 職業需求 027
1．3．1 就業方向 027
1．3．2 崗位能力分析 028
1．3．3 未來規劃建議 028
1．4 學習目標 029
1．5 基礎技能自測 030
CHAPTER 02 線框圖設計指南 031
2．1 線框圖的重要性 032
2．1．1 線框圖概念理解 032
2．1．2 與原型圖的關系 033
2．1．3 與效果圖的關系 036
2．1．4 與設計軟件的關系 037
2．2 自適應設計與響應式設計 038
2．2．1 對比 038
2．2．2 運用 038
2．3 草圖設計 039
2．4 構建柵格（網格）系統 040
2．4．1 如何理解柵格（網格）這個概念 040
2．4．2 運用 041
2．5 創建規范線框圖 042
2．5．1 草圖構思 042
2．5．2 頁面尺寸和安全寬度設計 045
2．5．3 首屏高度控制 048
2．5．4 基礎布局 049
2．5．5 文字排版與分屏設計 052
2．5．6 線框圖細節刻畫 067
2．5．7 基于線框圖的視覺設計 067
2．5．8 圖片輸出 077
2．6 線框圖自測 078
CHAPTER 03 Web網格布局指南 079
3．1 基礎知識 080
3．1．1 Web 界面設計中網格的概念 080
3．1．2 網格結構 081
3．1．3 繪制網格前的準備工作 089
3．2 網格的運用 095
3．2．1 頁面分割方式 095
3．2．2 網格的擴展運用 098
3．3 網格設計自測 102
CHAPTER 04 Web界面設計參考規范（基礎篇）103
4．1 關于規范 104
4．1．1 概念 104
4．1．2 學習Web 設計規范的重要性 105
4．1．3 導致Web 設計差異的常見因素 105
4．2 屏幕尺寸與分辨率 111
4．2．1 知識點 111
4．2．2 運用 114
4．3 頁面安全寬度 116
4．3．1 知識點 116
4．3．2 運用 117
4．4 頁面首屏高度 118
4．4．1 知識點 118
4．4．2 運用 119
4．5 柵格（網格）系統 120
4．5．1 知識點 120
4．5．2 運用 122
4．6 頁面組成部分 123
4．6．1 知識點 123
4．6．2 運用 124
4．7 中英文字體規范 125
4．7．1 知識點 125
4．7．2 運用 128
4．8 布局規范 129
4．8．1 知識點 129
4．8．2 運用 130
4．9 色彩 130
4．9．1 知識點 130
4．9．2 運用 134
4．10 圖片與多媒體輸出 136
4．10．1 知識點 136
4．10．2 運用 136
CHAPTER 05 Web界面設計參考規范 （提高篇）139
5．1 深入理解設計規范 140
5．2 留白 141
5．2．1 知識點 141
5．2．2 運用 142
5．3 頁腳信息 144
5．3．1 知識點 144
5．3．2 運用 145
5．4 圖標 146
5．4．1 知識點 146
5．4．2 運用 147
5．5 命名 148
5．5．1 知識點 148
5．5．2 運用 149
5．6 可讀性和對比度 150
5．6．1 知識點 150
5．6．2 運用 151
5．7 窗體布局 154
5．7．1 知識點 154
5．7．2 運用 156
5．8 設計規范自測 158
CHAPTER 06 了解常用的Web用戶體驗 159
6．1 用戶體驗基礎知識 160
6．1．1 概念 160
6．1．2 核心要素 161
6．2 提升網站用戶體驗的方式 162
6．2．1 減少不必要的交互動畫 162
6．2．2 增加對比度，提高可讀性 164
6．2．3 運用留白 165
6．2．4 減少頁面加載時間 166
6．2．5 有吸引力的視覺引導 167
6．2．6 超鏈接的差異化 169
6．2．7 合理使用圖像 170
6．2．8 保持風格元素的一致性 172
6．2．9 優化404 頁面 174
6．2．10 滿足響應式需求 175
6．2．11 導航清晰，廣告適度 176
6．2．12 使網站信息層次分明 177
6．2．13 總結 180
6．3 用戶體驗研究自測 180
CHAPTER 07 以不變應萬變——個人主頁界面設計實戰 181
7．1 前奏 182
7．2 項目分析 184
7．2．1 制作流程 184
7．2．2 分析過程 185
7．3 草圖繪制 188
7．4 素材整理與處理 190
7．5 配色方案 190
7．6 線框圖設計 192
7．6．1 建立網格 192
7．6．2 首屏 196
7．6．3 導航 197
7．6．4 內容主體 198
7．6．5 表單 201
7．6．6 橫幅和標語 202
7．6．7 頁腳 202
7．7 效果圖設計 205
7．7．1 首屏效果 205
7．7．2 時間軸處理 211
7．7．3 作品模塊包裝 217
7．7．4 表單細節 219
7．7．5 橫幅設計 222
7．7．6 頁腳設計 224
7．7．7 細節調整 225
7．7．8 隱藏模態窗設計 226
7．8 手機版效果圖設計 227
7．9 個人主頁自測 230
CHAPTER 08 網頁設計新趨勢——Material Design 231
8．1 理解Material Design Lite（MDL）232
8．1．1 概念理解 232
8．1．2 優勢 232
8．2 MDL基礎規范運用 234
8．2．1 字體 234
8．2．2 調色板 236
8．2．3 陰影 237
8．2．4 圖標 238
8．2．5 部分組件 240
8．3 MDL基礎自測 248
CHAPTER 09 Web設計師的個人修養 249
9．1 尋找學習動力與興趣點 250
9．1．1 探索設計趨勢 250
9．1．2 建立個人網站 251
9．1．3 跨行業體驗 251
9．2 賺取第 一桶金 252
9．3 自學技巧 254
CHAPTER 01 準備階段 009
1．1 操作準備 010
1．1．1 **的硬件和軟件 010
1．1．2 工作環境 010
1．1．3 知識儲備 011
1．2 軟件**知識 012
1．2．1 了解Photoshop 012
1．2．2 切圖技巧 020
1．2．3 文檔標注技巧 024
1．3 職業需求 027
1．3．1 就業方向 027
1．3．2 崗位能力分析 028
1．3．3 未來規劃建議 028
1．4 學習目標 029
1．5 基礎技能自測 030
CHAPTER 02 線框圖設計指南 031
2．1 線框圖的重要性 032
2．1．1 線框圖概念理解 032
2．1．2 與原型圖的關系 033
2．1．3 與效果圖的關系 036
2．1．4 與設計軟件的關系 037
2．2 自適應設計與響應式設計 038
2．2．1 對比 038
2．2．2 運用 038
2．3 草圖設計 039
2．4 構建柵格（網格）系統 040
2．4．1 如何理解柵格（網格）這個概念 040
2．4．2 運用 041
2．5 創建規范線框圖 042
2．5．1 草圖構思 042
2．5．2 頁面尺寸和安全寬度設計 045
2．5．3 首屏高度控制 048
2．5．4 基礎布局 049
2．5．5 文字排版與分屏設計 052
2．5．6 線框圖細節刻畫 067
2．5．7 基于線框圖的視覺設計 067
2．5．8 圖片輸出 077
2．6 線框圖自測 078
CHAPTER 03 Web網格布局指南 079
3．1 基礎知識 080
3．1．1 Web 界面設計中網格的概念 080
3．1．2 網格結構 081
3．1．3 繪制網格前的準備工作 089
3．2 網格的運用 095
3．2．1 頁面分割方式 095
3．2．2 網格的擴展運用 098
3．3 網格設計自測 102
CHAPTER 04 Web界面設計參考規范（基礎篇）103
4．1 關于規范 104
4．1．1 概念 104
4．1．2 學習Web 設計規范的重要性 105
4．1．3 導致Web 設計差異的常見因素 105
4．2 屏幕尺寸與分辨率 111
4．2．1 知識點 111
4．2．2 運用 114
4．3 頁面安全寬度 116
4．3．1 知識點 116
4．3．2 運用 117
4．4 頁面首屏高度 118
4．4．1 知識點 118
4．4．2 運用 119
4．5 柵格（網格）系統 120
4．5．1 知識點 120
4．5．2 運用 122
4．6 頁面組成部分 123
4．6．1 知識點 123
4．6．2 運用 124
4．7 中英文字體規范 125
4．7．1 知識點 125
4．7．2 運用 128
4．8 布局規范 129
4．8．1 知識點 129
4．8．2 運用 130
4．9 色彩 130
4．9．1 知識點 130
4．9．2 運用 134
4．10 圖片與多媒體輸出 136
4．10．1 知識點 136
4．10．2 運用 136
CHAPTER 05 Web界面設計參考規范 （提高篇）139
5．1 深入理解設計規范 140
5．2 留白 141
5．2．1 知識點 141
5．2．2 運用 142
5．3 頁腳信息 144
5．3．1 知識點 144
5．3．2 運用 145
5．4 圖標 146
5．4．1 知識點 146
5．4．2 運用 147
5．5 命名 148
5．5．1 知識點 148
5．5．2 運用 149
5．6 可讀性和對比度 150
5．6．1 知識點 150
5．6．2 運用 151
5．7 窗體布局 154
5．7．1 知識點 154
5．7．2 運用 156
5．8 設計規范自測 158
CHAPTER 06 了解常用的Web用戶體驗 159
6．1 用戶體驗基礎知識 160
6．1．1 概念 160
6．1．2 核心要素 161
6．2 提升網站用戶體驗的方式 162
6．2．1 減少不必要的交互動畫 162
6．2．2 增加對比度，提高可讀性 164
6．2．3 運用留白 165
6．2．4 減少頁面加載時間 166
6．2．5 有吸引力的視覺引導 167
6．2．6 超鏈接的差異化 169
6．2．7 合理使用圖像 170
6．2．8 保持風格元素的一致性 172
6．2．9 優化404 頁面 174
6．2．10 滿足響應式需求 175
6．2．11 導航清晰，廣告適度 176
6．2．12 使網站信息層次分明 177
6．2．13 總結 180
6．3 用戶體驗研究自測 180
CHAPTER 07 以不變應萬變——個人主頁界面設計實戰 181
7．1 前奏 182
7．2 項目分析 184
7．2．1 制作流程 184
7．2．2 分析過程 185
7．3 草圖繪制 188
7．4 素材整理與處理 190
7．5 配色方案 190
7．6 線框圖設計 192
7．6．1 建立網格 192
7．6．2 首屏 196
7．6．3 導航 197
7．6．4 內容主體 198
7．6．5 表單 201
7．6．6 橫幅和標語 202
7．6．7 頁腳 202
7．7 效果圖設計 205
7．7．1 首屏效果 205
7．7．2 時間軸處理 211
7．7．3 作品模塊包裝 217
7．7．4 表單細節 219
7．7．5 橫幅設計 222
7．7．6 頁腳設計 224
7．7．7 細節調整 225
7．7．8 隱藏模態窗設計 226
7．8 手機版效果圖設計 227
7．9 個人主頁自測 230
CHAPTER 08 網頁設計新趨勢——Material Design 231
8．1 理解Material Design Lite（MDL）232
8．1．1 概念理解 232
8．1．2 優勢 232
8．2 MDL基礎規范運用 234
8．2．1 字體 234
8．2．2 調色板 236
8．2．3 陰影 237
8．2．4 圖標 238
8．2．5 部分組件 240
8．3 MDL基礎自測 248
CHAPTER 09 Web設計師的個人修養 249
9．1 尋找學習動力與興趣點 250
9．1．1 探索設計趨勢 250
9．1．2 建立個人網站 251
9．1．3 跨行業體驗 251
9．2 賺取第 一桶金 252
9．3 自學技巧 254
展開全部
破譯WEB UI 網頁UI設計規范.流程與實戰案例 作者簡介
Chuckie Chang（中文名常誠） 一名非科班出身的Web產品設計師。Envato作者，TemplateMonster產品簽約供應商，WordPress Slack團隊成員、官方平臺插件貢獻者，曾擔任過麥子學院金牌講師。他的部分作品刊登于Behance交互設計專欄，并獲Awwwards、CSSDesignAwards等機構網站獎項提名，獨立開發的建站產品曾進入Product Hunt網站前10榜單。他擅長網頁界面設計、Web產品設計，并能熟練運用適當的前后端技術進行產品開發。
書友推薦
- >
人文閱讀與收藏·良友文學叢書:一天的工作
- >
月亮虎
- >
【精裝繪本】畫給孩子的中國神話
- >
龍榆生：詞曲概論/大家小書
- >
苦雨齋序跋文-周作人自編集
- >
小考拉的故事-套裝共3冊
- >
企鵝口袋書系列·偉大的思想20:論自然選擇(英漢雙語)
- >
羅曼·羅蘭讀書隨筆-精裝
本類暢銷
