從零開始學UI 概念解析 實戰(zhàn)提高 突破規(guī)則
定 價:79 元
- 作者:Omega(邵和明)
- 出版時間:2018/11/1
- ISBN:9787115492920
- 出 版 社:人民郵電出版社
- 中圖法分類:TP311.1
- 頁碼:244
- 紙張:
- 版次:01
- 開本:小16開
本書是一本幫助熱愛UI設計的學生及轉行設計師快速掌握UI設計的專業(yè)書籍。書中深入淺出地介紹了UI入門需要掌握的基礎知識,包括UI的基本概念、設計的基礎知識、UI設計的組成部分,并詳細指導讀者運用Photoshop軟件設計圖標、界面和簡單動效,幫助讀者建立起基本的學習體系。最后,介紹了UI設計的基本規(guī)則,以及如何打破規(guī)則進行設計,幫助讀者開拓思維,進行開放式設計。
本書定位為入門學習,對于一些本身不具備設計基礎、不了解Photoshop軟件使用的讀者也是完全適用的,只要耐心跟隨書中的步驟進行操作,就能夠基本掌握UI設計的技巧。讀完這本書,并做完相關的實戰(zhàn)練習后,讀者便可以勝任一些基礎的UI設計工作了。
隨書配套學習資料,包括核心章節(jié)第2章到第6章的素材圖片、PSD源文件、模板文件,以及GIF圖片,當遇到問題或者瓶頸時,讀者可以在源文件中查找相關圖層,獲得參數(shù)設置詳細信息,幫助你解決問題,提高學習效率。
1. 深入淺出地介紹UI入門需要掌握的基礎知識,包括UI的基本概念、設計的基礎知識、UI設計的組成部分,并詳細指導讀者運用Photoshop軟件設計圖標、界面和簡單動效,幫助讀者建立起基本的學習體系。
2. 配合實戰(zhàn)訓練,跟隨實例步驟進行學習,舉一反三,快速掌握UI設計技巧,并應用于實際工作中。
3. 介紹UI設計的基本規(guī)則,以及如何打破規(guī)則進行設計,幫助讀者開拓思維,進行開放式設計。
邵和明,騰訊設計師,設計中心負責人。11年用戶體驗與產品策劃行業(yè)經驗,曾經負責過的項目包括手機QQ瀏覽器、手機QQ、91手機助手、91理財?shù),曾獨立開發(fā)多款小游戲、設計工具和軟件等。
1
UI基礎/009
1.1 用戶界面的風格演變/010
1.2 UI設計的種類/014
1.2.1 網頁設計/015
1.2.2 軟件界面設計/017
1.2.3 App界面設計/018
1.2.4 游戲界面設計/019
1.3 App界面設計師的職責/020
1.3.1 職責之內/020
1.3.2 職責之外/023
1.4 合格UI設計師的必備技能/024
1.4.1 了解互聯(lián)網產品的誕生過程/024
1.4.2 深度掌握輔助工具/025
1.4.3 擁有良好的學習心態(tài)/026
2
設計入門/027
2.1 審美/028
2.1.1 審美觀的概念及其重要性/028
2.1.2 藝術與設計的區(qū)別/028
2.1.3 如何培養(yǎng)自己的審美觀/028
2.2 配色/029
2.2.1 色彩的基礎知識/029
2.2.2 色域與屏幕選擇/030
2.2.3 常用顏色模式/032
2.2.4 顏色與情感/034
2.2.5 色彩搭配/036
2.2.6 色彩的選擇與應用/040
2.3 構圖/042
2.3.1 構圖的概念/042
2.3.2 常用的構圖方式/042
2.3.3 黃金分割/045
2.4 文字與排版/046
2.4.1 字體的樣式/046
2.4.2 系統(tǒng)常用字體/048
2.4.3 字體的搭配/050
3
認識Photoshop/051
3.1 初識Photoshop CC/052
3.1.1 界面布局/052
3.1.2 文檔的保存/069
3.2 圖層面板/071
3.2.1 圖層的概念和用法/071
3.2.2 圖層樣式/073
3.2.3 圖層混合模式/079
3.3 路徑與布爾運算/081
3.4 神奇的濾鏡/083
3.5 快捷鍵/085
3.5.1 常用快捷鍵/085
3.5.2 自定義快捷鍵/086
4
圖標設計/087
4.1 圖標發(fā)展進程/088
4.1.1 圖標風格進化/088
4.1.2 移動端操作系統(tǒng)平臺介紹/089
4.1.3 iOS與Andorid系統(tǒng)圖標的差異/091
4.2 圖標的可用性分析/092
4.2.1 圖標的種類/092
4.2.2 不同圖標的設計要點/092
4.3 扁平化風格的圖標實戰(zhàn)/093
4.3.1 iOS App圖標設計規(guī)范/093
4.3.2 規(guī)范模板文檔的使用/095
4.3.3 從零開始畫一個“時鐘”圖標/098
4.3.4 保存與輸出/104
4.4 寫實風格的圖標實戰(zhàn)/105
4.4.1 Android App圖標設計規(guī)范/105
4.4.2 寫實版“時鐘”圖標/107
4.4.3 寫實版“徽章”圖標/119
4.4.4 保存與輸出/131
4.5 設計習慣規(guī)范/133
4.5.1 不破壞原始素材/133
4.5.2 整潔的文檔/134
4.5.3 規(guī)范的文件命名/134
5
界面設計/135
5.1 界面風格進化史/136
5.1.1 iOS從現(xiàn)實到抽象/136
5.1.2 Android與Material design/138
5.2 扁平化風格界面實戰(zhàn)/140
5.2.1 從設計語言說起/140
5.2.2 交互設計稿/產品原型/140
5.2.3 從零開始畫界面/141
5.2.4 頁面標注/148
5.2.5 資源輸出/150
5.2.6 切片工具/156
5.3 寫實風格界面實戰(zhàn)/160
5.3.1 從布局開始 /160
5.3.2 細化并打磨細節(jié)/161
5.3.3 標注與資源輸出/166
6
動效設計/167
6.1 動效設計概念/168
6.1.1 什么是動效設計/168
6.1.2 為什么要做動效/169
6.1.3 動效設計常用軟件/175
6.2 動效設計實戰(zhàn)/176
6.2.1 動畫的原理 /176
6.2.2 動畫的節(jié)奏/176
6.2.3 Photoshop動效面板介紹/177
6.2.4 逐幀動畫——小球彈跳/178
6.2.5 時間軸動畫——氣泡爆炸/181
6.2.6 時間軸動畫——旋轉/186
6.2.7 輸出格式與命名規(guī)范/194
7
設計準則/197
7.1 HIG的概念介紹/198
7.1.1 什么是HIG/198
7.1.2 為什么要遵循HIG/198
7.2 iOS系統(tǒng)的HIG /198
7.2.1 設計原則/198
7.2.2 交互方式/200
7.2.3 視覺與控件/207
7.2.4 其他擴展項/214
7.2.5 蘋果UI設計資源/217
7.3 Android系統(tǒng)的HIG /217
7.3.1 設計原則/217
7.3.2 與iOS差異點/218
8
破壞規(guī)則/229
8.1 為什么要破壞既有的規(guī)矩/230
8.2 獨一無二的設計/230
8.2.1 活用設計準則/230
8.2.2 設定應用場景/234
8.2.3 情感化設計/235
8.3 無招勝有招/237
9
關于成長/239
9.1 成長的陣痛與迷茫/240
9.2 學會學習的方法/242
9.3 寫在最后/244