ui設(shè)計(jì)需要學(xué)什么?

ui設(shè)計(jì)

作者:那承嗣 發(fā)布:2023-04-17 09:52 446瀏覽

回答 共1個(gè)

即用戶界面設(shè)計(jì)。

1,最根本的元素是興趣,濃厚的興趣可以激發(fā)出來設(shè)計(jì)者潛在的能量和創(chuàng)造力。

2,審美觀。美術(shù)功底培養(yǎng)是學(xué)習(xí)的第二元素,給人帶來視覺上的沖擊力和震撼,你就是一個(gè)人物了。


最根本的元素是興趣,濃厚的興趣可以激發(fā)出來設(shè)計(jì)者潛在的能量和創(chuàng)造力。


第一階段:UI系統(tǒng)基礎(chǔ)課程

美術(shù)基礎(chǔ)與商業(yè)手繪設(shè)計(jì)

階段目標(biāo):

繪畫是每個(gè)資深設(shè)計(jì)師必備能力。第一階段學(xué)習(xí)集中講解素描、色彩傳統(tǒng)美術(shù)功底所需能力,學(xué)習(xí)空間、透視、線條美感、黑白灰原理、光和色料原理、色彩基本屬性、構(gòu)圖原理、對(duì)比調(diào)和等等。我們主講案例和場(chǎng)景將針對(duì)商業(yè)美術(shù)基礎(chǔ)運(yùn)用,講授的課程運(yùn)用如icon手繪設(shè)計(jì)、引導(dǎo)頁設(shè)計(jì)、圖形手繪創(chuàng)意設(shè)計(jì)、懂分析構(gòu)圖、了解色彩心理、靈活運(yùn)用色彩配色、專業(yè)插畫繪制技巧,層層遞進(jìn),了解繪畫在商業(yè)當(dāng)中如何呈現(xiàn)、如何把控細(xì)節(jié)。

階段知識(shí)點(diǎn):

1、手機(jī)原型圖繪制

2、透視、黑白灰原理

3、圖形創(chuàng)意

4、字體設(shè)計(jì)(中英文字體風(fēng)格詳解)

5、字體設(shè)計(jì)(商業(yè)運(yùn)用)

6、色彩原理+色彩心理學(xué)

7、色彩的表現(xiàn)形式

8、引導(dǎo)頁-插畫風(fēng)格詳解

9、引導(dǎo)頁-手繪表現(xiàn)形式

階段實(shí)戰(zhàn):

商業(yè)手繪項(xiàng)目實(shí)戰(zhàn)方法運(yùn)用與考核

“通過本階段學(xué)習(xí)及項(xiàng)目實(shí)訓(xùn),可掌握商業(yè)美術(shù)基礎(chǔ)運(yùn)用,素描、色彩傳統(tǒng)美術(shù)功底所需能力,了解繪畫在商業(yè)運(yùn)用中當(dāng)中如何思考、呈現(xiàn)、把控細(xì)節(jié)。”

第二階段:UI系統(tǒng)基礎(chǔ)課程

GUI軟件基礎(chǔ)+品牌設(shè)計(jì)+WUI界面設(shè)計(jì)

階段目標(biāo):

web端網(wǎng)頁界面設(shè)計(jì)。主要通過掌握Photoshop、illustrator相關(guān)軟件操作基礎(chǔ),熟練使用設(shè)計(jì)軟件,通過版式設(shè)計(jì)原理等理論知識(shí)講解,配合實(shí)訓(xùn)項(xiàng)目訓(xùn)練,完成版式設(shè)計(jì)所需技術(shù)能力與商業(yè)運(yùn)用范疇,作品廣度從軟件基礎(chǔ)、特效合成、特效字體分解、商業(yè)案例分析,從單頁面設(shè)計(jì)到多頁面設(shè)計(jì)運(yùn)用,并且各種不同風(fēng)格網(wǎng)頁整體GUI設(shè)計(jì),更重要是讓學(xué)員學(xué)會(huì)軟件與設(shè)計(jì)思維如何結(jié)合。

