從零開始學UI 概念解析 實戰(zhàn)提高 突破規(guī)則
定 價：79 元
當前圖書已被 6 所學校薦購過！
查看明細
- 作者：Omega（邵和明）
- 出版時間：2018/11/1
- ISBN：9787115492920
- 出 版 社：人民郵電出版社
- 中圖法分類：TP311.1
- 頁碼：244
- 紙張：
- 版次：01
- 開本：小16開
本書是一本幫助熱愛UI設(shè)計的學生及轉(zhuǎn)行設(shè)計師快速掌握UI設(shè)計的專業(yè)書籍。書中深入淺出地介紹了UI入門需要掌握的基礎(chǔ)知識，包括UI的基本概念、設(shè)計的基礎(chǔ)知識、UI設(shè)計的組成部分，并詳細指導讀者運用Photoshop軟件設(shè)計圖標、界面和簡單動效，幫助讀者建立起基本的學習體系。最后，介紹了UI設(shè)計的基本規(guī)則，以及如何打破規(guī)則進行設(shè)計，幫助讀者開拓思維，進行開放式設(shè)計。
本書定位為入門學習，對于一些本身不具備設(shè)計基礎(chǔ)、不了解Photoshop軟件使用的讀者也是完全適用的，只要耐心跟隨書中的步驟進行操作，就能夠基本掌握UI設(shè)計的技巧。讀完這本書，并做完相關(guān)的實戰(zhàn)練習后，讀者便可以勝任一些基礎(chǔ)的UI設(shè)計工作了。
隨書配套學習資料，包括核心章節(jié)第2章到第6章的素材圖片、PSD源文件、模板文件，以及GIF圖片，當遇到問題或者瓶頸時，讀者可以在源文件中查找相關(guān)圖層，獲得參數(shù)設(shè)置詳細信息，幫助你解決問題，提高學習效率。
1. 深入淺出地介紹UI入門需要掌握的基礎(chǔ)知識，包括UI的基本概念、設(shè)計的基礎(chǔ)知識、UI設(shè)計的組成部分，并詳細指導讀者運用Photoshop軟件設(shè)計圖標、界面和簡單動效，幫助讀者建立起基本的學習體系。
2. 配合實戰(zhàn)訓練，跟隨實例步驟進行學習，舉一反三，快速掌握UI設(shè)計技巧，并應(yīng)用于實際工作中。
3. 介紹UI設(shè)計的基本規(guī)則，以及如何打破規(guī)則進行設(shè)計，幫助讀者開拓思維，進行開放式設(shè)計。
邵和明，騰訊設(shè)計師，設(shè)計中心負責人。11年用戶體驗與產(chǎn)品策劃行業(yè)經(jīng)驗，曾經(jīng)負責過的項目包括手機QQ瀏覽器、手機QQ、91手機助手、91理財?shù)�，曾獨立開發(fā)多款小游戲、設(shè)計工具和軟件等。
1
UI基礎(chǔ)/009
1.1 用戶界面的風格演變/010
1.2 UI設(shè)計的種類/014
1.2.1 網(wǎng)頁設(shè)計/015
1.2.2 軟件界面設(shè)計/017
1.2.3 App界面設(shè)計/018
1.2.4 游戲界面設(shè)計/019
1.3 App界面設(shè)計師的職責/020
1.3.1 職責之內(nèi)/020
1.3.2 職責之外/023
1.4 合格UI設(shè)計師的必備技能/024
1.4.1 了解互聯(lián)網(wǎng)產(chǎn)品的誕生過程/024
1.4.2 深度掌握輔助工具/025
1.4.3 擁有良好的學習心態(tài)/026
2
設(shè)計入門/027
2.1 審美/028
2.1.1 審美觀的概念及其重要性/028
2.1.2 藝術(shù)與設(shè)計的區(qū)別/028
2.1.3 如何培養(yǎng)自己的審美觀/028
2.2 配色/029
2.2.1 色彩的基礎(chǔ)知識/029
2.2.2 色域與屏幕選擇/030
2.2.3 常用顏色模式/032
2.2.4 顏色與情感/034
2.2.5 色彩搭配/036
2.2.6 色彩的選擇與應(yīng)用/040
2.3 構(gòu)圖/042
2.3.1 構(gòu)圖的概念/042
2.3.2 常用的構(gòu)圖方式/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
圖標設(shè)計/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 不同圖標的設(shè)計要點/092
4.3 扁平化風格的圖標實戰(zhàn)/093
4.3.1 iOS App圖標設(shè)計規(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圖標設(shè)計規(guī)范/105
4.4.2 寫實版“時鐘”圖標/107
4.4.3 寫實版“徽章”圖標/119
4.4.4 保存與輸出/131
4.5 設(shè)計習慣規(guī)范/133
4.5.1 不破壞原始素材/133
4.5.2 整潔的文檔/134
4.5.3 規(guī)范的文件命名/134
5
界面設(shè)計/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 從設(shè)計語言說起/140
5.2.2 交互設(shè)計稿/產(chǎn)品原型/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
動效設(shè)計/167
6.1 動效設(shè)計概念/168
6.1.1 什么是動效設(shè)計/168
6.1.2 為什么要做動效/169
6.1.3 動效設(shè)計常用軟件/175
6.2 動效設(shè)計實戰(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 時間軸動畫——旋轉(zhuǎn)/186
6.2.7 輸出格式與命名規(guī)范/194
7
設(shè)計準則/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 設(shè)計原則/198
7.2.2 交互方式/200
7.2.3 視覺與控件/207
7.2.4 其他擴展項/214
7.2.5 蘋果UI設(shè)計資源/217
7.3 Android系統(tǒng)的HIG /217
7.3.1 設(shè)計原則/217
7.3.2 與iOS差異點/218
8
破壞規(guī)則/229
8.1 為什么要破壞既有的規(guī)矩/230
8.2 獨一無二的設(shè)計/230
8.2.1 活用設(shè)計準則/230
8.2.2 設(shè)定應(yīng)用場景/234
8.2.3 情感化設(shè)計/235
8.3 無招勝有招/237
9
關(guān)于成長/239
9.1 成長的陣痛與迷茫/240
9.2 學會學習的方法/242
9.3 寫在最后/244
書單推薦
