人們?cè)诨貞浰吹竭^(guò)的場(chǎng)景和事物時(shí)，對(duì)色彩的記憶度要高于形態(tài)。也就是說(shuō)，從視覺(jué)角度來(lái)看，一款產(chǎn)品給用戶留下深印象的部分往往是其配色。對(duì)于設(shè)計(jì)師而言，色彩是偉大的工具，配色是每個(gè)設(shè)計(jì)師的必修課，是設(shè)計(jì)過(guò)程中無(wú)法繞開(kāi)的一個(gè)環(huán)節(jié)。
《移動(dòng)UI色彩搭配》力求跟隨當(dāng)前UI配色設(shè)計(jì)的潮流趨勢(shì)，詳細(xì)講解UI配色設(shè)計(jì)的相關(guān)方法和技巧，精選國(guó)內(nèi)外優(yōu)秀的UI設(shè)計(jì)作品進(jìn)行配色分析，提供**吸引力的UI設(shè)計(jì)配色方案，同時(shí)結(jié)合UI作品的配色設(shè)計(jì)實(shí)戰(zhàn)練習(xí)，全面提升讀者的UI配色設(shè)計(jì)水平，能夠真正達(dá)到學(xué)以致用的目的。另外，《移動(dòng)UI色彩搭配》贈(zèng)送配色演示微視頻、源文件、教學(xué)PPT課件及課后測(cè)試答案，讀者可掃描書(shū)中二維碼獲取。
《移動(dòng)UI色彩搭配》適合正準(zhǔn)備學(xué)習(xí)或者正在學(xué)習(xí)UI設(shè)計(jì)的初中級(jí)讀者，也可以作為各類(lèi)在職設(shè)計(jì)人員在實(shí)際配色工作中的理想?yún)⒖加脮?shū)。
1章 初識(shí)UI設(shè)計(jì)配色
1.1 色彩的基礎(chǔ)理論 001
1.1.1 認(rèn)識(shí)色彩 001
1.1.2 色彩三要素 001
1.1.3 無(wú)彩色與有彩色 004
1.2 UI設(shè)計(jì)配色的基本步驟 005
1.2.1 明確產(chǎn)品定位與目標(biāo) 005
1.2.2 確定目標(biāo)用戶體 007
1.2.3 分析競(jìng)爭(zhēng)對(duì)手 008
1.2.4 產(chǎn)品測(cè)試 009
1.3 理解色彩印象 009
1.3.1 紅色 010
1.3.2 橙色 010
1.3.3 黃色 011
1.3.4 綠色 012
1.3.5 青色 013
1.3.6 藍(lán)色 013
1.3.7 紫色 014
1.3.8 黑色 015
1.3.9 白色 016
1.3.10 灰色 017
1.4 課堂作在線圖書(shū)App配色設(shè)計(jì) 017
1.5 UI設(shè)計(jì)中的色彩角色 021
1.5.1 主題色傳遞界面主題 021
1.5.2 背景色支配UI整體情感 023
1.5.3 輔助色營(yíng)造獨(dú)特的UI風(fēng)格 024
1.5.4 點(diǎn)綴色強(qiáng)調(diào)重點(diǎn)信息與功能 026
1.6 課堂作運(yùn)動(dòng)鞋App配色設(shè)計(jì) 027
1.7 UI配色的基礎(chǔ)原則 031
1.7.1 色調(diào)的一致性 031
1.7.2 選擇符合人們使用習(xí)慣的色彩 032
1.7.3 使用色彩劃分界面元素和內(nèi)容 032
1.7.4 為用戶提供界面可選配色方案 034
1.7.5 提升界面內(nèi)容的可讀性 034
1.7.6 控制色彩的使用數(shù)量 035
1.8 課堂作影視App配色設(shè)計(jì) 036
1.9 拓展知識(shí)了解UI和GUI設(shè)計(jì) 040
1.10 本章小結(jié) 041
1.11 課后測(cè)試 041
一、選擇題 041
二、填空題 041
三、作題 041
2章 UI設(shè)計(jì)配色的基本方法
2.1 色調(diào)對(duì)UI配色的影響 042
2.1.1 認(rèn)識(shí)色調(diào) 042
2.1.2 基于色調(diào)的配色 043
2.2 UI元素配色 044
2.2.1 圖標(biāo)配色方法 045
2.2.2 文字配色方法 046
2.2.3 UI文字易讀性規(guī)范 048
2.3 基礎(chǔ)配色方法 051
2.3.1 基于色相的配色關(guān)系 051
2.3.2 同類(lèi)色配色 051
2.3.3 鄰近色配色 052
2.3.4 同明度配色 053
2.3.5 同純度配色 053
2.3.6 明艷色調(diào)配色 054
2.3.7 暗濁色調(diào)配色 055
2.3.8 灰調(diào)配色 056
2.4 課堂作智能家居管理App配色設(shè)計(jì) 056
2.5 對(duì)比配色方法 060
2.5.1 色相對(duì)比配色 060
2.5.2 原色對(duì)比配色 061
2.5.3 間色對(duì)比配色 062
2.5.4 補(bǔ)色對(duì)比配色 063
2.5.5 冷暖對(duì)比配色 063
2.5.6 面積對(duì)比配色 064
2.5.7 主體突出的配色 065
2.6 課堂作旅行服務(wù)App配色設(shè)計(jì) 066
2.7 通過(guò)配色表現(xiàn)UI情感印象 070
2.7.1 暖色調(diào)配色 070
2.7.2 冷色調(diào)配色 071
2.7.3 高調(diào)的配色 071
2.7.4 低調(diào)的配色 072
2.7.5 健康的配色 073
2.7.6 警示的配色 074
2.8 課堂作飲料預(yù)訂App配色設(shè)計(jì) 074
2.9 拓展知識(shí)色彩對(duì)人的心理影響 079
2.10 本章小結(jié) 080
2.11 課后測(cè)試 080
一、選擇題 080
二、填空題 081
三、作題 081
3章 UI設(shè)計(jì)配色技巧
3.1 UI中色彩的作用與心理感受 082
3.1.1 UI中色彩的作用 082
3.1.2 應(yīng)用色彩感覺(jué)進(jìn)行配色 084
3.2 使用無(wú)彩色調(diào)和UI配色 088
3.2.1 加入白色調(diào)和，使界面更加輕盈、透氣 088
3.2.2 加入黑色調(diào)和，使界面更加穩(wěn)重、大氣 089
3.2.3 加入灰色調(diào)和，使UI更具有質(zhì)感 091
3.2.4 綜合運(yùn)用無(wú)彩色進(jìn)行調(diào)和配色 092
3.3 課堂作照片視頻分享App配色設(shè)計(jì) 092
3.4 使用色彩突出UI主題 097
3.4.1 使用高飽和度色彩烘托主題表現(xiàn) 097
3.4.2 通過(guò)留白突出UI主題 099
3.4.3 添加鮮艷色彩表現(xiàn)出UI活力 100
3.4.4 添加點(diǎn)綴色為UI帶來(lái)亮點(diǎn) 101
3.4.5 通過(guò)色彩明度對(duì)比表現(xiàn)出層次感 101
3.4.6 抑制輔助色或背景 103
3.5 高飽和度色彩搭配技巧 103
3.5.1 使UI內(nèi)容更易讀 103
3.5.2 為交互元素應(yīng)用鮮艷色彩 104
3.5.3 鮮艷的色彩更易被識(shí)別 105
3.5.4 營(yíng)造氛圍，傳遞情緒 106
3.5.5 UI表現(xiàn)更加時(shí)尚 106
3.6 課堂作電影票預(yù)訂App配色設(shè)計(jì) 107
3.7 拓展知識(shí)UI使用深色背景時(shí)需要注意的問(wèn)題 111
3.8 本章小結(jié) 112
3.9 課后測(cè)試 113
一、選擇題 113
二、填空題 113
三、作題 113
4章 網(wǎng)站UI配色設(shè)計(jì)
4.1 網(wǎng)站UI元素配色 114
4.1.1 Logo與網(wǎng)站廣告 114
4.1.2 導(dǎo)航菜單 115
4.1.3 背景與文字 115
4.1.4 鏈接文字 116
4.2 打造成功的網(wǎng)站UI配色 117
4.2.1 遵循色彩的基本原理 117
4.2.2 靈活應(yīng)用配色技巧 118
4.2.3 無(wú)彩色界面點(diǎn)綴鮮艷色彩 119
4.2.4 保持與產(chǎn)品色彩統(tǒng)一的配色設(shè)計(jì) 120
4.2.5 避免混亂的配色 120
4.3 課堂作耳機(jī)產(chǎn)品宣傳網(wǎng)站UI配色設(shè)計(jì) 123
4.4 根據(jù)用戶體選擇網(wǎng)站UI配色 126
4.4.1 不同性別的色彩偏好 126
4.4.2 不同年齡的色彩偏好 127
4.5 根據(jù)商品銷(xiāo)售階段選擇網(wǎng)站UI配色 129
4.5.1 新產(chǎn)品上市期的網(wǎng)站UI配色 129
4.5.2 產(chǎn)品拓展期的網(wǎng)站UI配色 130
4.5.3 產(chǎn)品穩(wěn)定銷(xiāo)售期的網(wǎng)站UI配色 131
4.5.4 產(chǎn)品衰期的網(wǎng)站UI配色 131
4.6 課堂作設(shè)計(jì)服務(wù)網(wǎng)站UI配色設(shè)計(jì) 132
4.7 常見(jiàn)的網(wǎng)站配色印象 135
4.7.1 女性化網(wǎng)站配色 135
4.7.2 男性化網(wǎng)站配色 136
4.7.3 兒童網(wǎng)站配色 136
4.7.4 穩(wěn)定安靜的網(wǎng)站配色 137
4.7.5 興奮激昂的網(wǎng)站配色 137
4.7.6 輕快律動(dòng)的網(wǎng)站配色 138
4.7.7 生動(dòng)活力的網(wǎng)站配色 139
4.7.8 清爽自然的網(wǎng)站配色 140
4.7.9 高貴典雅的網(wǎng)站配色 140
4.7.10 成熟的網(wǎng)站配色 141
4.8 課堂作滑板產(chǎn)品宣傳網(wǎng)站UI配色設(shè)計(jì) 142
4.9 拓展知識(shí)如何培養(yǎng)色彩敏感度 145
4.10 本章小結(jié) 146
4.11 課后測(cè)試 146
一、選擇題 146
二、填空題 147
三、作題 147
5章 移動(dòng)UI配色設(shè)計(jì)
5.1 移動(dòng)UI配色需要注意的問(wèn)題 148
5.1.1 切忌把精致美觀放在一位 148
5.1.2 UI配色要符合人們的心理印象 149
5.1.3 界面內(nèi)容要便于閱讀 150
5.1.4 保守地使用色彩 150
5.1.5 切忌使用雜亂的配色 151
5.2 移動(dòng)UI配色的基本流程 152
5.2.1 產(chǎn)品分析，確定風(fēng)格 152
5.2.2 確定主題色 153
5.2.3 確定輔助色 157
5.2.4 配色調(diào)整 157
5.3 課堂作智能停車(chē)App配色設(shè)計(jì) 159
5.4 移動(dòng)UI常用的配色方法 162
5.4.1 表現(xiàn)統(tǒng)一、和諧的配色方法 163
5.4.2 表現(xiàn)突出、對(duì)比的配色方法 166
5.5 課堂作時(shí)尚運(yùn)動(dòng)App配色設(shè)計(jì) 169
5.6 移動(dòng)UI配色技巧 173
5.6.1 遵循6∶3∶1的配色原則 173
5.6.2 控制界面的色彩數(shù)量 176
5.6.3 巧用色彩對(duì)比 176
5.6.4 從大自然中獲取配色靈感 177
5.7 課堂作電商App配色設(shè)計(jì) 178
5.8 拓展知識(shí)色彩在移動(dòng)UI設(shè)計(jì)中的作用 182
5.9 本章小結(jié) 183
5.10 課后測(cè)試 183
一、選擇題 183
二、填空題 184
三、作題 184
書(shū)單推薦
