產(chǎn)品詳情
上海非凡學(xué)院開設(shè)的UI設(shè)計(jì)精品課程，專門針對的就是想學(xué)習(xí)UI設(shè)計(jì)的學(xué)員們，在這里，不僅僅會學(xué)到有關(guān)UI設(shè)計(jì)的基礎(chǔ)知識，還會學(xué)習(xí)到各種基礎(chǔ)設(shè)計(jì)軟件是如何進(jìn)行運(yùn)用的。同時(shí)老師們會要求學(xué)員自己動(dòng)手進(jìn)行設(shè)計(jì)，在實(shí)訓(xùn)的過程中提高他們的設(shè)計(jì)技巧，進(jìn)而發(fā)現(xiàn)自己的不足之處，通過不斷的改進(jìn)，逐步實(shí)現(xiàn)自己UI設(shè)計(jì)師的夢想，為自己的職業(yè)生涯打下堅(jiān)實(shí)的基礎(chǔ)。
UI設(shè)計(jì)培訓(xùn)
UID基礎(chǔ)：Ui行業(yè)入門知識、手繪技法、色彩入門、圖形設(shè)計(jì)、圖標(biāo)、軟件、增效技法、塑造風(fēng)格技法
UI界面設(shè)計(jì)軟件：Photoshop、Illustrator
Web界面設(shè)計(jì)軟件界面設(shè)計(jì)技能：DW、 Fireworks
WEB界面設(shè)計(jì)、PC客戶端軟件界面設(shè)計(jì)、移動(dòng)界面設(shè)計(jì)
階段實(shí)訓(xùn)：圖標(biāo)設(shè)計(jì)（剪影圖標(biāo)、2D彩色圖標(biāo)、3D彩色圖標(biāo)）
交互設(shè)計(jì)（交互原型圖軟件、Axure RP、iOS系統(tǒng)應(yīng)用設(shè)計(jì)規(guī)范 、Android系統(tǒng)應(yīng)用設(shè)計(jì)規(guī)范）
界面設(shè)計(jì)（iPhone應(yīng)用交互界面設(shè)計(jì)、iPad應(yīng)用交互界面設(shè)計(jì) Android應(yīng)用交互界面設(shè)計(jì)、Windows Phone應(yīng)用交互界面設(shè)計(jì)）
UI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)
1、國內(nèi)外專業(yè)設(shè)計(jì)流行趨勢引導(dǎo)
以國內(nèi)專業(yè)設(shè)計(jì)社區(qū)站酷、國外專業(yè)設(shè)計(jì)網(wǎng)站Dribbble為主要平臺，指引學(xué)生感受當(dāng)下流行的設(shè)計(jì)風(fēng)格、流行配色、交互思維，與潮流同行。主要內(nèi)容為分析流行APP的設(shè)計(jì)結(jié)構(gòu)、規(guī)范和配色、交互邏輯以及如何讓自己做出流行作品。
2、社交類APPdesign部分設(shè)計(jì)
實(shí)戰(zhàn)社交類APP設(shè)計(jì)方案。
分析社交類APP的導(dǎo)航、二級導(dǎo)航、標(biāo)簽的特點(diǎn)、講解ios和Android的APP設(shè)計(jì)規(guī)范。分析UI設(shè)計(jì)的主流設(shè)計(jì)字體，講解字體應(yīng)用規(guī)范。講解社交類APP配色規(guī)范。講解如何在Win平臺下的軟件中進(jìn)行合理命名和切片輸出。
3、列表類APPdesign部分設(shè)計(jì)
實(shí)戰(zhàn)列表類APP設(shè)計(jì)方案。
引導(dǎo)學(xué)員樹立標(biāo)準(zhǔn)化規(guī)范設(shè)計(jì)思路，設(shè)計(jì)出高效有用的模板并套用，然后整合成作品。
4、圖片類APPdesign部分設(shè)計(jì)
實(shí)戰(zhàn)圖片類APP設(shè)計(jì)方案。引導(dǎo)學(xué)員樹立標(biāo)準(zhǔn)化規(guī)范設(shè)計(jì)思路，設(shè)計(jì)出高效有用的模板并套用，然后整合成作品。
5、主流APP引導(dǎo)頁插畫設(shè)計(jì)
了解當(dāng)下流行的8種插畫表現(xiàn)形式，掌握如何使引導(dǎo)頁中的設(shè)計(jì)更加吸引人、信息傳達(dá)效果更好。理解引導(dǎo)頁中層次、場景、文案具象化元素，結(jié)合視線流動(dòng)的規(guī)律設(shè)計(jì)出時(shí)尚的引導(dǎo)頁。
UI設(shè)計(jì)師在工作中要做哪些事情?
UI設(shè)計(jì)作為設(shè)計(jì)大類的一個(gè)細(xì)分崗位，如今已經(jīng)隨著時(shí)間的推移成為了熱門的職業(yè)。而現(xiàn)階段非科班轉(zhuǎn)行，依靠興趣的入行的人也非常多。
UI設(shè)計(jì)師在工作中的產(chǎn)出有哪些?
1、手機(jī)APP UI
APP界面
定義：根據(jù)產(chǎn)品需求,在界面中設(shè)計(jì)和排版對應(yīng)的交互、視覺元素。
要求：能滿足平面四要素的正確性;知道如何應(yīng)用標(biāo)準(zhǔn)的系統(tǒng)Kits;能合理定義字體和元素尺寸;熟悉并能設(shè)計(jì)主流的組件類型。
軟件: Sketch、XD
界面圖標(biāo)
定義：包含APP啟動(dòng)圖標(biāo),以及應(yīng)用內(nèi)的一般工具圖標(biāo)
要求：對圖標(biāo)的基礎(chǔ)規(guī)范有所了解,了解主流的圖標(biāo)類型及使用場景,在繪制整套圖標(biāo)時(shí)可以保持基本的風(fēng)格一致,形式簡約美
軟件：Ai、PS
可交互原型
定義：用來展示可以點(diǎn)擊并跳轉(zhuǎn)的交互原型文件
要求：能清晰表達(dá)頁面跳轉(zhuǎn)邏輯即可
軟件： Sketch、XD、藍(lán)湖、墨刀
基礎(chǔ)動(dòng)效
定義：可以表達(dá)觸發(fā)界面交互效果時(shí)的動(dòng)畫
要求：了解可以實(shí)現(xiàn)的動(dòng)畫范圍,并能明白如何具體編寫表達(dá)動(dòng)畫的文檔。
軟件：AE、
標(biāo)注切圖
定義：將設(shè)計(jì)稿的內(nèi)容進(jìn)行標(biāo)注,和將開發(fā)過程中需要的圖形進(jìn)行導(dǎo)出
要求：了解對設(shè)計(jì)還原中開發(fā)人員需要知道的參數(shù),了解不同圖片格式的作用與區(qū)別并能對應(yīng)導(dǎo)出符合規(guī)范的切圖。
軟件：藍(lán)湖、 Sketch、XD、 Markman
設(shè)計(jì)規(guī)范
定義：設(shè)計(jì)到開發(fā)中要遵守的相關(guān)規(guī)范文檔要求：針對主要色彩、元素使用的規(guī)范簡潔明了,容易被執(zhí)行
軟件：任意設(shè)計(jì)軟件或ofce
2.PC網(wǎng)頁界面
網(wǎng)頁界面
定義：主要是公司或產(chǎn)品介紹頁,將需求中的內(nèi)容合理置入畫布并進(jìn)行排版和設(shè)計(jì)
要求：了解基本的網(wǎng)頁畫布設(shè)置和規(guī)范,網(wǎng)頁的主流結(jié)構(gòu)和交互方式,能設(shè)計(jì)出簡約美觀,表意清晰的設(shè)計(jì)
管理界面
定義：根據(jù)業(yè)務(wù)需要,設(shè)計(jì)在網(wǎng)頁端操作的管理系統(tǒng),用來管理財(cái)務(wù)、庫存、客戶信息等的工具
要求：能了解基本的管理界面組件功能和交互規(guī)則,網(wǎng)頁拉伸適配方式,和文字、色彩應(yīng)用
軟件：XD、 Sketc
標(biāo)注切圖
定義：對設(shè)計(jì)稿的說明和導(dǎo)出開發(fā)用的圖片。
要求：能導(dǎo)出正確的切圖,和必要的區(qū)域進(jìn)行說明。
軟件：Sketch
3.運(yùn)營設(shè)計(jì)(廣告宣傳圖)
Banner設(shè)計(jì)
定義：根據(jù)運(yùn)營、營銷活動(dòng)的需求設(shè)計(jì)岀在產(chǎn)品廣告位中展示的廣告圖
要求：能掌握基本的圖文混排方法,能對文字做出簡單有效的表現(xiàn),具備入門的合成技巧
H5活動(dòng)頁
定義：根據(jù)運(yùn)營、營銷活動(dòng)的需求設(shè)計(jì)岀在網(wǎng)頁中展示的活動(dòng)專場頁面。
要求：了解活動(dòng)頁的基本結(jié)構(gòu),手機(jī)端網(wǎng)頁設(shè)計(jì)的規(guī)范,有入門的主視覺設(shè)計(jì)能力
UI設(shè)計(jì)培訓(xùn)
UID基礎(chǔ)：Ui行業(yè)入門知識、手繪技法、色彩入門、圖形設(shè)計(jì)、圖標(biāo)、軟件、增效技法、塑造風(fēng)格技法
UI界面設(shè)計(jì)軟件：Photoshop、Illustrator
Web界面設(shè)計(jì)軟件界面設(shè)計(jì)技能：DW、 Fireworks
WEB界面設(shè)計(jì)、PC客戶端軟件界面設(shè)計(jì)、移動(dòng)界面設(shè)計(jì)
階段實(shí)訓(xùn)：圖標(biāo)設(shè)計(jì)（剪影圖標(biāo)、2D彩色圖標(biāo)、3D彩色圖標(biāo)）
交互設(shè)計(jì)（交互原型圖軟件、Axure RP、iOS系統(tǒng)應(yīng)用設(shè)計(jì)規(guī)范 、Android系統(tǒng)應(yīng)用設(shè)計(jì)規(guī)范）
界面設(shè)計(jì)（iPhone應(yīng)用交互界面設(shè)計(jì)、iPad應(yīng)用交互界面設(shè)計(jì) Android應(yīng)用交互界面設(shè)計(jì)、Windows Phone應(yīng)用交互界面設(shè)計(jì)）
UI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)
1、國內(nèi)外專業(yè)設(shè)計(jì)流行趨勢引導(dǎo)
以國內(nèi)專業(yè)設(shè)計(jì)社區(qū)站酷、國外專業(yè)設(shè)計(jì)網(wǎng)站Dribbble為主要平臺，指引學(xué)生感受當(dāng)下流行的設(shè)計(jì)風(fēng)格、流行配色、交互思維，與潮流同行。主要內(nèi)容為分析流行APP的設(shè)計(jì)結(jié)構(gòu)、規(guī)范和配色、交互邏輯以及如何讓自己做出流行作品。
2、社交類APPdesign部分設(shè)計(jì)
實(shí)戰(zhàn)社交類APP設(shè)計(jì)方案。
分析社交類APP的導(dǎo)航、二級導(dǎo)航、標(biāo)簽的特點(diǎn)、講解ios和Android的APP設(shè)計(jì)規(guī)范。分析UI設(shè)計(jì)的主流設(shè)計(jì)字體，講解字體應(yīng)用規(guī)范。講解社交類APP配色規(guī)范。講解如何在Win平臺下的軟件中進(jìn)行合理命名和切片輸出。
3、列表類APPdesign部分設(shè)計(jì)
實(shí)戰(zhàn)列表類APP設(shè)計(jì)方案。
引導(dǎo)學(xué)員樹立標(biāo)準(zhǔn)化規(guī)范設(shè)計(jì)思路，設(shè)計(jì)出高效有用的模板并套用，然后整合成作品。
4、圖片類APPdesign部分設(shè)計(jì)
實(shí)戰(zhàn)圖片類APP設(shè)計(jì)方案。引導(dǎo)學(xué)員樹立標(biāo)準(zhǔn)化規(guī)范設(shè)計(jì)思路，設(shè)計(jì)出高效有用的模板并套用，然后整合成作品。
5、主流APP引導(dǎo)頁插畫設(shè)計(jì)
了解當(dāng)下流行的8種插畫表現(xiàn)形式，掌握如何使引導(dǎo)頁中的設(shè)計(jì)更加吸引人、信息傳達(dá)效果更好。理解引導(dǎo)頁中層次、場景、文案具象化元素，結(jié)合視線流動(dòng)的規(guī)律設(shè)計(jì)出時(shí)尚的引導(dǎo)頁。
UI設(shè)計(jì)師在工作中要做哪些事情?
UI設(shè)計(jì)作為設(shè)計(jì)大類的一個(gè)細(xì)分崗位，如今已經(jīng)隨著時(shí)間的推移成為了熱門的職業(yè)。而現(xiàn)階段非科班轉(zhuǎn)行，依靠興趣的入行的人也非常多。
UI設(shè)計(jì)師在工作中的產(chǎn)出有哪些?
1、手機(jī)APP UI
APP界面
定義：根據(jù)產(chǎn)品需求,在界面中設(shè)計(jì)和排版對應(yīng)的交互、視覺元素。
要求：能滿足平面四要素的正確性;知道如何應(yīng)用標(biāo)準(zhǔn)的系統(tǒng)Kits;能合理定義字體和元素尺寸;熟悉并能設(shè)計(jì)主流的組件類型。
軟件: Sketch、XD
界面圖標(biāo)
定義：包含APP啟動(dòng)圖標(biāo),以及應(yīng)用內(nèi)的一般工具圖標(biāo)
要求：對圖標(biāo)的基礎(chǔ)規(guī)范有所了解,了解主流的圖標(biāo)類型及使用場景,在繪制整套圖標(biāo)時(shí)可以保持基本的風(fēng)格一致,形式簡約美
軟件：Ai、PS
可交互原型
定義：用來展示可以點(diǎn)擊并跳轉(zhuǎn)的交互原型文件
要求：能清晰表達(dá)頁面跳轉(zhuǎn)邏輯即可
軟件： Sketch、XD、藍(lán)湖、墨刀
基礎(chǔ)動(dòng)效
定義：可以表達(dá)觸發(fā)界面交互效果時(shí)的動(dòng)畫
要求：了解可以實(shí)現(xiàn)的動(dòng)畫范圍,并能明白如何具體編寫表達(dá)動(dòng)畫的文檔。
軟件：AE、
標(biāo)注切圖
定義：將設(shè)計(jì)稿的內(nèi)容進(jìn)行標(biāo)注,和將開發(fā)過程中需要的圖形進(jìn)行導(dǎo)出
要求：了解對設(shè)計(jì)還原中開發(fā)人員需要知道的參數(shù),了解不同圖片格式的作用與區(qū)別并能對應(yīng)導(dǎo)出符合規(guī)范的切圖。
軟件：藍(lán)湖、 Sketch、XD、 Markman
設(shè)計(jì)規(guī)范
定義：設(shè)計(jì)到開發(fā)中要遵守的相關(guān)規(guī)范文檔要求：針對主要色彩、元素使用的規(guī)范簡潔明了,容易被執(zhí)行
軟件：任意設(shè)計(jì)軟件或ofce
2.PC網(wǎng)頁界面
網(wǎng)頁界面
定義：主要是公司或產(chǎn)品介紹頁,將需求中的內(nèi)容合理置入畫布并進(jìn)行排版和設(shè)計(jì)
要求：了解基本的網(wǎng)頁畫布設(shè)置和規(guī)范,網(wǎng)頁的主流結(jié)構(gòu)和交互方式,能設(shè)計(jì)出簡約美觀,表意清晰的設(shè)計(jì)
管理界面
定義：根據(jù)業(yè)務(wù)需要,設(shè)計(jì)在網(wǎng)頁端操作的管理系統(tǒng),用來管理財(cái)務(wù)、庫存、客戶信息等的工具
要求：能了解基本的管理界面組件功能和交互規(guī)則,網(wǎng)頁拉伸適配方式,和文字、色彩應(yīng)用
軟件：XD、 Sketc
標(biāo)注切圖
定義：對設(shè)計(jì)稿的說明和導(dǎo)出開發(fā)用的圖片。
要求：能導(dǎo)出正確的切圖,和必要的區(qū)域進(jìn)行說明。
軟件：Sketch
3.運(yùn)營設(shè)計(jì)(廣告宣傳圖)
Banner設(shè)計(jì)
定義：根據(jù)運(yùn)營、營銷活動(dòng)的需求設(shè)計(jì)岀在產(chǎn)品廣告位中展示的廣告圖
要求：能掌握基本的圖文混排方法,能對文字做出簡單有效的表現(xiàn),具備入門的合成技巧
H5活動(dòng)頁
定義：根據(jù)運(yùn)營、營銷活動(dòng)的需求設(shè)計(jì)岀在網(wǎng)頁中展示的活動(dòng)專場頁面。
要求：了解活動(dòng)頁的基本結(jié)構(gòu),手機(jī)端網(wǎng)頁設(shè)計(jì)的規(guī)范,有入門的主視覺設(shè)計(jì)能力
