photoshop智慧型手機app 界面設計

photoshop智慧型手機app 界面設計

《photoshop智慧型手機app 界面設計》是2016年機械工業出版社出版的圖書,本書全面介紹了手機界面設計的由來和要點。

基本介紹

  • 書名:photoshop智慧型手機app 界面設計
  • 作者:高鵬
  • 出版社:機械工業出版社
  • ISBN:9787111542872
內容簡介,圖書目錄,

內容簡介

通過分別介紹iOS系統、安卓系統和wp系統的設計規範和要點,帶領讀者完成專業手機APP界面設計。同時分析不同系統的優缺點,並根據不同系統的不同要求,設計出符合當下系統規範的界面。本書中通過案例引出基礎知識。再擴展延伸案例,便於讀者課後練習,快速的掌握手機界面設計的要點和規範。

圖書目錄

前言
第1章 移動APP設計基礎 1
1.1 移動UI設計概述 2
1.1.1 什麼是UI設計 2
1.1.2 移動UI設計的特點 3
1.1.3 移動UI與網站UI的區別 5
1.2 了解UI設計師 7
1.2.1 研究界面—圖形設計師(Graphic UI Designer) 7
1.2.2 研究人與界面的關係—互動設計師(Interaction Designer) 7
1.2.3 研究人—用戶測試/研究工程師(User Experience Engineer) 7
1.3 了解移動APP 7
1.3.1 什麼是APP 8
1.3.2 APP視覺設計的奧秘 8
1.3.3 APP視覺效果的個性化 10
1.4 移動APP設計流程及視覺設計 11
1.4.1 移動APP設計流程 11
1.4.2 視覺設計 12
1.5 移動APP設計中的色彩搭配 14
1.5.1 認識色彩 14
1.5.2 色彩在APP界面設計中的作用 15
1.5.3 APP界面配色原則 17
1.5.4 使用Kuler配色 19
1.6 常見移動設備尺寸標準 19
1.6.1 螢幕尺寸 19
1.6.2 螢幕解析度 20
1.6.3 螢幕密度 21
1.7 本章小結 21
第2章 移動APP圖示設計 22
2.1 了解APP圖示 23
2.1.1 什麼是圖示 23
2.1.2 圖示設計的作用 24
2.1.3 iOS系統圖示常用尺寸 26
2.1.4 Android系統圖示常用尺寸 28
2.1.5 圖示常用格式 28
2.2 擬物化圖示 30
2.2.1 什麼是擬物化圖示 30
2.2.2 擬物化圖示的特點 31
實戰案例——設計擬物化時鐘圖示 32
2.3 扁平化圖示 40
2.3.1 什麼是扁平化圖示 40
2.3.2 扁平化圖示的特點 40
2.3.3 基礎風格扁平化圖示 41
實戰案例——設計基礎風格購物圖示 42
2.3.4 陰影風格扁平化圖示 47
實戰案例——設計陰影風格設定圖示 47
2.3.5 長陰影風格扁平化圖示 53
實戰案例——設計長陰影風格日期圖示 54
2.3.6 微漸變風格扁平化圖示 62
實戰案例——設計微漸變風格天氣圖示 62
2.4 APP圖示設計原則 68
2.4.1 辨識性 68
2.4.2 實用性 68
2.4.3 差異性 69
2.4.4 創意性 69
2.4.5 視覺性 70
2.4.6 協調性 70
實戰案例——設計音樂APP啟動圖示 70
2.5 本章小結 77
第3章 移動APP界面基本元素設計 78
3.1 認識APP界面基本圖形 79
3.1.1 直線 79
3.1.2 矩形 79
3.1.3 圓角矩形 80
3.1.4 圓形 80
3.1.5 其他圖形 81
實戰案例——設計APP登錄界面 81
3.2 按鈕設計 86
3.2.1 按鈕設計注意事項 86
3.2.2 遊戲APP界面按鈕 87
實戰案例——設計遊戲APP界面按鈕 87
3.3 開關與滾動條設計 91
3.3.1 開關 91
3.3.2 滾動條 92
實戰案例——設計APP設定界面 92
3.3.3 進度條 97
實戰案例——設計遊戲進度條 98
3.4 搜尋欄設計 102
3.4.1 了解APP界面中的搜尋欄 102
3.4.2 扁平化搜尋欄 103
實戰案例——設計APP搜尋欄 103
3.5 選單和工具列設計 106
3.5.1 選單的重要性 106
實戰案例——設計APP選單界面 107
3.5.2 選單的設計要點 111
實戰案例——設計彈出下拉選單 111
3.5.3 工具列的作用 116
實戰案例——設計圓形快捷工具列 116
3.6 本章小結 122
第4章 iOS系統界面設計 123
4.1 iOS系統 124
4.1.1 iOS系統概述 124
4.1.2 iOS系統的發展 124
4.1.3 iOS系統的基本組件 126
4.2 iOS系統UI設計規範 127
4.2.1 iPhone界面尺寸 127
4.2.2 iPad界面尺寸 128
4.2.3 iOS系統APP布局 129
實戰案例——設計iOS系統待機界面 129
4.3 了解全新的iOS 9 135
4.3.1 iOS 8與iOS 9的區別 135
4.3.2 iOS 9的特點 138
4.3.3 iOS 9界面設計遵循的原則 140
實戰案例——設計iOS 9風格日曆界面 141
4.4 iOS系統界面設計規範 146
4.4.1 iOS系統套用特點 146
4.4.2 確保在iPhone和iPad上通用 146
4.4.3 重新考慮基於Web的設計 147
實戰案例——設計iOS系統主界面 147
4.5 如何設計出色的iOS系統套用界面 154
4.5.1 內容決定設計 154
4.5.2 保證清晰的視覺效果 155
4.5.3 使用深度層次進行交流 156
實戰案例——設計iOS系統天氣界面 158
實戰案例——設計iOS系統通話界面 162
4.6 iOS系統界面的設計原則 166
4.6.1 美觀性 167
4.6.2 一致性 167
4.6.3 操作便捷 168
4.6.4 及時反饋 168
4.6.5 暗喻 169
4.6.6 用戶控制 170
實戰案例——設計iOS系統音樂播放界面 170
4.7 本章小結 176
第5章 Android系統界面設計 177
5.1 了解Android系統 178
5.1.1 Android系統概述 178
5.1.2 Android系統的發展 178
5.1.3 Android系統的基本組件 179
5.1.4 了解深度定製Android系統 179
5.2 Android系統UI設計規範 181
5.2.1 Android系統的設計尺寸 181
5.2.2 字型的使用標準 182
5.2.3 色彩的套用標準 184
實戰案例——設計Android系統鎖屏界面 188
5.3 了解全新的Android L系統 192
5.3.1 全新的UI設計風格 192
5.3.2 最佳化用戶體驗 193
5.3.3 增強的通知中心 194
5.3.4 增強的多任務功能 194
5.3.5 性能升級 194
5.3.6 增強電池續航能力 194
實戰案例——設計Android L風格手機主界面 194
5.4 認識Android系統APP布局 202
5.4.1 Android系統APP布局 202
5.4.2 Android與iOS系統界面設計區別 203
實戰案例——設計Android系統待機界面 206
5.5 Android系統界面的特點 211
5.5.1 簡約大方 212
5.5.2 操作便捷 212
5.5.3 通用性強 212
5.5.4 布局合理 213
實戰案例——設計Android系統主界面 213
5.6 Android系統的設計原則 218
5.6.1 美觀大方的界面 218
5.6.2 使用戶操作更加簡單 219
5.6.3 完善的操作流程 222
實戰案例——設計Android系統音樂APP界面 223
5.7 本章小結 233
第6章 Windows Phone系統界面設計 234
6.1 了解Windows Phone系統 235
6.1.1 Windows Phone系統概述 235
6.1.2 Windows Phone系統的發展 236
6.1.3 Windows Phone系統的特點 237
6.1.4 Windows Phone系統的基本組件 239
實戰案例——設計Windows Phone系統待機界面 239
6.2 認識Windows Phone手機UI界面 243
6.2.1 Windows Phone 7手機界面 244
6.2.2 Windows Phone 8手機界面 245
6.2.3 Windows Phone 8系統的新功能 246
6.2.4 Windows Phone界面的設計理念 247
實戰案例——設計Windows Phone系統主界面 249
6.3 Windows Phone系統UI設計規範 254
6.3.1 Windows Phone系統手機螢幕尺寸 254
6.3.2 主界面 254
6.3.3 狀態欄 255
6.3.4 應用程式欄 256
6.3.5 圖示 256
6.3.6 螢幕方向 257
6.3.7 字型 257
6.3.8 推送通知 258
實戰案例——設計Windows Phone系統音樂播放界面 259
6.4 Tile(磁貼)與Pivot(樞軸視圖)設計 264
6.4.1 Tile(磁貼)簡介 264
6.4.2 Tile(磁貼)的類型 265
6.4.3 Tile(磁貼)的大小 266
6.4.4 Pivot(樞軸視圖)簡介 266
實戰案例——設計Windows Phone平板界面 267
6.5 獨特的Panorama(全景視圖) 273
6.5.1 Panorama(全景視圖)簡介 273
6.5.2 全景視圖設計注意事項 274
實戰案例——設計全景視圖界面 275
實戰案例——設計桌球手機遊戲界面 283
6.6 本章小結 291
第7章 APP界面設計 292
7.1 常見的APP套用類型 293
7.1.1 實用功能類APP套用 293
7.1.2 社交類APP套用 293
7.1.3 娛樂、遊戲類APP套用 294
7.2 APP界面設計視覺效果 294
7.2.1 簡潔型的APP界面 294
7.2.2 趣味與個性的APP界面 295
7.2.3 華麗的APP界面 295
實戰案例——設計iPad影視APP界面 296
7.3 APP引導界面 303
7.3.1 功能介紹類 304
7.3.2 使用說明類 304
7.3.3 推廣類 304
7.3.4 問題解決類 305
實戰案例——設計APP引導界面 305
7.4 APP界面設計要求 311
7.4.1 APP界面的特點 311
7.4.2 APP界面的設計流程 312
7.4.3 APP界面的色彩搭配 313
7.4.4 平板電腦界面的特點 314
實戰案例——設計音樂APP界面 314
實戰案例——設計iPad遊戲登錄界面 322
7.5 APP界面設計原則 331
7.5.1 實用性 331
7.5.2 統一的色彩與風格 331
7.5.3 合理的配色 332
7.5.4 規範的操作流程 332
7.5.5 視覺元素規範 332
實戰案例——設計購物APP界面 333
7.6 APP界面設計注意事項 340
7.6.1 APP界面視覺設計 341
7.6.2 APP界面設計的用戶體驗 341
實戰案例——設計照片分享APP界面 342
7.7 本章小結 351

相關詞條

熱門詞條

聯絡我們