課程模塊 | 主題 | 學(xué)習(xí)內(nèi)容 |
產(chǎn)品與交互設(shè)計(jì)
| 產(chǎn)品研發(fā)工作流程
| 學(xué)前須知,課程概況 (UI出品標(biāo)準(zhǔn)、UI課程概述),什么是UI (UI概念、UI發(fā)展前景、UI應(yīng)用軟件),產(chǎn)品研發(fā)工作流程細(xì)化,產(chǎn)品定位,產(chǎn)品背景,深挖需求(場(chǎng)景/人性本質(zhì)/kano模型),需求分析,信息架構(gòu)的搭建,腦圖軟件使用,互聯(lián)網(wǎng)團(tuán)隊(duì)崗位職能
|
需求分析與用戶分析
| 用戶研究(問卷/訪談/可用性/數(shù)據(jù)/用研),用戶體驗(yàn),用戶體驗(yàn)五要素(可視/可控/易讀/容錯(cuò)),點(diǎn)線分析(產(chǎn)品/商業(yè)/環(huán)境/團(tuán)隊(duì)),產(chǎn)品核心價(jià)值(解決問題/黏性),MVP與痛點(diǎn)(設(shè)計(jì)/實(shí)現(xiàn)方式),用戶分析與用戶畫像,用戶調(diào)研,Axure基礎(chǔ),用Axure繪制原型,用Axure實(shí)現(xiàn)交互動(dòng)效
|
競(jìng)品分析
| 競(jìng)品分析的概念,競(jìng)品分析的流程,如何選擇競(jìng)品,如何收集競(jìng)品信息,競(jìng)品的多維度分析(產(chǎn)品、交互、設(shè)計(jì)),常用的競(jìng)品分析方法,競(jìng)品分析總結(jié),用Axure實(shí)現(xiàn)交互動(dòng)效
|
交互設(shè)計(jì)
| 交互設(shè)計(jì)概念,交互設(shè)計(jì)師職能,交互說明文檔,移動(dòng)端常用導(dǎo)航設(shè)計(jì)模式,常見的交互設(shè)計(jì)形式,交互細(xì)節(jié)說明,Axure制作交互細(xì)節(jié)說明,了解常見的移動(dòng)端設(shè)計(jì)尺寸,墨刀應(yīng)用
|
移動(dòng)端界面設(shè)計(jì)
| iOS與移動(dòng)端界面規(guī)范設(shè)計(jì)(一)
| iPhone分辨率,iPad分辨率,iOS的UI欄,iOS的字體規(guī)范,iPhoneX布局尺寸,iOS設(shè)計(jì)三大原則,iOS的常用控件,XD的應(yīng)用與實(shí)踐,使用XD制作界面,使用PS制作界面,界面設(shè)計(jì)的色彩心理學(xué),界面設(shè)計(jì)布局規(guī)劃,柵格化設(shè)計(jì)
|
iOS與移動(dòng)端界面規(guī)范設(shè)計(jì)(二)
| 基本組件優(yōu)化,常用控件優(yōu)化,布局排版與細(xì)節(jié)優(yōu)化,界面配色原理,F(xiàn)igma應(yīng)用與實(shí)踐,使用figma制作界面,iOS的常用視圖(組件),iOS14設(shè)計(jì)新趨勢(shì),UI視覺規(guī)范制定
|
剪影圖標(biāo)設(shè)計(jì)
| 圖標(biāo)分類,剪影圖標(biāo)認(rèn)知,剪影圖標(biāo)使用場(chǎng)景,剪影圖標(biāo)設(shè)計(jì)基本要求,剪影圖標(biāo)設(shè)計(jì)技法,剪影圖標(biāo)設(shè)計(jì)要素,Tab欄圖標(biāo)樣式延展,剪影圖標(biāo)創(chuàng)作方法,PS&AI造型工具,金剛區(qū),節(jié)日/促銷圖標(biāo)
|
圖標(biāo)進(jìn)階設(shè)計(jì)
| 面性圖標(biāo)的表現(xiàn)形式,微質(zhì)感圖標(biāo),輕擬物圖標(biāo),2.5D圖標(biāo),插畫圖標(biāo)等表現(xiàn)形式與設(shè)計(jì)技法,瓷片區(qū)設(shè)計(jì)
|
提升用戶體驗(yàn)設(shè)計(jì)
| 用戶體驗(yàn)定義,交互設(shè)計(jì)五要素,尼爾森可用性十大原則(用戶體驗(yàn)設(shè)計(jì)10原則),設(shè)計(jì)師如何做好用戶體驗(yàn),格式塔設(shè)計(jì)法則,UI設(shè)計(jì)規(guī)范,改版思路,UGD增長(zhǎng)設(shè)計(jì),個(gè)人中心實(shí)例,常見實(shí)例分析
|
安卓與Material Design
| Android手機(jī)尺寸規(guī)范,MaterialDesign介紹,MD材質(zhì)與空間,MD動(dòng)畫,MD色彩,MD圖標(biāo),MD字體,MD布局,MD組件,使用安卓規(guī)范制作界面 ,安卓與IOS的組件區(qū)別(差異化)
|
應(yīng)用圖標(biāo)設(shè)計(jì)
| 應(yīng)用圖標(biāo)/啟動(dòng)圖標(biāo)概念應(yīng)用圖標(biāo)尺寸規(guī)范,應(yīng)用圖標(biāo)設(shè)計(jì)分類,應(yīng)用圖標(biāo)表現(xiàn)技法,色彩情感特征,應(yīng)用圖標(biāo)設(shè)計(jì)注意事項(xiàng)
|
吉祥物與缺省頁(yè)設(shè)計(jì)
| 缺省頁(yè)定義,缺省頁(yè)常見內(nèi)容,缺省頁(yè)常見表現(xiàn)形式,結(jié)果頁(yè),缺省頁(yè)設(shè)計(jì)思路,缺省頁(yè)配色技巧,吉祥物定義,吉祥物應(yīng)用場(chǎng)景,吉祥物在UI界面中的作用與表現(xiàn),吉祥物創(chuàng)作思路、吉祥物三視圖制作,吉祥物的繪制技法
|
引導(dǎo)頁(yè)設(shè)計(jì)
| 啟動(dòng)頁(yè) / 閃屏,引導(dǎo)頁(yè)定義,引導(dǎo)頁(yè)常見分類,引導(dǎo)頁(yè)表現(xiàn)形式,引導(dǎo)頁(yè)尺寸與適配,ASO市場(chǎng)推廣頁(yè)設(shè)計(jì),2.5D插畫設(shè)計(jì)技巧,噪點(diǎn)插畫設(shè)計(jì)技巧
|
公眾號(hào)與小程序設(shè)計(jì)
| APP從技術(shù)層次上的分類,微信公眾號(hào),各平臺(tái)優(yōu)劣勢(shì)對(duì)比,小程序設(shè)計(jì)原則,小程序視覺設(shè)計(jì)規(guī)范,小程序如何落地
|
網(wǎng)頁(yè)設(shè)計(jì)
| 企業(yè)官網(wǎng)與產(chǎn)品型企業(yè)官網(wǎng)設(shè)計(jì)
| 認(rèn)識(shí)網(wǎng)站,網(wǎng)頁(yè)布局,網(wǎng)頁(yè)組成,網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格,了解網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)規(guī)范及設(shè)計(jì)流程。了解按鈕的設(shè)計(jì)方法,排版基礎(chǔ)規(guī)則,圖片擺放及設(shè)計(jì)技巧,海報(bào)設(shè)計(jì)知識(shí)。了解網(wǎng)頁(yè)心理學(xué),網(wǎng)頁(yè)配色,了解網(wǎng)頁(yè)刪格系統(tǒng),設(shè)計(jì)產(chǎn)品宣傳型企業(yè)官網(wǎng)。
|
一屏式單屏網(wǎng)頁(yè)設(shè)計(jì)&響應(yīng)式界面布局
| 了解什么是一屏式網(wǎng)頁(yè),網(wǎng)頁(yè)中的光影,一屏式網(wǎng)頁(yè)設(shè)計(jì)技巧及布局形式。了解什么是響應(yīng)式,響應(yīng)式的布局方法及設(shè)計(jì)重點(diǎn),網(wǎng)頁(yè)切圖手法,響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)技巧,移動(dòng)端響應(yīng)式布局
|
后端管理系統(tǒng)
| 了解后端網(wǎng)站及其種類,常見的布局及設(shè)計(jì)風(fēng)格,了解后端元件及設(shè)計(jì)步驟,了解后端網(wǎng)站的設(shè)計(jì)技巧。
|
大屏數(shù)據(jù)可視化設(shè)計(jì)
| 數(shù)據(jù)可視化的定義,應(yīng)用方向與場(chǎng)景,可視化設(shè)計(jì)流程,可視化圖表用法 可視化尺寸,頁(yè)面常用布局形式,視覺設(shè)計(jì)技巧,落地驗(yàn)收注意事項(xiàng)
|
階段實(shí)踐與總結(jié)
| 適配切圖命名標(biāo)注
| PC端和移動(dòng)端適配、切圖,命名,標(biāo)注,掌握藍(lán)湖、如何使用藍(lán)湖應(yīng)用到工作中,如何與前端程序員對(duì)接,cutterman等標(biāo)注切片工具,如何對(duì)設(shè)計(jì)進(jìn)行驗(yàn)收
|
GUI提案與作品集制作
| GUI設(shè)計(jì)平臺(tái)參考,產(chǎn)品頭圖,競(jìng)品分析,設(shè)計(jì)分析,設(shè)計(jì)規(guī)范,內(nèi)容展示,產(chǎn)品封底,GUI展示平臺(tái),作品集制作,作品集模板制定,作品集作品包裝,作品美化,作品集注意事項(xiàng),作品集優(yōu)化,作品集的1V1優(yōu)化整理指導(dǎo)
|
項(xiàng)目指導(dǎo)
| 工作指導(dǎo)、階段考試、作品集設(shè)計(jì)
| 簡(jiǎn)歷指導(dǎo)課及簡(jiǎn)歷制作跟進(jìn)、階段考試、成果檢視、作品集制作方法及要求、作品集設(shè)計(jì)點(diǎn)評(píng)
|