UI設(shè)計要學(xué)什么軟件?UI工作全流程是怎樣的?



對于很多UI設(shè)計初學(xué)者來說他們最關(guān)心的是設(shè)計軟件。其實,大家應(yīng)該發(fā)現(xiàn)軟件以外的真正UI設(shè)計的能力,軟件僅僅只是一個工具。今天這篇文章就是給予初學(xué)者正確的UI設(shè)計觀念。


UI設(shè)計需要什么軟件?

如今,UI設(shè)計師的出現(xiàn),是互聯(lián)網(wǎng)時代的設(shè)計變革帶來的。越來越多的設(shè)計人加入了這個新興的職業(yè),有的人看重UI設(shè)計的高薪資,有的人看到無限美好的職業(yè)前景?傊,就是各位小伙伴要學(xué)習(xí)UI設(shè)計了,說到IT互聯(lián)網(wǎng)設(shè)計,很多人肯定要問一問,都用啥軟件設(shè)計呢?但其實最關(guān)心還是UI設(shè)計的需要學(xué)習(xí)的能力。

UI是“用戶界面”的意思,UI設(shè)計涉及到的領(lǐng)域有:設(shè)計心理學(xué),情感化設(shè)計,視覺設(shè)計,美術(shù)原理知識等。

由于軟件產(chǎn)品的設(shè)計主要分為兩個部分:UI設(shè)計與編程設(shè)計。UI設(shè)計師實際是對軟件的人機(jī)交互、操作邏輯、界面美觀等整體進(jìn)行設(shè)計;之后編程工程師才能根據(jù)這些界面與交互規(guī)范文檔進(jìn)行軟件的編程開發(fā),實現(xiàn)這些界面并最終能夠被用戶使用。

UI設(shè)計師的日常工作是一個系統(tǒng)性的工作,所以使用到的軟件各不相同,下面具體來進(jìn)行說明:

01 UI設(shè)計視覺設(shè)計軟件:PS 、Sketch


Photoshop是一款強(qiáng)大的圖片處理軟件,因此它不只是修修照片、你用它還能完成UI設(shè)計。另外,對于圖標(biāo)的設(shè)計,是用矢量繪圖軟件制作的,這樣放大才不會失真,沒有虛邊,所以你可能還要用到AI。但是據(jù)行業(yè)數(shù)據(jù)統(tǒng)計,UI設(shè)計行業(yè)中,常用的主要軟件為:PS和AI。

另外,專注UI設(shè)計的新時代產(chǎn)品,還有Sketch軟件,Sketch是一個非常友好的軟件,專注于UI設(shè)計。它讓我們盡可能少復(fù)雜的軟件操作,將設(shè)計中對UI的思考的時間放在了首位,讓我們專注于響應(yīng)式的設(shè)計而不是ps中照片的編輯,關(guān)注于交互和動畫而不是材質(zhì),但其市場占有率還在緩慢增長中,原因是僅限蘋果系統(tǒng)使用。

但沒有關(guān)系,當(dāng)你PS通吃后(相信skecth對你來說就是1-2天,幾個小時課程的時間,因為他的界面交互實在太友好了:直觀、簡單、易操作)。

02 思維導(dǎo)圖軟件:MindManager或XMind

MindManager或XMind都為思維導(dǎo)圖軟件,具體使用哪個軟件并不重要,根據(jù)個人習(xí)慣就行。

思維導(dǎo)圖想必大家在進(jìn)行策劃分析和頭腦風(fēng)暴時,都用過。在UI設(shè)計中,也是經(jīng)常用到。在做視覺之前,他都是大家整理思緒的好幫手。


03 快速原型設(shè)計工具:Axure RP

Axure RP是一個專業(yè)的快速原型設(shè)計工具,Axure RP是美國Axure Software Solution公司旗艦產(chǎn)品,是一個專業(yè)的快速原型設(shè)計工具。主要讓定義需求和規(guī)格、設(shè)計功能和界面的專家(產(chǎn)品經(jīng)理、UI設(shè)計師)能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。作為專業(yè)的原型設(shè)計工具,它能快速、高效的創(chuàng)建原型,同時支持多人協(xié)作設(shè)計和版本控制管理。


