|
對于很多UI設(shè)計(jì)初學(xué)者來說他們最關(guān)心的是設(shè)計(jì)軟件。其實(shí)，你應(yīng)該發(fā)現(xiàn)軟件以外的真正UI設(shè)計(jì)的能力，軟件僅僅只是一個工具。今天這篇文章就是給予初學(xué)者正確的UI設(shè)計(jì)觀念。
UI設(shè)計(jì)需要什么軟件？
如今，UI設(shè)計(jì)師的出現(xiàn)，是互聯(lián)網(wǎng)時代的設(shè)計(jì)變革帶來的。越來越多的設(shè)計(jì)人加入了這個新興的職業(yè)，有的人看重UI設(shè)計(jì)的高薪資，有的人看到無限美好的職業(yè)前景?？傊?，就是各位小伙伴要轉(zhuǎn)行UI設(shè)計(jì)了，說到IT互聯(lián)網(wǎng)設(shè)計(jì)，很多人肯定要問一問，都用啥軟件設(shè)計(jì)呢？但其實(shí)最關(guān)心還是UI設(shè)計(jì)的需要學(xué)習(xí)的能力。
UI是“用戶界面”的意思，UI設(shè)計(jì)涉及到的領(lǐng)域有：設(shè)計(jì)心理學(xué)，情感化設(shè)計(jì)，視覺設(shè)計(jì)，美術(shù)原理知識等。
由于軟件產(chǎn)品的設(shè)計(jì)主要分為兩個部分：UI設(shè)計(jì)與編程設(shè)計(jì)。UI設(shè)計(jì)師實(shí)際是對軟件的人機(jī)交互、操作邏輯、界面美觀等整體進(jìn)行設(shè)計(jì)；之后編程工程師才能根據(jù)這些界面與交互規(guī)范文檔進(jìn)行軟件的編程開發(fā)，實(shí)現(xiàn)這些界面并最終能夠被用戶使用。
UI設(shè)計(jì)師的日常工作是一個系統(tǒng)性的工作，所以使用到的軟件各不相同，下面具體來進(jìn)行說明：
UI設(shè)計(jì)視覺設(shè)計(jì)軟件
Photoshop是一款強(qiáng)大的圖片處理軟件，因此它不只是修修照片、你用它還能完成UI設(shè)計(jì)。另外，對于圖標(biāo)的設(shè)計(jì)，是用矢量繪圖軟件制作的，這樣放大才不會失真，沒有虛邊，所以你可能還要用到AI。但是據(jù)行業(yè)數(shù)據(jù)統(tǒng)計(jì)，UI設(shè)計(jì)行業(yè)中，常用的主要軟件為：PS和AI。
另外，專注UI設(shè)計(jì)的新時代產(chǎn)品，還有Sketch軟件，Sketch是一個非常友好的軟件，專注于UI設(shè)計(jì)。它讓我們盡可能少復(fù)雜的軟件操作，將設(shè)計(jì)中對UI的思考的時間放在了首位，讓我們專注于響應(yīng)式的設(shè)計(jì)而不是ps中照片的編輯，關(guān)注于交互和動畫而不是材質(zhì)，但其市場占有率還在緩慢增長中，原因是僅限蘋果系統(tǒng)使用。
但沒有關(guān)系，當(dāng)你PS通吃后（相信skecth對你來說就是1-2天，幾個小時課程的時間，因?yàn)樗慕缑娼换?shí)在太友好了：直觀、簡單、易操作）。
思維導(dǎo)圖軟件：XMind
MindManager或XMind都為思維導(dǎo)圖軟件，具體使用哪個軟件并不重要，根據(jù)個人習(xí)慣就行。
思維導(dǎo)圖想必大家在進(jìn)行策劃分析和頭腦風(fēng)暴時，都用過。在UI設(shè)計(jì)中，也是經(jīng)常用到。在做視覺之前，他都是大家整理思緒的好幫手。
快速原型設(shè)計(jì)工具：Axure RP
Axure RP是一個專業(yè)的快速原型設(shè)計(jì)工具，Axure RP是美國Axure Software Solution公司旗艦產(chǎn)品，是一個專業(yè)的快速原型設(shè)計(jì)工具。
主要讓定義需求和規(guī)格、設(shè)計(jì)功能和界面的專家（產(chǎn)品經(jīng)理、UI設(shè)計(jì)師）能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。
作為專業(yè)的原型設(shè)計(jì)工具，它能快速、高效的創(chuàng)建原型，同時支持多人協(xié)作設(shè)計(jì)和版本控制管理。
動效設(shè)計(jì)：AE軟件
越來越多的國內(nèi)公司開始關(guān)注動效設(shè)計(jì)了，越來越多的團(tuán)隊(duì)意識到動效在產(chǎn)品用戶體驗(yàn)中的重要性。
作為UI設(shè)計(jì)師，我們?yōu)槭裁葱枰獎有гO(shè)計(jì)？
終其一點(diǎn)：就是讓用戶更加爽、更加爽的用你的產(chǎn)品（App、網(wǎng)頁、軟件、智能硬件端等等）。動效設(shè)計(jì)由于可以將本來靜態(tài)的圖片、或者抽象的動態(tài)效果的很容以表達(dá)出來，所以，UI設(shè)計(jì)師除了必要的交互動效，通常為了表達(dá)抽象的交互體驗(yàn)設(shè)計(jì)制作動效設(shè)計(jì)稿，這樣開發(fā)團(tuán)隊(duì)也能對即將開發(fā)的產(chǎn)品都有一個直觀的認(rèn)知。
總之，在交互體驗(yàn)設(shè)計(jì)中用處很多，太強(qiáng)大了。
前端設(shè)計(jì)：Dw軟件
Dreamweaver是html的開發(fā)工具，編寫靜態(tài)頁面和css樣式，提示很給力，前端工程師用的多一點(diǎn)，當(dāng)然還有其他更友好的編寫軟件，你可根據(jù)個人喜好來選擇，因?yàn)檐浖疾皇侵攸c(diǎn)，思維和能力才是重點(diǎn)。UI設(shè)計(jì)師需要學(xué)習(xí)前端的布局和設(shè)計(jì)，但并非要精通。如果你能把交互設(shè)計(jì)與視覺設(shè)計(jì)真正做好達(dá)到，已經(jīng)算是行業(yè)的佼佼者了。
說起UI設(shè)計(jì)師學(xué)前端的初衷，大概還是因?yàn)楦鞣N華麗的網(wǎng)頁特效/交互太過吸引人，這種感覺大概就是：“Hey，我的設(shè)計(jì)稿（靜態(tài)圖片）可以做成網(wǎng)頁訪問了！好在，“展示”對于前端技術(shù)來說反而是最簡單的部分。
所以，放下你對“編程”兩個字的恐懼，從“稱不上是編程語言”的 HTML/CSS 開始，先做點(diǎn)有成就感的東西出來吧！對于設(shè)計(jì)師來說，最有成就感的一定是“可以看到的東西”，而 HTML/CSS 正是用來干這個的。
當(dāng)然，UI設(shè)計(jì)師們掌握這個技能并不是去搶前端開發(fā)的飯碗的，只是為了能夠更好的配合前端工程師們做好產(chǎn)品開發(fā)工作的。
UI設(shè)計(jì)工作全流程
總結(jié)：
雖然，大家現(xiàn)在已經(jīng)了解了UI設(shè)計(jì)要常用的軟件。但并不能說，你學(xué)會使用這些軟件，就能成為一名合格的UI設(shè)計(jì)師；這種概率太小了！對于UI設(shè)計(jì)師，軟件僅僅只是一個表達(dá)設(shè)計(jì)想法的工具而已。
UI設(shè)計(jì)師需要的是真正的產(chǎn)品設(shè)計(jì)思維，清楚用戶的使用場景、用戶需求、理解企業(yè)的產(chǎn)品愿景，最終才能設(shè)計(jì)出一款用戶用著爽、企業(yè)需要的優(yōu)秀產(chǎn)品。
作為一個正在合格、優(yōu)秀的UI設(shè)計(jì)師，你要主要具備三種能力：界面視覺設(shè)計(jì)能力、交互體驗(yàn)設(shè)計(jì)能力、用戶需求研究能力。通常，我們看到都是界面視覺設(shè)計(jì)，比如app的界面。但是對于UI設(shè)計(jì)師而言，這三種能力你需要從后往前開始，最終才能完成UI設(shè)計(jì)師的工作職責(zé)；順序永遠(yuǎn)不可逆！
 |
