UI設計基礎案例教程(2021年清華大學出版社出版的圖書)

基本介紹

• 中文名：
• 作者：
• 類別：
• 出版社：
• 出版時間：
• 開本：
• 裝幀：
• ISBN：

內容簡介

作者簡介

圖書目錄

3.5.2蘋果下載按鈕的製作90

3.6課堂實訓97

3.6.1新浪微博導航的製作97

3.6.2蘋果導航欄的製作102

3.7拓展練習103

3.8知識拓展104

3.8.1二分環的製作104

3.8.2鋼筆工具的運用108

第4章網路廣告設計112

4.1網路廣告概述112

4.2網路廣告設計的目標和創意114

4.2.1網路廣告設計的目標114

4.2.2網路廣告的創意115

4.3網路廣告案例賞析116

4.4Banner的設計119

4.4.1Banner設計的目標119

4.4.2Banner的主要構成元素120

4.4.3Banner的設計方法121

4.4.4Banner的設計原則和設計要求123

4.5Banner製作案例125

4.5.1浙江音樂學院研究生處官網通欄效果125

4.5.2設計分析125

4.5.3製作要點分析126

4.5.4操作過程127

4.6網店海報製作案例130

4.6.1概述130

4.6.2Coccinelle廣告設計過程分析132

4.6.3經驗分享133

4.7課堂實訓134

4.7.1數碼廣告的製作134

4.7.2絲巾廣告的製作138

4.8課後練習145

4.9知識拓展——圖層蒙版在UI設計中的使用技巧150

4.9.1圖層蒙版的概念150

4.9.2操作演示151

第5章網頁界面設計154

5.1網頁界面設計概述154

5.2界面文字設計156

5.2.1網頁字型與字型安排156

5.2.2文字形式157

5.2.3網頁文字編排方式161

5.2.4網頁文字設計方法162

5.2.5網頁文字編排技巧168

5.3圖形圖像168

5.3.1網頁圖形圖像設計的構成要素168

5.3.2網頁圖形圖像的創意設計173

5.3.3網頁圖形圖像的處理方法174

5.4色彩177

5.4.1色彩的基本知識177

5.4.2網頁中的色彩搭配179

5.4.3大公司的網站中顏色運用的例子183

5.5網頁布局184

5.5.1版式設計原則184

5.5.2版式設計的視覺因素186

5.5.3版式構成類型187

5.5.4網頁版面布局與製作190

5.6網頁界面設計實例191

第6章配色194

6.1三原色194

6.1.1色光三原色194

6.1.2顏料三原色194

6.2色彩的種類195

6.2.1無彩色系195

6.2.2有彩色系195

6.3色彩的三要素195

6.3.1色相195

6.3.2純度196

6.3.3明度196

6.4色彩的感覺196

6.5配色198

6.5.1色環配色198

6.5.2明度配色200

6.5.3純度配色201

6.6ColorImpact軟體201

6.7配色板生成技巧207

第7章App界面設計210

7.1App界面設計基礎210

7.1.1什麼是App210

7.1.2App UI設計和平面UI設計的區別210

7.1.3App UI設計的要點213

7.2App界面前期設計流程及方法214

7.2.1分析App的市場定位214

7.2.2草圖的繪製215

7.2.3視覺設計216

7.2.4終定製方案216

7.3移動設備中的常用尺寸217

7.3.1螢幕尺寸217

7.3.2螢幕解析度218

7.3.3App中圖示的尺寸219

7.3.4圖示格式219

7.4App的界面構成221

7.4.1導航欄221

7.4.2主螢幕222

7.4.3下方按鈕欄223

7.5App界面設計流程及要點分析224

7.5.1電商類224

7.5.2音樂播放器類226

7.6App界面風格設計——繪畫藝術232

7.6.1創意構思232

7.6.2手繪卡通界面製作233

參考文獻246

內容簡介

本書採用“採用案例教學，以教師為主導、學生為主體”的編寫指導思想，以實用為目的，根據高等職業教育“理論夠用，重在實踐”的教學特點，注重對學生專業技能、動手能力的培養。對知識點進行了細緻的取捨和編排，融通俗性、實用性和技巧性於一身。全書共由UI設計基礎、UI配色基礎、圖示設計、導航設計、網頁廣告設計、網站界面設計、App界面設計案例等章節組成。每個章節由若干個學習案例組成，每個案例錄製微課供學生自學。

作者簡介

方旭華，女，浙江交通職業技術學院副教授，1999年工作以來一直工作於教學線，有著豐富的教學閱歷和經驗，近五年來曾任教多媒體、平面設計、動畫設計、用戶界面設計等課程的教學工作。主持了浙江省交通廳課題《基於物聯網關鍵技術平台的智慧校園系統開發》和《高速鐵路運輸對公路運輸的影響分析》。

目　　錄

UI設計基礎案例教程

第1章UI設計基礎1

1.1初識UI設計1

1.1.1什麼是UI設計1