Web端界面設(shè)計(jì)規(guī)范。了解網(wǎng)站基礎(chǔ)架構(gòu)、柵格化布局、網(wǎng)站設(shè)計(jì)基本流程與設(shè)計(jì)規(guī)范的概念性講解、Banner設(shè)計(jì)、Banner美術(shù)字設(shè)計(jì)、Banner特效美術(shù)字設(shè)計(jì)、網(wǎng)站專題頁面設(shè)計(jì)等,了解當(dāng)下網(wǎng)頁前沿設(shè)計(jì)風(fēng)格,能夠根據(jù)企業(yè)真實(shí)需求特點(diǎn)進(jìn)行頁面視覺設(shè)計(jì),重點(diǎn)了解企業(yè)端Web界面設(shè)計(jì)規(guī)范和輸出規(guī)范,能夠很好學(xué)習(xí)與后端工程人員密切配合。

2019年更新PC端軟件界面設(shè)計(jì)、CRM系統(tǒng)界面設(shè)計(jì)等,為學(xué)員設(shè)計(jì)范圍寬接口做好準(zhǔn)備。培養(yǎng)出學(xué)員獨(dú)立設(shè)計(jì)套系網(wǎng)站能力和團(tuán)隊(duì)項(xiàng)目開發(fā)設(shè)計(jì)能力。

階段知識(shí)點(diǎn):

1、GUI-軟件基礎(chǔ)熟練掌握

2、CSS3從入門到實(shí)戰(zhàn)

3、AI-商業(yè)品牌視覺設(shè)計(jì)

4、平面廣告創(chuàng)意綜合設(shè)計(jì)

5、網(wǎng)頁設(shè)計(jì)精講

階段實(shí)戰(zhàn):

網(wǎng)頁設(shè)計(jì)商業(yè)項(xiàng)目小組實(shí)戰(zhàn)訓(xùn)練與考核

“通過本階段學(xué)習(xí)及項(xiàng)目實(shí)訓(xùn),學(xué)員能掌握Photoshop、illustrator相關(guān)軟件操作基礎(chǔ),完成版式設(shè)計(jì)所需技術(shù)能力與商業(yè)運(yùn)用范疇,培養(yǎng)獨(dú)立設(shè)計(jì)套系網(wǎng)站能力和團(tuán)隊(duì)項(xiàng)目開發(fā)設(shè)計(jì)能力?!?/p>

第三階段:UI設(shè)計(jì)進(jìn)階課程

MUI移動(dòng)端全流程設(shè)計(jì)

階段目標(biāo):

本階段學(xué)習(xí)目標(biāo)主要包含MUI移動(dòng)端界面視覺設(shè)計(jì)和交互設(shè)計(jì)兩大板塊。

了解不同設(shè)計(jì)平臺(tái)ICON設(shè)計(jì)基本流程與設(shè)計(jì)規(guī)范,掌握當(dāng)今世界最系統(tǒng)的UI界面圖標(biāo)設(shè)計(jì)技能,重點(diǎn)了解各種風(fēng)格的設(shè)計(jì)方法通過各種風(fēng)格設(shè)計(jì)方法訓(xùn)練,快速掌握不同圖標(biāo)設(shè)計(jì)特征和效果實(shí)現(xiàn)。

了解APP界面基礎(chǔ)架構(gòu),詳解不同平臺(tái)如ios、Android設(shè)計(jì)規(guī)范、不同種類app設(shè)計(jì)風(fēng)格,學(xué)習(xí)原型圖、思維導(dǎo)圖、GUI效果圖設(shè)計(jì)等。同時(shí)加入H5技術(shù)的云端交互動(dòng)畫軟件,設(shè)計(jì)并實(shí)現(xiàn)豐富的動(dòng)畫效果,并掌握制作符合H5標(biāo)準(zhǔn)的交互動(dòng)畫方法。交互設(shè)計(jì)為本階段亮點(diǎn)內(nèi)容,主要培養(yǎng)學(xué)員產(chǎn)品設(shè)計(jì)思想,了解產(chǎn)品在研發(fā)伊始的設(shè)計(jì)邏輯,對(duì)產(chǎn)品策劃階段涉及的主要工作內(nèi)容原理有所認(rèn)知及掌握,讓學(xué)員能按照交互設(shè)計(jì)流程完成更符合實(shí)際需求的移動(dòng)端APP項(xiàng)目。

階段知識(shí)點(diǎn):

1、移動(dòng)端風(fēng)格化icon設(shè)計(jì)

