像素的藝術(shù) 從零開始學(xué)UI設(shè)計：基礎(chǔ)篇

課程1 學(xué)習(xí)前的準備
1 掌握Sketch軟件（視頻教學(xué)） /015
2 掌握Illustrator軟件（視頻教學(xué)） /015
3 掌握Principle軟件（視頻教學(xué)） /016
4 掌握After Effects軟件（視頻教學(xué)） /016
5 掌握Keynote軟件（視頻教學(xué)） /017
6 掌握Photoshop軟件（視頻教學(xué)） /017
課程2 學(xué)習(xí)設(shè)計的通用方法
1 從臨摹到創(chuàng)造的設(shè)計學(xué)習(xí)通路 /019
2 糾正設(shè)計學(xué)習(xí)的誤區(qū) /020
3 作業(yè)：臨摹一組控件 /022
課程3 開腦洞！設(shè)計師必須看完的信息源
1 站酷網(wǎng) /025
2 Dribbble /026
3 Behance /027
4 花瓣網(wǎng) /028
5 Unsplash /028
6 The FWA /029
7 作業(yè)：設(shè)計一款A(yù)pp的功能 /030
8 作業(yè)：制作登錄注冊界面（UI100Day） /030
課程4 了解行業(yè)
1 UI＆UE /036
2 UI設(shè)計的基本工作流程 /036
3 互聯(lián)網(wǎng)產(chǎn)品的團隊組成及其工作內(nèi)容 /040
4 UI的分類 /042
5 UI設(shè)計師的多種職業(yè)定位 /044
6 用戶體驗（UE）設(shè)計師的必備技能 /045
7 UE工作落地內(nèi)容 /048
8 UE設(shè)計師成長須知 /053
9 中國互聯(lián)網(wǎng)產(chǎn)品現(xiàn)狀 /055
10 作業(yè)：制作聊天界面（UI100Day） /057
課程5 有源設(shè)計
1 什么是有源設(shè)計 /062
2 審美要用“好圖”來“養(yǎng)” /062
3 看過之后要歸納總結(jié)——設(shè)計風(fēng)格整理 /070
4 從畫面中挖掘出更多的信息——設(shè)計細節(jié)的把控 /075
5 提升設(shè)計能力的必然路徑——有源設(shè)計 /076
6 UI中的有源設(shè)計 /079
7 作業(yè)：制作工作規(guī)劃界面（UI100Day） /083
8 作業(yè)：制作天氣界面（UI100Day） /087
9 作業(yè)：制作日歷界面（UI100Day） /093
課程6 構(gòu)圖和色彩
1 什么是構(gòu)圖 /098
2 構(gòu)圖心理學(xué) /099
3 構(gòu)圖的技巧 /101
4 排版原理 /102
5 色彩 /109
6 色彩搭配在界面中的運用 /113
7 配色靈感捕獲 /116
8 配色網(wǎng)站推薦 /117
9 作業(yè)：臨摹“好好住”App的界面 /118
課程7 圖標設(shè)計
1 圖標的分類 /127
2 圖標的發(fā)展趨勢 /128
3 圖標設(shè)計需遵循的要點 /132
4 圖標案例分析 /132
5 圖標設(shè)計規(guī)范 /133
6 Dribbble上一些值得推薦的圖標設(shè)計大咖 /138
7 如何臨摹裝飾性圖標 /139
8 作業(yè)：微信圖標Redesign /144
9 作業(yè)：制作30個圖標 /150
10 作業(yè)：制作快遞進度查詢界面（UI100Day） /155
11 作業(yè)：制作10個圖標 /160
12 作業(yè)：制作6個裝飾性圖標 /166
13 作業(yè)：制作裝飾性頭像 /171
14 作業(yè)：制作啟動頁（UI100Day） /174
15 作業(yè)：制作視頻播放器界面（UI100Day） /179
課程8 字體設(shè)計
1 中西文字體的分類 /185
2 GUI的起源 /193
3 UI字體需要注意的問題 /194
4 界面字體 /200
5 藝術(shù)字體推薦 /205
6 柵格化設(shè)計 /206
7 英文字體設(shè)計 /209
8 中文字體設(shè)計 /210
9 為什么總說中文排版比英文排版更難 /214
10 中文字體在設(shè)計中的應(yīng)用原則 /216
11 常用的字庫推薦 /218
12 字體相關(guān)的網(wǎng)站推薦 /221
13 作業(yè)：字體測量 /227
課程9 Banner設(shè)計
1 Banner的設(shè)計目的 /232
2 Banner的構(gòu)圖方式 /232
3 Banner的配色技巧 /234
4 Banner的字體選擇 /236
5 Banner的文字排版 /239
6 文字排版的視覺效果優(yōu)化技巧 /243
7 裝飾搭配 /248
8 Banner修改前后的對比 /249
9 情緒版Banner /251
10 作業(yè)：制作Banner原型 /254
11 作業(yè)：設(shè)計制作Banner1 /255
12 作業(yè)：設(shè)計制作Banner2 /256
13 作業(yè)：設(shè)計制作Banner3 /257
14 作業(yè)：制作Banner規(guī)范 /274