1.1.2UI設計常用名詞2

1.1.3UI設計的分類2

1.2初識設計行業5

1.2.1UI行業現狀5

1.2.2未來UI設計的發展趨勢6

1.2.3UI設計師的發展方向8

1.3UI設計工作流程10

1.3.1自主研發產品的開發流程10

1.3.2外包公司開發流程11

1.3.3網站推出流程11

第2章圖示設計13

2.1圖示的概念13

2.2圖示、標誌和標識的區別13

2.3圖示的分類15

2.4圖示的風格16

2.5圖示設計的原則17

2.6圖示製作17

2.6.1像素圖示製作17

2.6.2剪影圖示製作22

2.6.3擬物化圖示製作30

2.6.4扁平化圖示製作52

第3章導航設計57

3.1網頁導航的概念57

UI設計基礎案例教程

目錄

3.2導航的分類57

3.2.1按表現形式劃分57

3.2.2按作用劃分58

3.2.3按設計模式劃分59

3.2.4 App導航分析65

3.3網站導航設計71

3.3.1注意事項和設計原則72

3.3.2導航創意73

3.4網站導航賞析77

3.4.1真功夫77

3.4.2匯源果汁77

3.4.3可口可樂77

3.4.4李寧78

3.4.5樂途78

3.4.6相宜本草79

3.4.7露得清79

3.5導航製作案例80

3.5.1門牌導航的製作80

3.5.2蘋果下載按鈕的製作90

3.6課堂實訓97

3.6.1新浪微博導航的製作97

3.6.2蘋果導航欄的製作102

3.7拓展練習103

3.8知識拓展104

3.8.1二分環的製作104

3.8.2鋼筆工具的運用108

第4章網路廣告設計112

4.1網路廣告概述112

4.2網路廣告設計的目標和創意114

4.2.1網路廣告設計的目標114

4.2.2網路廣告的創意115

4.3網路廣告案例賞析116

4.4Banner的設計119

4.4.1Banner設計的目標119

4.4.2Banner的主要構成元素120

4.4.3Banner的設計方法121

4.4.4Banner的設計原則和設計要求123

4.5Banner製作案例125

4.5.1浙江音樂學院研究生處官網通欄效果125

4.5.2設計分析125

4.5.3製作要點分析126

4.5.4操作過程127

4.6網店海報製作案例130

4.6.1概述130

4.6.2Coccinelle廣告設計過程分析132

4.6.3經驗分享133

4.7課堂實訓134

4.7.1數碼廣告的製作134

4.7.2絲巾廣告的製作138

4.8課後練習145

4.9知識拓展——圖層蒙版在UI設計中的使用技巧150

4.9.1圖層蒙版的概念150

4.9.2操作演示151

第5章網頁界面設計154

5.1網頁界面設計概述154

5.2界面文字設計156

5.2.1網頁字型與字型安排156

5.2.2文字形式157

5.2.3網頁文字編排方式161

5.2.4網頁文字設計方法162

5.2.5網頁文字編排技巧168

5.3圖形圖像168

5.3.1網頁圖形圖像設計的構成要素168

5.3.2網頁圖形圖像的創意設計173

5.3.3網頁圖形圖像的處理方法174

5.4色彩177

5.4.1色彩的基本知識177

5.4.2網頁中的色彩搭配179

5.4.3大公司的網站中顏色運用的例子183

5.5網頁布局184

5.5.1版式設計原則184

5.5.2版式設計的視覺因素186

5.5.3版式構成類型187

5.5.4網頁版面布局與製作190

5.6網頁界面設計實例191

第6章配色194

6.1三原色194

6.1.1色光三原色194

6.1.2顏料三原色194

6.2色彩的種類195

6.2.1無彩色系195

6.2.2有彩色系195

6.3色彩的三要素195

6.3.1色相195

6.3.2純度196

6.3.3明度196

6.4色彩的感覺196

6.5配色198

6.5.1色環配色198

6.5.2明度配色200

6.5.3純度配色201

6.6ColorImpact軟體201

6.7配色板生成技巧207

第7章App界面設計210

7.1App界面設計基礎210

7.1.1什麼是App210

7.1.2App UI設計和平面UI設計的區別210

7.1.3App UI設計的要點213

7.2App界面前期設計流程及方法214

7.2.1分析App的市場定位214

7.2.2草圖的繪製215

7.2.3視覺設計216

7.2.4終定製方案216

7.3移動設備中的常用尺寸217

7.3.1螢幕尺寸217

7.3.2螢幕解析度218

7.3.3App中圖示的尺寸219

7.3.4圖示格式219

7.4App的界面構成221

7.4.1導航欄221

7.4.2主螢幕222

7.4.3下方按鈕欄223

7.5App界面設計流程及要點分析224

7.5.1電商類224

7.5.2音樂播放器類226

7.6App界面風格設計——繪畫藝術232

7.6.1創意構思232

7.6.2手繪卡通界面製作233

參考文獻246