對于UI設(shè)計初學者最關(guān)系的是設(shè)計軟件。其實,你應(yīng)該發(fā)現(xiàn)軟件以外的真正UI設(shè)計的能力,軟件僅僅只是一個工具。今天這篇文章就是給予初學者正確的UI設(shè)計觀念
UI設(shè)計需要什么軟件?
如今,UI設(shè)計師的出現(xiàn),是互聯(lián)網(wǎng)時代的設(shè)計變革帶來的。越來越多的設(shè)計人加入了這個新興的職業(yè),有的人看重UI設(shè)計的高薪資,有的人看到無限美好的職業(yè)前景??傊?,就是各位小伙伴要轉(zhuǎn)行UI設(shè)計了,說到IT互聯(lián)網(wǎng)設(shè)計,很多人肯定要問一問,都用啥軟件設(shè)計呢?但其實最關(guān)心還是UI設(shè)計的需要學習的能力。
UI是“用戶界面”的意思,UI設(shè)計涉及到的領(lǐng)域有:設(shè)計心理學,情感化設(shè)計,視覺設(shè)計,美術(shù)原理知識等。
由于軟件產(chǎn)品的設(shè)計主要分為兩個部分:UI設(shè)計與編程設(shè)計。UI設(shè)計師實際是對軟件的人機交互、操作邏輯、界面美觀等整體進行設(shè)計;之后編程工程師才能根據(jù)這些界面與交互規(guī)范文檔進行軟件的編程開發(fā),實現(xiàn)這些界面并最終能夠被用戶使用。
UI設(shè)計師的日常工作是一個系統(tǒng)性的工作,所以使用到的軟件各不相同,以下將源引優(yōu)途UI教育課程中軟件的使用分布,來進行說明:
一、UI設(shè)計視覺設(shè)計軟件:PS 、Sketch
Photoshop是一款強大的圖片處理軟件,因此它不只是修修照片、你用它還能完成UI設(shè)計。另外,對于圖標的設(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)系,當你PS通吃后(相信skecth對你來說就是1-2天,幾個小時課程的時間,因為他的界面交互實在太友好了:直觀、簡單、易操作)。
二、思維導圖軟件:MindManager或XMind
MindManager或XMind都為思維導圖軟件,具體使用哪個軟件并不重要,根據(jù)個人習慣就行。
思維導圖想必大家在進行策劃分析和頭腦風暴時,都用過。在UI設(shè)計中,也是經(jīng)常用到。優(yōu)途UI設(shè)計培訓中特開設(shè)該課程就是主要用來整理產(chǎn)品需求思路、產(chǎn)品架構(gòu)、產(chǎn)品的交互邏輯等等??傊?,在做視覺之前,他都是大家整理思緒的好幫手。
三、快速原型設(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è)計和版本控制管理。
四、動效設(shè)計:AE軟件
越來越多的國內(nèi)公司開始關(guān)注動效設(shè)計了,越來越多的團隊意識到動效在產(chǎn)品用戶體驗中的重要性。作為UI設(shè)計師,我們?yōu)槭裁葱枰獎有гO(shè)計?
終其一點:就是讓用戶更加爽、更加爽的用你的產(chǎn)品(App、網(wǎng)頁、軟件、智能硬件端等等)。動效設(shè)計由于可以將本來靜態(tài)的圖片、或者抽象的動態(tài)效果的很容以表達出來,所以,UI設(shè)計師除了必要的交互動效,通常為了表達抽象的交互體驗設(shè)計制作動效設(shè)計稿,這樣開發(fā)團隊也能對即將開發(fā)的產(chǎn)品都有一個直觀的認知。總之,在交互體驗設(shè)計中用處很多,太強大了。
五、前端設(shè)計:Dw軟件(學習html、CSS、jsp)
Dreamweaver是html的開發(fā)工具,編寫靜態(tài)頁面和css樣式,提示很給力,前端工程師用的多一點,當然還有其他更友好的編寫軟件,你可根據(jù)個人喜好來選擇,因為軟件都不是重點,思維和能力才是重點。 UI設(shè)計師需要學習前端的布局和設(shè)計,但并非要精通。如果你能把交互設(shè)計與視覺設(shè)計真正做好達到,已經(jīng)算是行業(yè)的佼佼者了。
說起UI設(shè)計師學前端的初衷,大概還是因為各種華麗的網(wǎng)頁特效/交互太過吸引人,這種感覺大概就是:“Hey,我的設(shè)計稿(靜態(tài)圖片)可以做成網(wǎng)頁訪問了呢! 好在,“展示”對于前端技術(shù)來說反而是最簡單的部分。所以,放下你對“編程”兩個字的恐懼,從“稱不上是編程語言”的 HTML/CSS 開始,先做點有成就感的東西出來吧!對于設(shè)計師來說,最有成就感的一定是“可以看到的東西”,而 HTML/CSS 正是用來干這個的。
當然,UI設(shè)計師們掌握這個技能并不是去搶前端開發(fā)的飯碗的,只是為了能夠更好的配合前端工程師們做好產(chǎn)品開發(fā)工作的。
總結(jié):
雖然,大家現(xiàn)在已經(jīng)了解了UI設(shè)計要常用的軟件。但并不能說,你學會使用這些軟件,就能成為一名合格的UI設(shè)計師; 這種概率太小了!對于UI設(shè)計師,軟件僅僅只是一個表達設(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è)計師的工作職責;順序永遠不可逆!