APP UI設計手冊(簡體書)
商品資訊
商品簡介
序
目次
目錄
章 APP UI 設計的原理
1.1 APP UI 設計的概念 2
1.2 APP UI 與用戶體驗 2
1.3 APP UI 設計的點、線、面 3
1.3.1 點 3
1.3.2 線 4
1.3.3 面 4
1.4 尺寸與規則 5
1.4.1 IOS5
1.4.2 Android 6
1.5 APP UI 設計的原則 7
1.5.1 突出性原則 7
1.5.2 商業性原則 7
1.5.3 趣味性原則 8
1.5.4 藝術性原則 8
1.6 APP UI 設計的法則 9
1.6.1 形式美法則 9
1.6.2 平衡法則 9
1.6.3 視覺法則
1.6.4 聯想法則
1.6.5 直接展示法則
第2 章 APP UI 設計的基礎知識
2.1 UI 與色彩 12
2.1.1 色相、明度、純度 13
2.1.2 主色、輔助色、點綴色 13
2.1.3 鄰近色、對比色 15
2.2 APP UI 設計的布局 15
2.2.1 對稱式 16
2.2.2 曲線式 16
2.2.3 傾斜式 17
2.2.4 中軸式 17
2.2.5 文字式 17
2.2.6 圖片式 18
2.2.7 自由式 18
2.2.8 背景式 19
2.2.9 水平式 19
2.2. 引導式 19
第3 章 APP UI 設計的基礎色
3.1 紅 21
3.1.1 認識紅色 21
3.1.2 洋紅& 胭脂紅 22
3.1.3 玫瑰紅& 朱紅 22
3.1.4 鮮紅& 山茶紅 23
3.1.5 淺玫瑰紅& 火鶴紅 23
3.1.6 硅紅& 殼黃紅 24
3.1.7 淺紅& 勃艮第酒紅 24
3.1.8 威尼斯紅& 寶石紅 25
3.1.9 灰玫紅& 優品紫紅 25
3.2 橙 26
3.2.1 認識橙色 26
3.2.2 橘色& 橘紅 27
3.2.3 柿子橙& 熱帶橙 27
3.2.4 橙色& 陽橙 28
3.2.5 橙黃& 杏黃 28
3.2.6 蜂蜜色& 色 29
3.2.7 沙棕色& 琥珀色 29
3.2.8 駝色& 咖啡色 30
3.2.9 巧克力色& 重褐色 30
3.3 黃 31
3.3.1 認識黃色 31
3.3.2 黃& 鉻黃 32
3.3.3 金& 香蕉黃 32
3.3.4 鮮黃& 月光黃 33
3.3.5 檸檬黃& 壽菊黃 33
3.3.6 香檳黃& 奶黃 34
3.3.7 土著黃& 黃褐 34
3.3.8 卡其黃& 含羞草黃 35
3.3.9 芥末黃& 灰菊色 35
3.4 綠 36
3.4.1 認識綠色 36
3.4.2 黃綠& 蘋果綠 37
3.4.3 墨綠& 葉綠 37
3.4.4 草綠& 苔蘚綠 38
3.4.5 芥末綠& 橄欖綠 38
3.4.6 枯葉綠& 碧綠 39
3.4.7 綠松石綠& 青瓷綠 39
3.4.8 孔雀石綠& 鉻綠 40
3.4.9 孔雀綠& 鈷綠 40
3.5 青 41
3.5.1 認識青色 41
3.5.2 青& 鐵青 42
3.5.3 深青& 天青色 42
3.5.4 群青& 石青色 43
3.5.5 青綠色& 青藍色 43
3.5.6 瓷青& 淡青色 44
3.5.7 白青色& 青灰色 44
3.5.8 水青色& 藏青 45
3.5.9 清漾青& 淺蔥色 45
3.6 藍 46
3.6.1 認識藍色 46
3.6.2 藍色& 天藍色 47
3.6.3 蔚藍色& 普魯士藍 47
3.6.4 矢車菊藍& 深藍 48
3.6.5 道奇藍& 寶石藍 48
3.6.6 午夜藍& 皇室藍 49
3.6.7 濃藍色& 藍黑色 49
3.6.8 愛麗絲藍& 水晶藍 50
3.6.9 孔雀藍& 水墨藍 50
3.7 紫 51
3.7.1 認識紫色 51
3.7.2 紫& 淡紫色 52
3.7.3 靛青色& 紫藤 52
3.7.4 木槿紫& 藕荷色 53
3.7.5 丁香紫& 水晶紫 53
3.7.6 礦紫& 三色堇紫 54
3.7.7 錦葵紫& 淡丁香紫 54
3.7.8 淺灰紫& 江戶紫 55
3.7.9 蝴蝶花紫& 薔薇紫 55
3.8 黑、白、灰 56
3.8.1 認識黑、白、灰 56
3.8.2 白& 月光白 57
3.8.3 雪白& 象牙白 57
3.8.4 % 亮灰&50% 灰 58
3.8.5 80% 炭灰& 黑 58
第4 章 APP UI 設計的元素
4.1 標志 60
4.1.1 簡約素雅的標志設計 61
4.1.2 趣味多彩的標志設計 62
4.1.3 標志設計技巧——
圖文結合的設計方法 63
4.1.4 標志設計欣賞 63
4.2 圖案 64
4.2.1 風格多變的圖標設計 64
4.2.2 應用界面的圖案設計 66
4.2.3 圖案設計技巧——造型獨特的圖案 67
4.2.4 圖案設計賞析 67
4.3 色彩 68
4.3.1 繽紛多彩的色彩設計 69
4.3.2 單一色調的色彩設計 70
4.3.3 色彩設計技巧——統計圖的應用 71
4.3.4 色彩設計欣賞 71
4.4 字體 72
4.4.1 應用中的字體設計 73
4.4.2 圖標中的字體設計 74
4.4.3 字體設計技巧——文字樣式
的修改 75
4.4.4 字體設計賞析 75
4.5 導航欄 76
4.5.1 頂部與底部的導航欄設計 77
4.5.2 “漢堡菜單”的導航欄設計 78
4.5.3 導航欄設計技巧——適用屏幕旋轉的設計 79
4.5.4 導航欄設計賞析 79
4.6 主視圖 80
4.6.1 骨骼型的主視圖設計 81
4.6.2 重心型的主視圖設計 82
4.6.3 主視圖設計技巧——采用不同的設計版式 83
4.6.4 主視圖設計賞析 83
4.7 工具欄 84
4.7.1 固定工具欄設計 85
4.7.2 浮動工具欄設計 86
4.7.3 工具欄設計技巧——帶搜索功能的工具欄 87
4.7.4 工具欄設計賞析 87
4.8 設計實戰:軟件用戶信息界面設計 88
4.8.1 設計思路 88
4.8.2 配色方案 88
4.8.3 版面構圖 90
4.8.4 色彩 90
4.8.5 字體 91
4.8.6 導航欄 91
第5 章 APP UI 設計的行業分類
5.1 游戲類APP UI 設計 93
5.1.1 游戲類APP UI 設計——休閑類游戲 94
5.1.2 游戲類APP UI 設計——動作冒險類游戲 95
5.2 類APP UI 設計 97
5.2.1 類APP UI 設計——短信 98
5.2.2 類APP UI 設計——聊天 99
5.3 購物類APP UI 設計 1
5.3.1 購物類APP UI 設計——服裝類 2
5.3.2 購物類APP UI 設計——產品類 3
5.4 工具類APP UI 設計 5
5.4.1 工具類APP UI 設計——地圖導航 6
5.4.2 工具類APP UI 設計——天氣預報 7
5.5 生活類APP UI 設計 9
5.5.1 生活類APP UI 設計——旅游 1
5.5.2 生活類APP UI 設計——外賣 111
5.6 娛樂類APP UI 設計 113
5.6.1 娛樂類APP UI 設計——音樂播放器 114
5.6.2 娛樂類APP UI 設計——視頻播放器 115
5.7 閱讀類APP UI 設計 117
5.7.1 閱讀類APP UI 設計——小說閱讀器 118
5.7.2 閱讀類APP UI 設計——漫畫閱讀器 119
5.8 拍攝美化類APP UI 設計 121
5.8.1 拍攝美化類APP UI 設計——相機 122
5.8.2 拍攝美化類APP UI 設計——美化圖片 123
5.9 新聞類APP UI 設計 125
5.9.1 新聞類APP UI 設計——新聞信息 126
5.9.2 新聞類APP UI 設計——報紙雜志 127
5. 設計實戰:辦公類APP UI設計流程詳解 129
5..1 設計思路 129
5..2 配色方案 129
5..3 版面構圖 130
5..4 首頁 131
5..5 收件箱 132
5..6 編寫郵件 132
第6 章 APP UI 設計的風格
6.1 安全 134
6.1.1 安全——登錄頁面的UI 設計 135
6.1.2 安全——頁面提示彈窗的UI 設計 136
6.2 清新 138
6.2.1 清新——明亮色彩的UI 界面設計 139
6.2.2 清新——形象可愛的UI 設計 140
6.3 科技 142
6.3.1 科技——指紋識別UI界面設計 143
6.3.2 科技——天氣預報UI界面設計 144
6.4 涼爽 146
6.4.1 涼爽——顏色 147
6.4.2 涼爽——干凈簡潔的UI界面設計 148
6.5 美味 150
6.5.1 美味——烹飪類應用的UI界面設計 151
6.5.2 美味——訂餐類應用的UI界面設計 152
6.6 熱情 154
6.6.1 熱情——色彩明快的UI界面設計 155
6.6.2 熱情——活力四射的運動類UI 界面設計 156
6.7 高端 158
6.7.1 高端——品應用的UI 設計 159
6.7.2 高端——個人定制的UI 設計 160
6.8 浪漫 162
6.8.1 浪漫——色系桌面的UI 界面設計 163
6.8.2 浪漫——應用花朵元素的UI 界面設計 164
6.9 硬朗 166
6.9.1 硬朗——游戲頁面中堅硬感UI 設計 167
6.9.2 硬朗——穩定沉穩的UI 設計 168
6. 純凈 170
6..1 純凈——簡約純潔的UI界面設計 171
6..2 純凈——線條感十足的UI圖標設計 172
6.11 復古 174
6.11.1 復古——像素游戲的UI界面設計 175
6.11.2 復古——使用傳統物品進行UI 圖標設計 176
6.12 扁平化與擬物化 178
6.12.1 扁平化風格 179
6.12.2 擬物化風格 180
6.13 設計實戰:手機游戲啟動界面設計 182
6.13.1 設計思路 182
6.13.2 配色方案 182
6.13.3 版面構圖 184
6.13.4 涼爽 184
6.13.5 硬朗 185
6.13.6 清新 185
第7 章 APP UI 設計秘籍
7.1 UI 設計中的版式布局 187
7.2 通過實例來了解UI 界面 188
7.3 顏色的合理搭配 189
7.4 圖標的物理尺寸與實際尺寸 190
7.5 常用的集中設計尺寸 191
7.6 MBE 風格的設計 192
7.7 開放式路徑圖標的妙用 193
7.8 列表的設計方式 194
7.9 字體的使用 195
7. 頁面空間的節省 196
7.11 貼近場景的顯示切換 197
7.12 歡迎頁面的設計 198
7.13 交互方式的設計 199
7.14 視覺風格的設計 200
書摘/試閱
主題書展
更多書展本週66折
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大,除封面破損、內頁脫落等較嚴重的狀態,其餘商品將正常出貨。
特別提醒:部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供,需以QR CODE 連結至當地網站註冊“並通過驗證程序”,方可下載使用。
無現貨庫存之簡體書,將向海外調貨:
海外有庫存之書籍,等候約45個工作天;
海外無庫存之書籍,平均作業時間約60個工作天,然不保證確定可調到貨,尚請見諒。
為了保護您的權益,「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨,請在商品鑑賞期內寄回,且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。