2、移動(dòng)端APP界面設(shè)計(jì)

3、企業(yè)移動(dòng)端設(shè)計(jì)流程規(guī)范

4、企業(yè)新媒體強(qiáng)化課:APP移動(dòng)端實(shí)戰(zhàn)項(xiàng)目

5、產(chǎn)品思維與交互設(shè)計(jì)基礎(chǔ)

階段實(shí)戰(zhàn):

個(gè)人獨(dú)立項(xiàng)目作品實(shí)現(xiàn)

“通過本階段學(xué)習(xí)及項(xiàng)目實(shí)訓(xùn),掌握當(dāng)今世界最系統(tǒng)的UI界面圖標(biāo)設(shè)計(jì)技能,了解APP界面基礎(chǔ)架構(gòu),培養(yǎng)產(chǎn)品設(shè)計(jì)思想,設(shè)計(jì)并實(shí)現(xiàn)豐富的動(dòng)畫效果,能按照交互設(shè)計(jì)流程完成更符合實(shí)際需求的移動(dòng)端APP項(xiàng)目?!?/p>

第四階段:UI系統(tǒng)強(qiáng)化課程

UE/UX交互設(shè)計(jì)與動(dòng)效設(shè)計(jì)

階段目標(biāo):

2019年課程全新升級(jí),新增AfterEffects交互動(dòng)效軟件學(xué)習(xí),通過AE實(shí)現(xiàn)UI交互過程中的動(dòng)態(tài)效果的設(shè)計(jì),使設(shè)計(jì)想法能夠更好的表達(dá)。重點(diǎn)學(xué)習(xí)AfterEffects在實(shí)現(xiàn)動(dòng)效設(shè)計(jì)中的技法,動(dòng)畫節(jié)奏的細(xì)膩把控,為后續(xù)交互設(shè)計(jì)提案呈現(xiàn)提供保障。

階段知識(shí)點(diǎn):

1、HTML5+CSS3與響應(yīng)式界面設(shè)計(jì)

2、精修AE交互動(dòng)畫體驗(yàn)設(shè)計(jì)

“學(xué)習(xí)AfterEffects交互動(dòng)效軟件,實(shí)現(xiàn)UI交互過程中的動(dòng)態(tài)效果設(shè)計(jì)。重點(diǎn)學(xué)習(xí)AfterEffects在實(shí)現(xiàn)動(dòng)效設(shè)計(jì)中的技法,動(dòng)畫節(jié)奏的細(xì)膩把控,為后續(xù)交互設(shè)計(jì)提案呈現(xiàn)提供保障?!?/p>

以上四個(gè)階段循序漸進(jìn),從入門到專業(yè)階段全方位學(xué)習(xí),課程內(nèi)容設(shè)計(jì)完全貼合企業(yè)最新人才需求,緊跟行業(yè)發(fā)展及時(shí)更新迭代,涵蓋平面設(shè)計(jì)師、網(wǎng)頁設(shè)計(jì)、UI設(shè)計(jì)師、企業(yè)級(jí)網(wǎng)站制作、電商美工、移動(dòng)端應(yīng)用界面設(shè)計(jì)、圖形圖標(biāo)設(shè)計(jì)、交互設(shè)計(jì)等多種崗位所有必備設(shè)計(jì)理論、設(shè)計(jì)技能和軟件,整個(gè)課程采用實(shí)戰(zhàn)化教學(xué),我們?cè)诿總€(gè)階段均配備豐富的企業(yè)級(jí)UI項(xiàng)目實(shí)戰(zhàn)訓(xùn)練,保證學(xué)員能夠獲得切實(shí)有效的實(shí)踐,應(yīng)對(duì)企業(yè)最新設(shè)計(jì)風(fēng)格高效迭代,更好的滿足企業(yè)用人需要。


需要學(xué)習(xí)平面設(shè)計(jì),界面設(shè)計(jì)。對(duì)色彩,排版有相對(duì)的概念,作用靈活。


只要記住軟件只是工具,關(guān)鍵是你的想法創(chuàng)意,和UI設(shè)計(jì)里的一些規(guī)則。不同的UI界面設(shè)計(jì)規(guī)范是不一樣的,比如手機(jī)和PC的UI就不一樣,所以先去了解你所從事的UI類型的規(guī)則,軟件慢慢用的就熟練了,另外審美也很重要,平時(shí)多看一些大神的設(shè)計(jì),提高自己的審美水平,你設(shè)計(jì)出來的作品才有觀賞價(jià)值,而不是一味的去模仿別人的!

