旗下產(chǎn)業(yè): A產(chǎn)業(yè)/ A實習(xí)/ A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > 平面設(shè)計 > 非設(shè)計類專業(yè)學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些基本技能
非設(shè)計類專業(yè)學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些基本技能
時間:2020-11-13來源:5wd995.cn點擊量:作者:Gella
時間:2020-11-13點擊量:作者:Gella


  最近有好多小伙伴私信我:胡老師,我不是設(shè)計類專業(yè)的,我學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些基本技能呢?我想說的是,有沒有學(xué)過設(shè)計,對于學(xué)習(xí)曲線來說可能會有一點不同,但其實影響不大(我也認識許多非設(shè)計背景的UI設(shè)計師),差別只在于對視覺上的敏銳度可能較低一點,所以要多花一點時間培養(yǎng)所謂的“設(shè)計眼”,觀念上和工作流程都是必須重新學(xué)習(xí)的。

非設(shè)計類專業(yè)學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些基本技能

  話不多說開始吧。

  1.基本的美感

  雖然上面提到界面設(shè)計更重視的是「使用體驗」,但我相信大部分的人應(yīng)該都會在意第一眼的視覺印象,一個不好看的界面基本上也很難在一開始引起使用者的興趣,這邊指的「不好看」是在配色的協(xié)調(diào)或是閱讀性的編排上讓使用者感到不適,而美感的養(yǎng)成需要長時間的訓(xùn)練,初期的的建議可以在設(shè)計平臺上( Dribbble、Behance、Pinterest )看「大量」優(yōu)秀設(shè)計師的作品,甚至先從模仿開始,慢慢的去拆解這些作品背后的設(shè)計邏輯,也可以參加像是DaliyUI這樣的挑戰(zhàn)磨練自己,之后有機會再寫一篇分享「美感是如何練成的」。

  2.理解設(shè)計規(guī)范(Guidelines)

  與其說是規(guī)范,應(yīng)該說是設(shè)計語言。在做UI時,根據(jù)不同平臺有其適合的設(shè)計語言,例如iOS系統(tǒng)的人機界面指南(Human Interface Guidelines),Andriod系統(tǒng)有Google所發(fā)布的Material Design,做網(wǎng)頁也要了解基本的網(wǎng)格系統(tǒng)和響應(yīng)式網(wǎng)頁等等,理解這些設(shè)計語言可以幫助我們在平臺上建立一致的使用體驗,也可以幫助我們在開發(fā)端的溝通上更加順暢,所以這就像練功的基本功一樣,必須熟悉了解。

  3.動手實作

  今天如果你要開一間咖啡廳,至少要會做咖啡吧?了解設(shè)計規(guī)范之后,再來就是動手做,一開始可以先從手邊有的界面來做練習(xí),模仿刻出一個一模一樣的界面,甚至可以用一些原型(prototype)工具把你的設(shè)計稿串起來。你也需要了解各種裝置及解析度設(shè)計時的差異、如何匯出檔案交付工程師等等,過程中大量的爬文是少不了的,自學(xué)的過程中常常因為沒人交流所以無法驗證自己的流程是否正確,不過我相信這些都是可以在未來靠經(jīng)驗彌補的,一開始方法錯了沒關(guān)系(被RD罵幾次就懂了XD),重要的是花時間實作練習(xí)。

  4. 提高工作效率

  拜科技所賜,UI設(shè)計工具越來越多,大部分的工具提供了基本的功能,但要有效率的工作就不是那么容易的事情,熟練工具的快捷鍵是基本功,接著是活用工具以及思考怎么優(yōu)化自己的流程,UI設(shè)計常常是牽一發(fā)動全身的事情,當(dāng)你設(shè)計了好幾十個頁面,這時突然要改一個按鈕的顏色或是字體怎么辦?一個一個改實在太傷神了,如果有用Sketch的朋友,請愛用Symbol和Share Style,做好元件管理非常重要,可以省下不少涂涂改改的時間。

非設(shè)計類專業(yè)學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些基本技能

  除此之外你還可以做什么?

  下載App store排行榜上的App或是你覺得好用的App,認真思考這些App的交互流程是如何編排,也可以截圖下來研究,一個好的UI/UX設(shè)計其實是會讓你感受不到它的存在的,你可以很快找到你需要的「內(nèi)容」和「目的地」,持續(xù)的做這件事,覺得不好用的App就刪掉,認真記錄這些App的優(yōu)缺點避免自己犯相同的錯誤,同時也能讓自己的思路更加清晰。

  當(dāng)然,你也可以做一些「假專案」,把你心中的點子實際做成一組界面,有時間的話可以從架構(gòu)開始思考,沒時間的話直接做視覺吧,把腦海中想像的畫面做出來,說不定哪天遇到一個工程師就能真正把這個點子實現(xiàn)了呢!如果沒什么想法,Re-design也是個好選擇,市場上有不少UI設(shè)計不良的App,尤其公家單位的XD,如果可以把他們Re-design變成一個好用又好看的產(chǎn)品,應(yīng)該會滿有成就感的吧?

  最后,找工作前可能還是需要準(zhǔn)備一些UI作品,這邊要提醒一點的是,作品集重質(zhì)不重量,不需要很多,不要放太多跟UI設(shè)計無關(guān)的東西,最好是有一兩個比較完整的作品,有辦法清楚闡述你的設(shè)計理念,最好表現(xiàn)出你對UI設(shè)計無比的熱情,當(dāng)你具備基本觀念加上一些作品展示,相信你應(yīng)該已經(jīng)可以出門找UI設(shè)計相關(guān)工作了,當(dāng)你正式踏入UI設(shè)計產(chǎn)業(yè),需要精進的就不只是眼睛看得到的東西了,而是更關(guān)心使用者如何在你的界面中自在的游走了。

  最后

  希望這片文章可以幫助到不是設(shè)計類專業(yè),準(zhǔn)備轉(zhuǎn)行UI設(shè)計的小伙伴們!如果大家有什么問題可以私信胡老師,胡老師會竭盡全力幫大家解決問題~

推薦新聞
?2007-2019/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2019/ 5wd995.cn 北京漫動者教育科技有限公司 備案號:京ICP備12034770號 監(jiān)督電話:010-62568622 郵箱:bjaaa@aaaedu.cc