品味移動設計

按鈕1196.2.1 做有個性的套用1597.1.1 工具列圖示2178.3.1

內容介紹

本書針對目前最主流的移動套用三大平台(iOS、Android 和Windows Phone)的特點以及時下最普及的兩大類移動產品的規格和需求,為大家系統地闡述了設計移動套用的方法、步驟以及其中的諸多細節。
本書適合移動設計人員、開發人員和產品經理閱讀。

作者介紹

趙大羽
11年設計經驗、8年培訓行業經驗。精通iOS、Android和Windows Phone 7的UI界面設計以及用戶體驗設計,參與多款大型網路遊戲的Android和iOS客戶端UI設計及用戶體驗設計;國家農產品追溯系統iPad客戶端UI設計;在App Store發布的多款遊戲和套用軟體中擔任策劃及UI設計;為多款Android套用進行用戶體驗及UI設計,擅長移動平台的套用和遊戲類項目的視覺策劃及界面設計,並精通網頁設計。 美術及設計基礎深厚,精通3Dmax、Photoshop、Illustrator和Flash等設計軟體;擁有長期的設計經驗及閱歷;造型能力強,色彩把握能力突出。在廣告、CI、裝幀、動畫及插圖藝術方面都有大量項目經驗並擁有一定的造詣。 為摩托羅拉、上海通用別克、寶潔公司、西門子、美國利樂公司等大型企業做過視覺設計,並在大型廣告企業擔任過設計主管。
關東升
國內知名iOS技術作家,iOS技術顧問,高級培訓講師,移動開發專家。精通iOS、Android和Windows Phone及HTML5等移動開發技術。曾先後主持開發大型網路遊戲神農訣的iOS和Android客戶端開發,國家農產品追溯系統的iPad客戶端開發,酒店預訂系統的iPhone客戶端開發,金融系統微博的iOS、Windows Phone 7、Android客戶端開發。在App Store上發布多款遊戲和套用軟體,擅長移動平台的套用和遊戲類項目開發。近期為中國移動研究院、雲南移動、東軟、方正科技、大唐電信、中石油、深圳康拓普、上海財富168、天津港務局等企事業單位授課。
著有《iOS網路編程與雲端套用最佳實踐》、《iPhone與iPad開發實戰——iOS經典套用剖析》、《Android開發案例驅動教程》、《Android網路遊戲開發實戰》、《移動平台用戶體驗設計》以及《JSP網路程式設計》等圖書。

作品目錄