手打的,給個(gè)贊吧!


UI設(shè)計(jì)競(jìng)爭(zhēng)現(xiàn)在競(jìng)爭(zhēng)非常激烈,每一樣都需要學(xué)習(xí)。我是培訓(xùn)出來的,肯定要比科班出生的同學(xué)更加的艱苦。手繪啥的都是自己后天學(xué)習(xí),一直不斷學(xué)習(xí)。剛出來只會(huì)ps軟件,ae、ai略懂,后面自己自學(xué)sketch,principle軟件。剛學(xué)完發(fā)現(xiàn)市場(chǎng)好多人都會(huì)**D,沒辦法,自己也得會(huì),所以建議也去了解一點(diǎn)。在我理解至少一款軟件先得會(huì),其次是精通。這么多軟件,起碼sketch/XD,Ps要是精通型的。**D是加分項(xiàng)。


UI設(shè)計(jì)作為時(shí)下熱門高薪職業(yè)之一,其發(fā)展前景不言而喻,應(yīng)用領(lǐng)域非常廣泛,從傳統(tǒng)的計(jì)算機(jī)網(wǎng)頁到最新AI領(lǐng)域的人機(jī)交互界面,無不體現(xiàn)出其市場(chǎng)價(jià)值。但在國(guó)內(nèi)這還是一個(gè)新名詞,只有少數(shù)互聯(lián)網(wǎng)公司有行業(yè)意識(shí)及專業(yè)應(yīng)用,目前在國(guó)內(nèi)還沒有開設(shè)此專業(yè)的院校,因此進(jìn)行這個(gè)行業(yè)并不容易。那么UI設(shè)計(jì)師都需要學(xué)習(xí)什么呢?今天武漢卓意設(shè)計(jì)小編就來跟大家聊一下這個(gè)話題,一起來學(xué)習(xí)下吧。

UI設(shè)計(jì)的前身是平面、網(wǎng)頁設(shè)計(jì),在原專業(yè)的基礎(chǔ)上加入了一些人機(jī)交互的邏輯、控件的應(yīng)用、組件的狀態(tài)設(shè)計(jì)等內(nèi)容。這是由于互聯(lián)網(wǎng)發(fā)展的精細(xì)化延伸出來的新門類,因此設(shè)計(jì)的軟件應(yīng)用就是基本功了。需要掌握Photoshop(圖像處理)、illustrator(圖形制作)、AfterEffects(視頻處理)、Axure(原型設(shè)計(jì))、Dreamweaver(網(wǎng)頁制作)、Coreldraw(矢量制作)、Flash(動(dòng)畫制作)等設(shè)計(jì)軟件及HTML5.0和DIV+CSS網(wǎng)頁代碼基礎(chǔ)。

學(xué)會(huì)了各類設(shè)計(jì)軟件的應(yīng)用還不夠,此時(shí)還不能獨(dú)立創(chuàng)作,因?yàn)槿狈?chuàng)意的表現(xiàn)技能,所以需要掌握鉛筆、水彩筆、素描本、手繪板等不同手繪工具的熟練運(yùn)用。此部分主要是設(shè)計(jì)思維的訓(xùn)練及表現(xiàn),重在設(shè)計(jì)理論的學(xué)習(xí)與構(gòu)圖技巧,學(xué)會(huì)解析各類圖標(biāo)的設(shè)計(jì)原理及表現(xiàn)技法。

通過前面理論與工具的練習(xí),基本具備了設(shè)計(jì)的基礎(chǔ)能力,接下來就需要一些完整案例的實(shí)戰(zhàn)了。要學(xué)會(huì)模仿各類產(chǎn)品優(yōu)秀案例、并能解析其設(shè)計(jì)要點(diǎn),能推陳出新做出部分創(chuàng)新的完整案例。需要掌握不同類型互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)規(guī)范、設(shè)計(jì)流程、設(shè)計(jì)圖紙的輸出與迭代方法,保證產(chǎn)品用戶體驗(yàn)的持續(xù)性提升。

