設(shè)計師的APP UI設(shè)計色彩搭配手冊

目錄
第1章 APP UI設(shè)計基礎(chǔ)知識
1.1　APP UI設(shè)計的概念002
1.2　APP UI設(shè)計的點線面003
1.2.1　點003
1.2.2　線006
1.2.3　面008
1.3　APP UI設(shè)計的原則010
1.3.1　商業(yè)性原則010
1.3.2　藝術(shù)性原則012
1.3.3　實用性原則013
1.3.4　趣味性原則014
第2章 認(rèn)識色彩
2.1　色相、明度、純度016
2.2　主色、輔助色、點綴色018
2.2.1　主色018
2.2.2　輔助色019
2.2.3　點綴色020
2.3　色相對比021
2.3.1　同類色對比021
2.3.2　鄰近色對比022
2.3.3　類似色對比023
2.3.4　對比色對比024
2.3.5　互補色對比025
2.4　色彩的距離026
2.5　色彩的面積027
2.6　色彩的冷暖028
第3章 APP UI設(shè)計基礎(chǔ)色
3.1　紅色030
3.2 橙色033
3.3 黃色 036
3.4 綠色039
3.5 青色042
3.6 藍(lán)色045
3.7 紫色048
3.8 黑、白、灰051
第4章 APP UI中的元素構(gòu)成
4.1 標(biāo)志055
4.2　圖案058
4.3　字體061
4.4　導(dǎo)航欄064
4.5　搜索欄067
4.6　主視圖070
4.7　圖標(biāo)073
4.8　工具欄076
4.9　標(biāo)簽欄079
4.10　按鈕082
第5章 APP UI設(shè)計的版式
5.1　骨骼型086
5.2　對稱型089
5.3　分割型092
5.4　滿版型095
5.5　曲線形098
5.6　傾斜型101
5.7　中心型104
5.8　三角形107
5.9　并置型110
5.10　中軸型113
5.11　自由型116
第6章 APP UI設(shè)計的風(fēng)格
6.1　扁平化設(shè)計風(fēng)格120
6.2　數(shù)據(jù)可視化設(shè)計風(fēng)格123
6.3　圖像化設(shè)計風(fēng)格126
6.4　極簡風(fēng)設(shè)計風(fēng)格129
6.5　卡片化設(shè)計風(fēng)格132
6.6　擬物化設(shè)計風(fēng)格135
6.7　大標(biāo)題化設(shè)計風(fēng)格138
6.8　網(wǎng)格化設(shè)計風(fēng)格141
6.9　單色調(diào)設(shè)計風(fēng)格144
6.10　漸變色設(shè)計風(fēng)格147
6.11　多色彩設(shè)計風(fēng)格150
6.12　幾何化設(shè)計風(fēng)格153
6.13　插畫式設(shè)計風(fēng)格156
6.14　立體化設(shè)計風(fēng)格159
第7章 APP UI設(shè)計的經(jīng)典技巧
7.1　同一界面中圓角和直角的統(tǒng)一163
7.2　設(shè)計元素的表達要符合用戶需求164
7.3　適當(dāng)?shù)牧舭诇p輕用戶閱讀壓力165
7.4　運用插畫營造故事場景吸引用戶注意力166
7.5　運用“撞色”增強視覺吸引力167
7.6　正確處理文字排版的層級關(guān)系168
7.7　合理運用線條與色塊對界面進行分割169
7.8　運用無彩色提升界面格調(diào)170
7.9　運用幾何圖形要重點突出171
7.10　巧用漸變色豐富界面色彩質(zhì)感172
7.11　運用較大字號的無襯線字體173
7.12　注重圖標(biāo)大小的視覺平衡174
7.13　合理運用投影，增強層次感與立體感175
7.14　巧妙運用對比，增強界面節(jié)奏感176
7.15　運用簡單柔和的色調(diào)177