目  錄
第 1 章 做好準備了嗎——了解移動平台和移動套用1
1.1  成為用戶體驗設計師1
1.1.1  UI、ID、UE和GUI,這些都是什麼2
1.1.2  了解成功的用戶體驗設計案例3
1.2  移動設備的三大主流平台7
1.2.1  iOS 平台7
1.2.2  Android 平台10
1.2.3  Windows Phone 平台12
1.3  用戶體驗設計的基本流程13
1.3.1  創意和原型草圖階段14
1.3.2  原型的中保真階段 16
1.3.3  高保真原型及設計的完成階段17
第 2 章 一切從服務用戶開始——市場定位和產品目標19
2.1  是移動產品,不是電腦軟體19
2.1.1  不為外表華麗20
2.1.2  不為功能強大21
2.1.3  別讓它“大而全”23
2.2  做有價值的套用26
2.2.1  它只是成千上萬個套用中的一個26
2.2.2  是前無古人還是出類拔萃29
2.2.3  如何才能獨樹一幟30
2.3  了解套用的使用者32
2.3.1  用戶細分32
2.3.2  用戶研究34
2.3.3  用戶測試36
第 3 章 討論與初步設計——完成原型的草圖設計 37
3.1  會玩“頭腦風暴”嗎37
3.1.1  一項既有益又有趣的遊戲38
3.1.2  有明確的目標39
3.1.3  有合理的分工41
3.1.4  安排好合理的環境和議程45
3.1.5  暢所欲言和遵守規則49
3.1.6  挑選出最有前途的想法50
3.2  把想法和思路畫成草圖51
3.2.1  手繪的原型草圖51
3.2.2  潦草但要認真53
3.2.3  原型工具和原型設計軟體57
3.3  檢驗和分享你的思考結果60
3.3.1  有連貫,有情節,畫出套用的故事板61
3.3.2  利用原型草圖進行可用性測試62
3.3.3  幾種其他類型的草圖63
第 4 章 移動套用的互動特點 67
4.1  了解移動設備67
4.1.1  移動設備的種類68
4.1.2  移動設備的規格和像素尺寸69
4.1.3  移動設備的使用方法70
4.2  移動設備的人體工程學特點74
4.2.1  了解你的拇指74
4.2.2  單手操作還是雙手操作77
4.2.3  善待你的指尖80
4.3  移動設備的視覺體驗84
4.3.1  視覺的運行軌跡85
4.3.2  最佳化視覺結構86
4.3.3  圖片與文字的視覺關係90
4.4  螢幕的鏇轉92
第 5 章  應用程式導航 95
5.1  iOS 套用的導航模式95
5.1.1  平鋪導航96
5.1.2  iOS 的標籤導航99
5.1.3  iOS 的樹形結構導航101
5.1.4  模態視圖104
5.1.5  iOS 的組合導航105
5.2  Android 套用導航模式106
5.2.1  Android 的標籤導航107
5.2.2  Android 的樹形結構導航109
5.2.3  手機與平板電腦導航的不同110
5.2.4  Android 的組合導航111
5.3  Windows Phone 套用導航模式112
5.3.1  Windows Phone 的標籤導航112
5.3.2  面板區域應用程式中心導航114
5.3.3  主面板選單應用程式中心導航114
第 6 章 標準控制項與設計規範 116
6.1  文本輸入輸出116
6.1.1  文本輸出控制項116
6.1.2  文本輸入控制項118
6.2  按鈕119
6.2.1  iOS 平台按鈕119
6.2.2  Android 平台按鈕120
6.2.3  Windows Phone 平台按鈕121
6.3  各種“欄”122
6.3.1  狀態欄122
6.3.2  iOS 中的工具列、導航欄和標籤欄123
6.3.3  Android 中的選單欄和操作欄125
6.3.4  Windows Phone 中的選單欄128
6.3.5  搜尋欄129
6.4  滑塊控制項133
6.4.1  iOS 平台滑塊控制項133
6.4.2  Android 平台滑塊控制項134
6.4.3  Windows Phone 平台滑塊控制項135
6.5  選擇控制項136
6.5.1  二選一136
6.5.2  單選控制項137
6.5.3  多選控制項138
6.5.4  拾取器138
6.6  對話框143
6.6.1  iOS 平台中的對話框143
6.6.2  Android 平台中的對話框 145
6.6.3  Windows Phone 平台中的對話框147
6.7  活動指示器和進度條148
6.7.1  iOS 平台中的活動指示器和進度條148
6.7.2  Android 平台的活動指示器和進度條150
6.7.3  Windows Phone 平台中的活動指示器和進度條150
6.8  列表和格線152
6.8.1  iOS 平台列表和格線152
6.8.2  Android 平台列表和格線154
6.8.3  Windows Phone 平台中的列表和格線155
6.9  原型的可用性測試157
第 7 章 視覺體驗的個性化 159
7.1  做有個性的套用159
7.1.1  從細節替換入手160
7.1.2  添加裝飾、紋理和特效162
7.1.3  純個性化的用戶體驗設計164
7.2  圖形元素與構成理念165
7.2.1  圖形元素是界面視覺印象的根本166
7.2.2  頁面布局與構成理念169
7.2.3  處理好圖形元素和頁面布局間的關係175
7.2.4  同一款套用在不同的平台和設備上177
7.3  套用界面的色彩因素179
7.3.1  了解色彩的規律179
7.3.2  善於把握色調181
7.3.3  豐富的色彩,嚴謹的搭配183
7.3.4  色彩的傾向性187
7.4  嚴謹地把握文字188
7.4.1  選擇合適的字型189
7.4.2  推敲文字的四個要素191
7.4.3  處理好字群的位置關係193
7.5  界面風格和特效194
7.5.1  擬物化風格194
7.5.2  扁平化設計195
7.5.3  手繪體風格196
第 8 章 做好套用的圖示設計 199
8.1  圖示設計的原則199
8.1.1  圖示設計的“識別性”原則201
8.1.2  圖示設計的“一致性”原則201
8.1.3  圖示設計的“兼容性”原則203
8.2  啟動圖示206
8.2.1  建立完美的第一印象206
8.2.2  三大平台啟動圖示設計規範210
8.2.3  幾個簡單的啟動圖示設計思路214
8.3  工具列圖示217
8.3.1  是符號,不是圖案217
8.3.2  三大平台工具列圖示的規範和含義218
8.3.3  幾個有效的簡化圖像的方法219
8.4  啟動畫面和引導幫助221
8.4.1  啟動畫面221
8.4.2  引導幫助223
第 9 章 用戶體驗設計項目實戰——“價格線”226
9.1  項目概述及工作計畫226
9.1.1  項目描述226
9.1.2  工作計畫和流程227
9.2  項目的準備階段228
9.2.1  市場定位及產品分析228
9.2.2  項目的用戶需求分析229
9.3  項目的創作及草圖階段230
9.4  項目的中保真原型及可用性測試232
9.4.1  項目的中保真原型232
9.4.2  原型的可用性測試及調整233
9.5  完善界面的個性化設計235
9.5.1  確定風格並收集素材235
9.5.2  隱喻元素的添加及個性化調整236
9.6  套用圖示和啟動畫面設計237
9.6.1  套用圖示的創意和設計237
9.6.2  套用的啟動畫面設計239

相關詞條

熱門詞條

聯絡我們