雖然UI設(shè)計(jì)是近幾年才流行的專業(yè),但市場(chǎng)上的UI培訓(xùn)已相對(duì)成熟,對(duì)于沒有基礎(chǔ)的同學(xué)還是建議找專業(yè)的老師輔導(dǎo),這樣UI設(shè)計(jì)的學(xué)習(xí)之路才會(huì)事半功倍,大家覺得呢?


PS~UI界面世界設(shè)計(jì)

AI~UI圖標(biāo)設(shè)計(jì)

AXUER~交互原型圖設(shè)計(jì)

DW~簡(jiǎn)單網(wǎng)頁制作


發(fā)展到現(xiàn)在,UI設(shè)計(jì)這行競(jìng)爭(zhēng)太激烈了,為保持自己的競(jìng)爭(zhēng)力的話,綜合能力要求很高的。學(xué)習(xí)內(nèi)容如下:

1界面設(shè)計(jì),即使是基礎(chǔ)入門能力要求也包含了太多要學(xué)的,軟件操作的效率,界面的規(guī)范,是可以拉開很大的差距的,sketch是必學(xué)軟件,否則進(jìn)不了大公司。

2平面設(shè)計(jì),包括平面物料(名片,海報(bào),易拉寶)等的設(shè)計(jì),許多UI設(shè)計(jì)師的視覺創(chuàng)意這塊往往欠缺,這方面要做得好的話,是需要有理論基礎(chǔ)和對(duì)流行趨勢(shì)的敏銳的。PS和AI必須熟練,《平面構(gòu)成》是需要知道滴!

3交互設(shè)計(jì),指的是界面的交互流程,用戶體驗(yàn)。這方面的軟件需要掌握Axure,

4視頻動(dòng)畫和剪輯,沒想到吧?!很多公司對(duì)UI設(shè)計(jì)師的職位認(rèn)知不明確,認(rèn)為UI設(shè)計(jì)師是萬能的,當(dāng)掌握動(dòng)畫和剪輯后,可以讓你更無可替代。


下面說下學(xué)習(xí)方式:

借鑒是臨摹是必須的,好的創(chuàng)意網(wǎng)站和好的素材整理習(xí)慣,好的表達(dá)方式,都是要不斷琢磨,這還是工作之內(nèi)的學(xué)習(xí)要求,能有一個(gè)好的師傅帶你,事半功倍。

那么工作之外,分享一個(gè)實(shí)用的學(xué)習(xí)方式:把你的抖音關(guān)注全換成UI設(shè)計(jì)的,可以讓你get到流行的技巧和實(shí)用素材。不怕別人比你優(yōu)秀,就怕比你優(yōu)秀還更努力!


UI設(shè)計(jì)的前身是平面、網(wǎng)頁設(shè)計(jì),在原專業(yè)的基礎(chǔ)上加入了一些人機(jī)交互的邏輯、控件的應(yīng)用、組件的狀態(tài)設(shè)計(jì)等內(nèi)容。這是由于互聯(lián)網(wǎng)發(fā)展的精細(xì)化延伸出來的新門類,因此設(shè)計(jì)的軟件應(yīng)用就是基本功了。需要掌握Photoshop(圖像處理)、illustrator(圖形制作)、AfterEffects(視頻處理)、Axure(原型設(shè)計(jì))、Dreamweaver(網(wǎng)頁制作)、Coreldraw(矢量制作)、Flash(動(dòng)畫制作)等設(shè)計(jì)軟件及HTML5.0和DIV+CSS網(wǎng)頁代碼基礎(chǔ)。

學(xué)會(huì)了各類設(shè)計(jì)軟件的應(yīng)用還不夠,此時(shí)還不能獨(dú)立創(chuàng)作,因?yàn)槿狈?chuàng)意的表現(xiàn)技能,所以需要掌握鉛筆、水彩筆、素描本、手繪板等不同手繪工具的熟練運(yùn)用。此部分主要是設(shè)計(jì)思維的訓(xùn)練及表現(xiàn),重在設(shè)計(jì)理論的學(xué)習(xí)與構(gòu)圖技巧,學(xué)會(huì)解析各類圖標(biāo)的設(shè)計(jì)原理及表現(xiàn)技法。



16贊同

2023-04-17 10:31:07

推薦閱讀 RECOMMENDED READING