課程1 學(xué)習(xí)前的準(zhǔn)備 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)品的團(tuá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è)計細(xì)節(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 圖標(biāo)設(shè)計 1 圖標(biāo)的分類 /127 2 圖標(biāo)的發(fā)展趨勢 /128 3 圖標(biāo)設(shè)計需遵循的要點 /132 4 圖標(biāo)案例分析 /132 5 圖標(biāo)設(shè)計規(guī)范 /133 6 Dribbble上一些值得推薦的圖標(biāo)設(shè)計大咖 /138 7 如何臨摹裝飾性圖標(biāo) /139 8 作業(yè)：微信圖標(biāo)Redesign /144 9 作業(yè)：制作30個圖標(biāo) /150 10 作業(yè)：制作快遞進(jìn)度查詢界面（UI100Day） /155 11 作業(yè)：制作10個圖標(biāo) /160 12 作業(yè)：制作6個裝飾性圖標(biāo) /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