設計師的APP UI設計色彩搭配手冊

目錄
第1章 APP UI設計基礎知識
1.1　APP UI設計的概念002
1.2　APP UI設計的點線面003
1.2.1　點003
1.2.2　線006
1.2.3　面008
1.3　APP UI設計的原則010
1.3.1　商業(yè)性原則010
1.3.2　藝術性原則012
1.3.3　實用性原則013
1.3.4　趣味性原則014
第2章 認識色彩
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設計基礎色
3.1　紅色030
3.2 橙色033
3.3 黃色 036
3.4 綠色039
3.5 青色042
3.6 藍色045
3.7 紫色048
3.8 黑、白、灰051
第4章 APP UI中的元素構成
4.1 標志055
4.2　圖案058
4.3　字體061
4.4　導航欄064
4.5　搜索欄067
4.6　主視圖070
4.7　圖標073
4.8　工具欄076
4.9　標簽欄079
4.10　按鈕082
第5章 APP UI設計的版式
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設計的風格
6.1　扁平化設計風格120
6.2　數(shù)據(jù)可視化設計風格123
6.3　圖像化設計風格126
6.4　極簡風設計風格129
6.5　卡片化設計風格132
6.6　擬物化設計風格135
6.7　大標題化設計風格138
6.8　網(wǎng)格化設計風格141
6.9　單色調(diào)設計風格144
6.10　漸變色設計風格147
6.11　多色彩設計風格150
6.12　幾何化設計風格153
6.13　插畫式設計風格156
6.14　立體化設計風格159
第7章 APP UI設計的經(jīng)典技巧
7.1　同一界面中圓角和直角的統(tǒng)一163
7.2　設計元素的表達要符合用戶需求164
7.3　適當?shù)牧舭诇p輕用戶閱讀壓力165
7.4　運用插畫營造故事場景吸引用戶注意力166
7.5　運用“撞色”增強視覺吸引力167
7.6　正確處理文字排版的層級關系168
7.7　合理運用線條與色塊對界面進行分割169
7.8　運用無彩色提升界面格調(diào)170
7.9　運用幾何圖形要重點突出171
7.10　巧用漸變色豐富界面色彩質(zhì)感172
7.11　運用較大字號的無襯線字體173
7.12　注重圖標大小的視覺平衡174
7.13　合理運用投影，增強層次感與立體感175
7.14　巧妙運用對比，增強界面節(jié)奏感176
7.15　運用簡單柔和的色調(diào)177