盡管有人評價App這樣設(shè)計才好賣這本書——說它介紹了市面上常見的一些控件,跳轉(zhuǎn)方式,當(dāng)做科普讀還可以,沒有什么設(shè)計商的指導(dǎo),但也有一些讀者對這本書做出了很高的評價——評價它非常清晰地梳理了一遍ios和android的各大UI結(jié)構(gòu),適合mobile相關(guān)人員多讀熟記的好書,并強力推薦。本節(jié)內(nèi)容東坡小編為大家整理帶來的是一份pdf格式免費版app這樣設(shè)計才好賣電子書,想要搶先一步進行閱讀的朋友們點擊本文相應(yīng)的下載地址進行下載即可!
app這樣設(shè)計才好賣電子書目錄
Chapter 0 引論 1
0.1 智能手機UI 概要 2
● Android 手機與iPhone / 2 ● 設(shè)計規(guī)范 / 3
● 智能手機應(yīng)用與智能手機站點 / 4 ● 智能手機UI 概覽 / 5
0.2 用戶操作方式與使用環(huán)境 6
● 手勢操作 / 6 ● 使用情景 / 7
Chapter 1 界面模式 9
1.1 啟動界面 10
1.2 頂層界面 12
1.3 一覽界面 14
1.4 詳細信息界面 16
1.5 輸入/ 操作界面 18
1.6 界面跳轉(zhuǎn) 20
● 界面跳轉(zhuǎn)圖的基本概念 / 20 ● 界面跳轉(zhuǎn)圖的使用方法 / 20 ● 案例1 新聞服務(wù) / 22
● 案例2 搜索服務(wù) / 23 ● 案例3 消息發(fā)布服務(wù) / 24 ● 案例4 通訊錄服務(wù) / 25
Chapter2 基本UI 組件 / 27
2.1 頁眉 28
● 模式1 導(dǎo)航欄(iOS 應(yīng)用) / 29 ● 模式2 操作欄(Android 應(yīng)用) / 30
● 模式3 智能手機站點 / 30
2.2 頁腳 31
● 模式1 標(biāo)簽欄(iOS 應(yīng)用) / 32 ● 模式2 工具欄(iOS 應(yīng)用)/ 底邊欄(Android 應(yīng)用) / 32
● 模式3 導(dǎo)航欄(Android 應(yīng)用) / 33
2.3 模態(tài)窗口 34
● 模式1 操作模式 / 35 ● 模式2 消息模式 / 36 ● 模式3 消息發(fā)布模式 / 36
● 模式4 控制模式 / 37 ● 模式5 導(dǎo)航模式 / 37
2.4 百葉窗式菜單 38
● 模式1 疊加展開模式 / 38 ● 模式2 疊加收起模式 / 39
2.5 操作面板 40
● 模式1 條狀模式 / 40 ● 模式2 疊加模式 / 41
● 模式3 下拉式菜單模式 / 41 ● 模式4 滑塊模式 / 42
Chapter 3 導(dǎo)航控件與控制控件 43
3.1 標(biāo)簽式導(dǎo)航控件 44
● 模式1 標(biāo)準(zhǔn)模式 / 45 ● 模式2 底部布局模式(標(biāo)簽欄) / 45
● 模式3 下劃線模式(頂邊欄) / 46 ● 模式4 滾動模式 / 46 ● 模式5 垂直模式 / 47
3.2 分段控件 48
● 模式1 標(biāo)準(zhǔn)模式 / 48 ● 模式2 內(nèi)聯(lián)文本模式 / 49
3.3 滑動導(dǎo)航控件 50
● 模式1 標(biāo)準(zhǔn)模式 / 51 ● 模式2 頁面指示器組模式 / 52
● 模式3 標(biāo)簽式導(dǎo)航控件組模式 / 52
3.4 下拉式菜單 54
● 模式1 標(biāo)準(zhǔn)模式 / 54 ● 模式2 控制模式 / 55 ● 模式3 氣泡模式 / 55
3.5 深入式菜單 56
● 模式1 標(biāo)準(zhǔn)模式 / 56
3.6 折疊式菜單 58
● 模式1 標(biāo)準(zhǔn)模式 / 59 ● 模式2 氣泡模式 / 59
3.7 儀表盤式導(dǎo)航控件(跳板式菜單) 60
● 模式1 標(biāo)準(zhǔn)模式 / 61
3.8 返回/Home 62
● 模式1 返回按鈕模式 / 63 ● 模式2 徽標(biāo)模式 / 63 ● 模式3 Home 圖標(biāo)模式 / 63
3.9 向上/ 向下滾動按鈕 64
● 模式1 標(biāo)準(zhǔn)模式 / 64 ● 模式2 向下滾動模式 / 65 ● 模式3 疊加模式 / 65
● 模式4 索引模式 / 66
3.10 分頁按鈕 67
● 模式1 標(biāo)準(zhǔn)模式 / 67
3.11 無限分頁列表 68
● 模式1 1 標(biāo)準(zhǔn)模式 / 69 ● 模式2 按鈕模式 / 69
3.12 刷新控件 70
● 模式1 標(biāo)準(zhǔn)模式 / 71
3.13 側(cè)滑式菜單 72
● 模式1 標(biāo)準(zhǔn)模式 / 73
Chapter 4 列表 75
4.1 垂直列表 76
● 模式1 標(biāo)準(zhǔn)模式 / 77 ● 模式2 值模式 / 78
● 模式3 縮略圖模式 / 78 ● 模式4 半尺寸模式 / 79
4.2 網(wǎng)格列表 80
● 模式1 標(biāo)準(zhǔn)模式 / 81 ● 模式2 標(biāo)簽疊加模式 / 81 ● 模式3 塊狀標(biāo)簽?zāi)J?/ 82
4.3 輪播面板 83
● 模式1 標(biāo)準(zhǔn)模式 / 84 ● 模式2 控制模式 / 84
● 模式3 商標(biāo)展板模式 / 85 ● 模式4 導(dǎo)航模式 / 85
4.4 時間軸 86
● 模式1 標(biāo)準(zhǔn)模式 / 87 ● 模式2 消息模式 / 88
4.5 日歷(日期列表) 89
● 模式1 月份模式 / 90 ● 模式2 周模式 / 91 ● 模式3 日模式 / 91
Chapter 5 表 單 93
5.1 文本框 94
● 模式1 單行模式 / 95 ● 模式2 搜索框模式 / 96 ● 模式3 多行模式 / 96
5.2 開關(guān) 97
● 模式1 復(fù)選框模式(復(fù)數(shù)選擇) / 98 ● 模式2 單選框模式(單項選擇) / 98
● 模式3 開關(guān)按鈕模式 / 99
5.3 選擇器 100
● 模式1 標(biāo)準(zhǔn)模式 / 101 ● 模式2 復(fù)數(shù)模式 / 101
5.4 滑塊 102
● 模式1 標(biāo)準(zhǔn)模式 / 102 ● 模式2 時間軸模式 / 103 ● 模式3 環(huán)狀模式 / 103
5.5 拖放控件 104
● 模式1 標(biāo)準(zhǔn)模式(垂直列表模式) / 104 ● 模式2 狀態(tài)更改模式 / 105
Chapter 6 通知與消息 107
6.1 模態(tài)消息 108
● 模式1 標(biāo)準(zhǔn)模式(兩個按鈕) / 108 ● 模式2 確認模式(一個按鈕) / 109
● 模式3 自動關(guān)閉模式(沒有按鈕) / 110
6.2 無模態(tài)消息 111
● 模式1 標(biāo)準(zhǔn)模式 / 112 ● 模式2 狀態(tài)欄模式 / 113 ● 模式3 可取消模式 / 113
6.3 塊消息 114
● 模式1 標(biāo)準(zhǔn)模式 / 115
6.4 角標(biāo) 116
● 模式1 標(biāo)準(zhǔn)模式 / 116 ● 模式2 通知模式 / 117
6.5 氣泡消息 118
● 模式1 標(biāo)準(zhǔn)模式 / 118 ● 模式2 提示模式 / 119
Chapter 7 信息的可視化 121
7.1 無限循環(huán)指示器 122
● 模式1 標(biāo)準(zhǔn)模式 / 123 ● 模式2 原創(chuàng)模式 / 123 ● 模式3 條狀模式 / 124
7.2 進度條 125
● 模式1 標(biāo)準(zhǔn)模式 / 125
7.3 頁面指示器 126
● 模式1 標(biāo)準(zhǔn)模式 / 126 ● 模式2 頁碼模式 / 127 ● 模式3 步驟模式 / 127
7.4 圖表 128
● 模式1 柱狀圖模式 / 129 ● 模式2 折線圖模式 / 129 ● 模式3 餅圖模式 / 130
7.5 評分控件 131
● 模式1 標(biāo)準(zhǔn)模式 / 132 ● 模式2 表情模式 / 133
● 模式3 好評差評模式 / 133 ● 模式4 等級模式 / 133
Chapter 8 圖標(biāo) 135
8.1 房屋 136
● 模式1 標(biāo)準(zhǔn)模式 / 136
8.2 放大鏡 137
● 模式1 標(biāo)準(zhǔn)模式 / 137 ● 模式2 縮放模式 / 137
8.3 齒輪 138
● 模式1 標(biāo)準(zhǔn)模式 / 138
8.4 星形 139
● 模式1 收藏夾模式 / 139 ● 模式2 評分模式 / 139
8.5 模擬時鐘 140
● 模式1 歷史記錄模式 / 140 ● 模式2 時間模式 / 140
8.6 大頭針 141
● 模式1 標(biāo)準(zhǔn)模式 / 141
8.7 人像 142
● 模式1 單人模式 / 142 ● 模式2 雙人模式 / 142 ● 模式3 三人模式 / 142
8.8 鉛筆 143
● 模式1 創(chuàng)建新條目模式 / 143 ● 模式2 編輯模式 / 143
8.9 回收站(垃圾箱) 144
● 模式1 移至回收站模式 / 144 ● 模式2 立即刪除模式 / 144
8.10 加號 145
● 模式1 標(biāo)準(zhǔn)模式 / 145
8.11 叉號 146
● 模式1 清除模式 / 146 ● 模式2 終止模式 / 146 ● 模式3 關(guān)閉模式 / 146
8.12 照相機 147
● 模式1 標(biāo)準(zhǔn)模式 / 147
8.13 三連圓點 148
● 模式1 水平排列模式 / 148 ● 模式2 垂直排列模式 / 148
8.14 相連圓點 149
● 模式1 標(biāo)準(zhǔn)模式 / 149
8.15 分享 150
● 模式1 標(biāo)準(zhǔn)模式 / 150
8.16 三連短線 151
● 模式1 菜單開啟模式 / 151 ● 模式2 一覽顯示模式 / 151 ● 模式3 列表排序模式 / 151
8.17 刷新 152
● 模式1 標(biāo)準(zhǔn)模式 / 152
Chapter 9 動畫 153
9.1 向左/ 向右滑動 154
● 模式1 同層移動模式 / 154 ● 模式2 異層移動模式 / 155
9.2 疊加展開/ 收起 156
● 模式1 標(biāo)準(zhǔn)模式 / 156
9.3 淡入/ 淡出 157
● 模式1 標(biāo)準(zhǔn)模式 / 157
9.4 翻轉(zhuǎn) 158
● 模式1 標(biāo)準(zhǔn)模式 / 158
9.5 放大/ 縮小 159
● 模式1 標(biāo)準(zhǔn)模式 / 159
9.6 搖動/ 扭動 160
● 模式1 編輯狀態(tài)模式 / 160 ● 模式2 出錯模式 / 160
Chapter 10 視覺風(fēng)格 161
10.1 默認設(shè)計 162
● 模式1 iOS 模式 / 162 ● 模式2 Android 模式 / 164
10.2 擬物化設(shè)計 165
● 模式1 紋理模式 / 166 ● 模式2 物體模式 / 166
10.3 扁平化設(shè)計 167
● 模式1 標(biāo)準(zhǔn)模式 / 168
app這樣設(shè)計才好賣內(nèi)容簡介
本書第0~1章介紹了移動應(yīng)用設(shè)計的基本概念與背景知識。第2~7章對基本UI組件、導(dǎo)航控件、列表及表單等各類界面元素做了分類詳解,并配以大量實例,幫助讀者深入理解各種界面設(shè)計模式的特性與適用情景。第8~10章說明了圖標(biāo)選用、界面切換動畫設(shè)計及界面設(shè)計風(fēng)格等貫穿移動應(yīng)用設(shè)計的常見問題。
本書有助于移動應(yīng)用及移動站點設(shè)計師系統(tǒng)學(xué)習(xí)界面組件及相應(yīng)的設(shè)計模式。核心開發(fā)人員、產(chǎn)品經(jīng)理及團隊負責(zé)人也可參考本書,進一步了解各類界面元素的用途與特性,優(yōu)化應(yīng)用結(jié)構(gòu)與功能設(shè)計。
app這樣設(shè)計才好賣電子書內(nèi)容截圖
- PC官方版
- 安卓官方手機版
- IOS官方手機版