04 動效設(shè)計:AE軟件

越來越多的國內(nèi)公司開始關(guān)注動效設(shè)計了,越來越多的團(tuán)隊意識到動效在產(chǎn)品用戶體驗中的重要性。

作為UI設(shè)計師,我們?yōu)槭裁葱枰獎有гO(shè)計?

終其一點:就是讓用戶更加爽、更加爽的用你的產(chǎn)品(App、網(wǎng)頁、軟件、智能硬件端等等)。動效設(shè)計由于可以將本來靜態(tài)的圖片、或者抽象的動態(tài)效果的很容易表達(dá)出來,所以,UI設(shè)計師除了必要的交互動效,通常為了表達(dá)抽象的交互體驗設(shè)計制作動效設(shè)計稿,這樣開發(fā)團(tuán)隊也能對即將開發(fā)的產(chǎn)品都有一個直觀的認(rèn)知?傊诮换ンw驗設(shè)計中用處很多,太強(qiáng)大了。

05 前端設(shè)計:Dw軟件(學(xué)習(xí)html、CSS、js)

Dreamweaver是html的開發(fā)工具,編寫靜態(tài)頁面和css樣式,提示很給力,前端工程師用的多一點,當(dāng)然還有其他更友好的編寫軟件,你可根據(jù)個人喜好來選擇,因為軟件都不是重點,思維和能力才是重點。UI設(shè)計師需要學(xué)習(xí)前端的布局和設(shè)計,但并非要精通。如果你能把交互設(shè)計與視覺設(shè)計真正做好達(dá)到,已經(jīng)算是行業(yè)的佼佼者了。

說起UI設(shè)計師學(xué)前端的初衷,大概還是因為各種華麗的網(wǎng)頁特效/交互太過吸引人,這種感覺大概就是:“Hey,我的設(shè)計稿(靜態(tài)圖片)可以做成網(wǎng)頁訪問了!好在,“展示”對于前端技術(shù)來說反而是最簡單的部分。

所以,放下你對“編程”兩個字的恐懼,從“稱不上是編程語言”的 HTML/CSS 開始,先做點有成就感的東西出來吧!對于設(shè)計師來說,最有成就感的一定是“可以看到的東西”,而 HTML/CSS 正是用來干這個的。

當(dāng)然,UI設(shè)計師們掌握這個技能并不是去搶前端開發(fā)的飯碗的,只是為了能夠更好的配合前端工程師們做好產(chǎn)品開發(fā)工作的。


UI設(shè)計工作全流程



總結(jié):

雖然,大家現(xiàn)在已經(jīng)了解了UI設(shè)計要常用的軟件。但并不能說,你學(xué)會使用這些軟件,就能成為一名合格的UI設(shè)計師;這種概率太小了!對于UI設(shè)計師,軟件僅僅只是一個表達(dá)設(shè)計想法的工具而已。

UI設(shè)計師需要的是真正的產(chǎn)品設(shè)計思維,清楚用戶的使用場景、用戶需求、理解企業(yè)的產(chǎn)品愿景,最終才能設(shè)計出一款用戶用著爽、企業(yè)需要的優(yōu)秀產(chǎn)品。

作為一個正在合格、優(yōu)秀的UI設(shè)計師,你要主要具備三種能力:界面視覺設(shè)計能力、交互體驗設(shè)計能力、用戶需求研究能力。通常,我們看到都是界面視覺設(shè)計,比如app的界面。但是對于UI設(shè)計師而言,這三種能力你需要從后往前開始,最終才能完成UI設(shè)計師的工作職責(zé);順序永遠(yuǎn)不可逆!


剛?cè)胄械男』锇閭,緊跟形勢,能讓你用最快的時間抓住趨勢,快人一步成為高薪大牛。悄悄告訴你,加入北大青鳥通州校區(qū)學(xué)UI設(shè)計,是你成功的捷徑哦~
北大青鳥網(wǎng)上報名
北大青鳥招生簡章