産品特色
編輯推薦
站酷推薦設計師餘振華力作,2017全新升級;
站酷網總編輯紀曉亮作序;
ZCOOL站酷總經理梁耀明、UI中國總經理董景博力薦;
UI設計師、平麵設計師、交互設計師、産品經理等相關人士的必讀之書。
規則會演變,可是産生規則的原因不會;知識會迭代,但是知識背後的邏輯不會。本書正是作者多年對設計知識和規則的總結,觀察書中的每一個知識點,你會發現,每個案例都是作者自己嘗試、對比和思考的總結,帶領大傢努力去明白每一個規則背後的原因,研究推動每一次設計變化的邏輯。
內容簡介
目前我國正經曆火熱的互聯網創業潮,UI設計師做為其中一個重要的工種,就業前景非常廣闊。站酷網的設計調查結果顯示,在GUI、平麵、網頁、插畫和三維等設計職位中,目前國內的GUI設計師待遇高。因此,很多設計師湧入UI設計這個行業,願意為學習UI設計知識支付不菲的學費,而一本高質量、淺顯易懂的移動應用書籍正是你所需要的。
這是一本係統介紹移動設計知識的書籍, 全書分為上下兩篇,上篇為術之篇,主要講解瞭移動應用設計相關的基礎知識。通過基礎知識的學習,使大傢瞭解手機屏幕顯示的原理及各種手機硬件的傳感器使用方法。通過講解基本的設計規範及圖標設計方法,使讀者初步掌握移動應用設計知識。下篇為道之篇,是進階應用設計知識,詳細講解瞭從如何組建設計規範,到各種組件的功能介紹及應用設計方法,使讀者完整掌握移動應用的設計方法和流程。本書通過大量的案例演示,使讀者可以靈活運用設計方法理論。
本書適閤想要從事和已經從事UI設計行業相關工作的讀者學習使用,也可以作為高校平麵設計和網頁設計等相關專業和相關培訓機構的教學參考書。
作者簡介
餘振華是站酷推薦設計師,他有十餘年GUI、WUI設計的從業資曆,在多傢國內專業網站發錶過眾多設計研究文章,有著多年設計團隊管理經驗,負責過流量韆萬級的電商網站運營、下載量億級的無綫設計團隊管理。目前他正積極探索視覺設計在工作中的實踐運用,建立相關的規範和標準,指導更多的設計師成長。
個人榮譽:
2011年獲得“站酷推薦設計師”稱號
2012年《旅行箱》App獲得豌豆莢設計奬、應用奬
2012年《91桌麵主題設計大賽》奬
2013年《康佳Muse UI 首屆手機主題設計》奬
2013年《新浪天氣通插件設計》奬
2013年《中國電信手機雲桌麵手機主題設計》三等奬
2014年《中華萬年曆》App纍計下載量一億,日活破韆萬
目錄
術之篇
01基礎知識
1.1 什麼是UI設計 20
1.1.1 UI的相關概念 20
1.1.2 UI的學習方法 22
1.2 什麼是App 25
1.2.1 App的概念 25
1.2.2 App的開發流程 25
1.3 智能手機的屏幕 26
1.3.1 英寸(Inch) 27
1.3.2 像素(Pixel) 27
1.3.3 分辨率(Resolution) 28
1.4 網點密度與像素密度 28
1.4.1 網點密度(DPI) 28
1.4.2 像素密度(PPI) 29
1.4.3 DPI與PPI 29
1.4.4 邏輯分辨率與像素倍率 30
1.4.5 視網膜屏幕 30
1.5 常見手機屏幕規格 31
1.5.1 熱門手機規格 31
1.5.2 熱門手機分辨率 33
1.6 iPhone 6 Plus的屏幕 34
1.7 智能手機的傳感器 37
1.7.1 攝像頭 37
1.7.2 麥剋風 38
1.7.3 GPS 38
1.7.4 電子羅盤 39
1.7.5 重力感應器 39
1.7.6 加速度傳感器 40
1.7.7 光綫傳感器 41
1.7.8 距離傳感器 41
1.7.9 氣壓傳感器 42
1.7.10 三軸陀螺儀 43
02設計風格
2.1 風格 46
2.1.1 什麼是設計風格 46
2.1.2 如何確立設計風格 47
2.2 顔色 50
2. 2. 1 認識色彩 50
2. 2. 2 RGB與HSB 50
2. 2. 3 顔色搭配基礎 52
2.3 如何選擇顔色 53
2. 3. 1 常見App的顔色 53
2. 3. 2 顔色的性格 55
2.4 字體 61
2. 4. 1 襯綫體和無襯綫體 61
2. 4. 2 係統內置字體 62
2. 4. 3 什麼時候選擇內嵌字體 62
2. 4. 4 如何使用內嵌字體 63
03圖標與圖片
3.1 App圖標特點 66
3. 1. 1 獨特的圖形 66
3. 1. 2 錶意準確 67
3. 1. 3 謹慎用色 67
3. 1. 4 避免使用大量文字 68
3. 1. 5 避免使用照片 68
3. 1. 6 適應不同場景 69
3.2 App圖標設計流程 69
3. 2. 1 第一步:尋找隱喻 69
3. 2. 2 第二步:抽象圖形 70
3. 2. 3 第三步:競品分析 71
3. 2. 4 第四步:確定風格 71
3. 2. 5 第五步:調整細節 72
3. 2. 6 第六步:場景測試 73
3.3 App圖標設計方法 74
3. 3. 1 正負形組閤 74
3. 3. 2 摺疊圖形 75
3. 3. 3 局部提取 75
3. 3. 4 綫性圖標 75
3. 3. 5 透明漸變 76
3. 3. 6 色塊拼接 76
3. 3. 7 圖形復用 76
3. 3. 8 背景組閤 77
3.4 iOS圖標規範 77
3. 4. 1 iOS圖標適配 77
3. 4. 2 iOS圖標標準 78
3.5 Android圖標規範 79
3. 5. 1 Android圖標適配 79
3. 5. 2 圖標的視覺統一 80
3. 5. 3 Android圖標標準 81
3.6 設計綫性圖標 83
3. 6. 1 綫性圖標的風格 83
3. 6. 2 綫性圖標的繪製方法 84
3.7 像素對齊 87
3. 7. 1 像素為什麼要對齊 87
3. 7. 2 像素如何對齊 88
3. 7. 3 像素縮放的對齊 89
3. 7. 4 像素對齊的微調 89
3.8 圖片的使用 89
3. 8. 1 矢量圖與位圖 89
3. 8. 2 圖片的格式 90
3. 8. 3 圖片的使用 91
3. 8. 4 圖片的存儲 92
3. 8. 5 圖片的比例 92
04係統界麵
4.1 欄 94
4. 1. 1 狀態欄 94
4. 1. 2 導航欄 94
4. 1. 3 標簽欄 95
4. 1. 4 工具欄 96
4.2 內容視圖 97
4. 2. 1 錶格視圖 97
4. 2. 2 文本視圖 99
4. 2. 3 Web視圖 99
4.3 臨時視圖 100
4. 3. 1 對話框 100
4. 3. 2 操作列錶 100
05Android係統界麵
5.1 導航機製 102
5. 1. 1 硬件特性 102
5. 1. 2 iOS導航機製 102
5. 1. 3 Android導航機製 103
5.2 界麵布局 105
5. 2. 1 結構差異 105
5. 2. 2 操作欄 106
5. 2. 3 多任務 107
5.3 消息推送 108
5. 3. 1 推送方式 108
5. 3. 2 通知方式 109
5.4 操作方式 110
5. 4. 1 編輯 110
5. 4. 2 選擇 111
5. 4. 3 復製粘貼 112
5. 4. 4 刪除 113
5.5 Android係統的插件 114
5. 5. 1 桌麵插件 114
5. 5. 2 設計趨勢 114
道之篇
06建立規範
6.1 組建規範 116
6. 1. 1 設計規範的目的 116
6. 1. 2 規範的組成 116
6.2 顔色規範 119
6. 2. 1 為什麼選擇HSB 119
6. 2. 2 創建調色闆 120
6. 2. 3 調色闆應用 121
6.3 文字規範 123
6. 3. 1 iOS係統 123
6. 3. 2 Android係統 123
6. 3. 3 係統字號 123
6.4 布局 125
6. 4. 1 框架 125
6. 4. 2 頂部導航欄 126
6. 4. 3 頂部標簽欄 126
6. 4. 4 底部標簽欄 127
6.5 圖片規範 127
6. 5. 1 用戶頭像 127
6. 5. 2 商品圖片 129
6. 5. 3 無數據圖片 129
07設計組件
7.1 控製元素 132
7. 1. 1 活動指示器 132
7. 1. 2 進度指示器 132
7. 1. 3 頁碼控製器 134
7. 1. 4 刷新控件 134
7. 1. 5 滑動器 137
7. 1. 6 開關 137
7. 1. 7 步進器 137
7.2 篩選器 138
7. 2. 1 選擇器 138
7. 2. 2 日期時間選擇器 138
7. 2. 3 分段控件 139
7. 2. 4 選項卡 139
7. 2. 5 排序 140
7. 2. 6 地區選擇 140
7.3 錶單控件 141
7. 3. 1 單選框 141
7. 3. 2 復選框 142
7. 3. 3 文本框 142
7. 3. 4 下拉框 143
7. 3. 5 錶格 144
7.4 按鈕規範 144
7. 4. 1 背景+文字 144
7. 4. 2 背景+圖標 145
7. 4. 3 圖標+文字 146
7. 4. 4 文字 146
7.5 其他組件 147
7. 5. 1 加載更多 147
7. 5. 2 非模態浮層 147
7. 5. 3 模態浮層 148
08導航設計
8.1 扁平導航 150
8. 1. 1 標簽導航 150
8. 1. 2 舵式導航 151
8. 1. 3 宮格式導航 152
8.2 內容主導式導航 153
8. 2. 1 陳列式導航 153
8. 2. 2 鏇轉木馬式導航 154
8.3 列錶式導航 155
8. 3. 1 列錶式 155
8. 3. 2 抽屜式 156
8.4 其他導航 157
8. 4. 1 點聚式導航 157
8. 4. 2 瀑布式導航 158
09界麵設計
9.1 首頁 160
9. 1. 1 搜索欄 160
9. 1. 2 標簽欄 161
9. 1. 3 卡片式設計 161
9. 1. 4 樓層設計 162
9.2 列錶頁 163
9. 2. 1 消息列錶 163
9. 2. 2 橫嚮卡片 163
9. 2. 3 瀑布流 164
9.3 詳情頁 165
9. 3. 1 全局按鈕 165
9. 3. 2 快速通道 166
9.4 個人中心 167
9. 4. 1 頭像區域 167
9. 4. 2 個人信息 168
9. 4. 3 功能模塊 169
9.5 啓動頁 170
9. 5. 1 品牌宣傳類 170
9. 5. 2 首頁樣式類 171
9. 5. 3 情感故事類 172
9. 5. 4 節日氛圍類 173
9.6 引導頁 173
9. 6. 1 功能介紹類 173
9. 6. 2 使用說明類 176
9. 6. 3 情感故事類 177
10設計適配
10.1 iOS係統適配 180
10. 1. 1 設計基準 180
10. 1. 2 設計適配 181
10. 1. 3 適配規則 182
10.2 Android係統適配 183
10. 2. 1 密度獨立像素 183
10. 2. 2 設計基準 184
10. 2. 3 適配方法 185
10.3 iOS係統適配Android係統 185
10. 3. 1 設計目的 185
10. 3. 2 換算關係 185
10. 3. 3 適配方法 186
10.4 標注設計 186
10. 4. 1 標注基準 187
10. 4. 2 標注方法 187
10.5 點九圖 189
10. 5. 1 什麼是點九圖 189
10. 5. 2 如何製作點九圖 191
10.6 切圖 191
10. 6. 1 界麵切圖 191
10. 6. 2 圖標切圖 192
10. 6. 3 命名規則 192
11手勢應用
11.1 為什麼使用手勢 194
11.2 常用手勢操作 195
11. 2. 1 單擊 195
11. 2. 2 雙擊 195
11. 2. 3 上下滑動 196
11. 2. 4 左右滑動 196
11. 2. 5 拖曳 197
11. 2. 6 張開 閉閤 197
11. 2. 7 長按 198
11. 2. 8 搖晃 198
11.3 手勢設計禁忌 199
11. 3. 1 使用標準手勢 199
11. 3. 2 定義標準手勢 199
11. 3. 3 使用簡單手勢 199
11. 3. 4 手勢使用說明 199
12設計資源
12.1 網站資源 201
12.2 圖標資源 202
12.3 圖片資源 203
附錄 204
參考文獻 211
《形意拳真傳:動作與理念解析》 內容簡介 《形意拳真傳:動作與理念解析》並非一本關於移動應用UI設計的書籍,而是深入剖析中華傳統武術瑰寶——形意拳的經典之作。本書旨在為熱愛武術、探求身心閤一之道的讀者提供一套係統、詳盡的學習指南。作者以其數十年的形意拳修為與教學經驗,將形意拳的精髓,即“形”與“意”的緊密結閤,通過清晰的語言和豐富的圖例,層層剝繭,呈現在讀者麵前。 本書分為三個主要部分:形意拳的基礎理論與核心理念,十二形拳的詳細解析,以及實戰應用與養生之道。 第一部分:形意拳的基礎理論與核心理念 在深入探討具體的拳法套路之前,本書首先為讀者構建起形意拳的宏觀認知框架。這一部分著重闡述形意拳的哲學根基、技術要領以及訓練原則,幫助讀者理解“為何要這樣練”,而非僅僅停留在“怎樣練”的層麵。 形意拳的源流與精神內核: 本章將追溯形意拳的曆史淵源,介紹其創始人李洛能大師的傳奇生平,以及形意拳為何被譽為“內傢拳”的根本原因。重點闡述形意拳“以意領形,以形催意”的核心思想,以及“易於習練,技擊實用”的特點。形意拳並非單純的肢體搏鬥,它更是一種對宇宙萬物運行規律的體悟,是人與自然和諧統一的哲學觀在武術中的體現。我們將探討“五行”與“十二形”如何對應自然界的動態,以及“用意不用力”的真諦,它並非真的不用力,而是指用巧力、巧勁,以人體最自然、最放鬆的狀態,發揮齣最大的效能。 形意拳的基本功訓練: 任何高深的武術都離不開紮實的基本功。本章詳細講解形意拳的站樁(頭項、沉肩、墜肘、含胸、拔背、氣沉丹田、鬆腰坐跨、屈膝登襠)的要領,強調站樁是內傢拳“練內”的關鍵。從骨盆的擺放、脊柱的正直、四肢的鬆沉,到呼吸的調整,都將進行細緻的指導。還會介紹形意拳特有的“三體式”,分析其在樁功和套路中的核心作用,以及如何通過三體式建立正確的身體結構和發力模式。同時,我們將觸及“內呼吸”的修煉方法,如何將意念與呼吸相結閤,達到“胎息”的境界,從而提升身體的整體素質。 形意拳的勁力特徵與發力原理: 形意拳以其剛猛、迅捷、整勁而著稱。本章將深入剖析形意拳的“整勁”是如何産生的。重點講解“崩、鑽、纏、掛、挑、翻、裹、抽”等基本勁力,以及如何通過身體的整體協調,將腰、腿、丹田的力量傳導至手部,實現“力從根起,力貫梢節”的爆發力。我們將通過圖解和文字描述,演示如何做到“身如弓,力如箭”,如何運用“螺鏇力”和“彈簧力”,以及如何做到“手眼身法步,精神氣力功,八打八不打”等高級技擊理念。 第二部分:十二形拳的詳細解析 這是本書的核心內容,將逐一、深入地講解形意拳的十二種基本拳法——十二形拳。每一種形拳都模仿一種動物的形態和攻擊特點,並提煉齣其核心的技術要領和技擊含義。作者將以極高的細緻度,分解每一個動作的要領,配以大量寫實的武術動作照片,幫助讀者準確掌握。 龍形拳: 龍在中華文化中象徵著變化無窮、力量與智慧的結閤。龍形拳的特點是動作舒展、變化多端,既有騰挪閃轉,又有吞吐起伏。本章將詳細演示龍形拳的“劈、崩、鑽、穿、摩”等基本動作,講解如何通過身體的鏇轉和腰胯的帶動,實現“引進落空”和“藉力打力”的技法。特彆會強調龍形拳中“如龍得水”的流暢感和“隨麯就伸”的應變能力。 虎形拳: 虎在武術中象徵著勇猛、力量和迅捷。虎形拳的特點是撲、咬、抓、撕,動作凶猛、直接,爆發力強。本章將重點講解虎形拳的“撲食”、“虎撲”、“虎爪”等動作,演示如何運用肩、肘、掌形成強大的衝擊力,如何做到“一力降十會”,以及如何在近身纏鬥中發揮虎形拳的優勢。 猴形拳: 猴的靈活性和狡黠是其武術特徵。猴形拳的特點是閃轉騰挪、多變刁鑽,善於利用對方的空隙進行攻擊。本章將演示猴形拳的“上步”、“閃躲”、“偷步”、“撩陰”等動作,講解如何做到“身法敏捷”、“變化莫測”,以及如何運用“齣其不意,攻其無備”的戰術。 馬形拳: 馬象徵著奔騰、力量和耐力。馬形拳的特點是進退疾速、步法穩健、力量充沛,常用於近距離的衝擊和撞擊。本章將演示馬形拳的“進馬”、“退馬”、“橫馬”等步法,以及“靠”、“撞”、“頂”等發力方式,講解如何在實戰中保持身體的穩定性和力量的持續輸齣。 雞形拳: 雞的獨立、警覺和啄擊是其武術特徵。雞形拳的特點是獨立、提膝、啄擊,動作短促、有力,善於把握時機進行點穴或攻擊要害。本章將演示雞形拳的“獨立步”、“提膝”、“啄擊”、“蹬踢”等動作,講解如何做到“眼觀六路,耳聽八方”,以及如何抓住對方的破綻進行精準打擊。 鷂形拳: 鷂(一種鷹)象徵著迅猛、俯衝和銳利的攻擊。鷂形拳的特點是頭部前傾、身體下壓、迅速俯衝,如同鷹擊長空。本章將演示鷂形拳的“低頭”、“前撲”、“鷹爪”等動作,講解如何運用身體的重心變化和爆發力,實現快速的近身攻擊,以及如何做到“一擊即中”。 蛇形拳: 蛇的柔韌、纏繞和毒辣是其武術特徵。蛇形拳的特點是身體柔韌、動作纏綿、變化陰險,善於近身纏繞和控製。本章將演示蛇形拳的“蛇行”、“纏繞”、“毒蛇吐信”等動作,講解如何做到“腰如蛇行”,如何運用“暗勁”和“巧勁”進行控製和打擊。 燕形拳: 燕子的輕盈、敏捷和迴鏇是其武術特徵。燕形拳的特點是身體輕靈、動作迴鏇、擅長閃避和反擊。本章將演示燕形拳的“燕子穿林”、“燕子抄水”等動作,講解如何做到“身法輕靈”、“步法飄忽”,以及如何在對方的攻擊中尋找到反擊的機會。 狸貓形拳: 狸貓(一種野貓)象徵著靈巧、潛行和突然襲擊。狸貓形拳的特點是動作輕巧、潛伏、突然爆發,善於隱蔽和齣奇製勝。本章將演示狸貓形拳的“潛行”、“撲躍”、“抓擊”等動作,講解如何做到“聲東擊西”,以及如何利用地形和環境進行有效的伏擊。 鷹形拳: 鷹的銳利、精準和凶猛是其武術特徵。鷹形拳的特點是眼神銳利、動作迅猛、攻擊精準,如同老鷹捕食獵物。本章將演示鷹形拳的“鷹眼”、“俯衝”、“穿肋”、“抓心”等動作,重點講解如何運用“鷹爪”功,以及如何實現“一招製敵”的技擊效果。 熊形拳: 熊象徵著穩重、力量和沉穩。熊形拳的特點是重心低沉、步法穩健、力量渾厚,善於抗擊打和穩步推進。本章將演示熊形拳的“熊爬”、“熊抱”、“熊捶”等動作,講解如何做到“沉肩墜肘”,如何運用“熊的力量”進行近身壓製和打擊。 まし(唐山市話,意為“好”)形拳(此處保留為原文,可能為作者獨特的命名或誤寫,如意理解為“精”或“神”形拳,或作者有特彆的指嚮): 考慮到“まし”在普通話中無直接武術含義,此處推測作者可能意指一種強調“精神”、“內在力量”或“精氣神”的形拳,或是一種特殊的命名。在此,我們將闡釋其可能的含義,例如一種強調“精氣神閤一”的訓練方法,或一種高度概括性的、融匯瞭前十一形特點的收尾拳法。如果“まし”有特定來源,本書將詳述其背後含義,包括但不限於:強調“神意相隨”,精神高度集中,將“精氣神”貫穿於動作之中,達到“形神閤一”的最高境界。 第三部分:實戰應用與養生之道 形意拳不僅是技擊之術,更是修身養性的途徑。本書的第三部分將目光從單純的套路練習轉嚮更廣闊的應用層麵。 形意拳的散手實戰: 本章將介紹形意拳在實際搏鬥中的應用策略。通過分析十二形拳的特點,講解如何根據不同的對手和情境,選擇最閤適的拳法進行應對。重點闡述形意拳的“打法”而非“套路”,如何運用“進身”、“搶步”、“發勁”、“跟勁”等技巧,以及如何在實戰中保持冷靜和應變能力。我們將討論形意拳的“逢人進三步”和“打人如打石”的訓練方法,以及如何通過模擬實戰來提升技藝。 形意拳的功法養生: 形意拳的訓練過程本身就是一種極好的養生方法。本章將探討形意拳如何通過調息、調身、調心,達到強身健體、延年益壽的目的。詳細講解形意拳在調理內髒、疏通經絡、增強免疫力等方麵的作用。特彆是形意拳對“氣血”的調節,如何通過練習促進身體的整體健康和生命活力的提升。 形意拳的傳承與發展: 本章將簡要迴顧形意拳在近現代的發展脈絡,介紹一些重要的形意拳流派及其代錶人物。並鼓勵讀者在學習傳統形意拳的基礎上,保持開放的心態,探索其在現代社會中的價值和發展方嚮,傳承和發揚中華武術文化。 《形意拳真傳:動作與理念解析》是一本集理論、實踐、養生於一體的形意拳百科全書。無論您是初學者,還是有一定武術基礎的愛好者,都能從中受益。本書不僅是學習形意拳的寶貴教材,更是理解中華傳統文化中“天人閤一”、“剛柔並濟”等深刻思想的窗口。通過對“形”的刻苦練習和對“意”的深入領悟,讀者將不僅僅掌握一套強身健體的武術,更能獲得一種修身養性、體悟生命真諦的途徑。