UI界面設(shè)計

一個優(yōu)秀的UI設(shè)計師應(yīng)該具備哪些能力？

5333

UI設(shè)計師在移動應(yīng)用產(chǎn)品設(shè)計、游戲軟件、多媒體制作、廣告設(shè)計、工業(yè)設(shè)計及醫(yī)療、軍事、科技、交通、通訊、商業(yè)流通領(lǐng)域都有廣闊的發(fā)展空間。那么，一個優(yōu)秀的UI設(shè)計師應(yīng)該具備哪些能力？

什么是UI設(shè)計?

圖片來自網(wǎng)絡(luò)

UI(User Interface)即用戶界面，也稱人機界面。是指用戶和某些系統(tǒng)進行交互方法的集合，這些系統(tǒng)不單單指電腦程序，還包括某種特定的機器，設(shè)備，復(fù)雜的工具等。

UI的本意是用戶界面，是英文User和interface的縮寫。從字面上看是用戶與界面2個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系。

界面設(shè)計需要定位用戶、使用環(huán)境、使用方式并且為最終用戶而設(shè)計。檢驗一個界面的標(biāo)準(zhǔn)既不是某個項目開發(fā)組領(lǐng)導(dǎo)的意見也不是項目成員投票的結(jié)果，而是最終用戶的真實需求所決定。所以界面設(shè)計要和用戶研究緊密結(jié)合，是一個不斷為最終用戶設(shè)計滿意視覺效果的過程。

設(shè)計門檻低

圖片來自網(wǎng)絡(luò)

市面上通過幾個月的培訓(xùn)就可以直接上崗，以前是學(xué)習(xí)Ps就可以做設(shè)計，現(xiàn)在學(xué)Sketch就門檻更低了，幾個小時就能學(xué)會了。以前要學(xué)擬物手繪，現(xiàn)在設(shè)計都趨于扁平化了，是不是意味著學(xué)習(xí)門檻更低了。

門檻低意味著進入的人會更多，人多了競爭就來了。根據(jù)二八原則哪怕是剛培訓(xùn)的小白或在校的學(xué)生都會進行社會，他們中20%也是可以找到不錯的工作。

表面上門檻低大家都可以進入設(shè)計行業(yè)，但是往高級資深走往往要求會越來越高，從設(shè)計技法上需要你會動效、插畫、三維等，從產(chǎn)品流程上需要你懂點下游的前端代碼、上游的交互用研，還需要你對字體、品牌、配色、排版、動效、插畫、三維、圖形、圖標(biāo)、設(shè)計語言等有一項是比較擅長的。

這就是門檻低帶來的競爭壓力。意味著我們需要不斷學(xué)習(xí)，提升自己的核心競爭力。

關(guān)于學(xué)歷

圖片來自網(wǎng)絡(luò)

以前UI行業(yè)剛興起時做設(shè)計只要作品好，學(xué)歷真的沒太大影響?，F(xiàn)在隨著人才升級，互聯(lián)網(wǎng)企業(yè)增速放緩更趨于穩(wěn)定化，HR慢慢的也開始卡學(xué)歷，個別好的高級崗位會對學(xué)歷要求更為嚴(yán)格。設(shè)計作品再好，如果不能到達面試官手里一切都是浮云。

每家企業(yè)都很看重人才的穩(wěn)定性，京東招聘更提出25原則，就是五年內(nèi)不能換三份工作，平均每份工作不低于兩年，或者一份工作不低于三年。最低要求還需要全日制本科。

這還不算什么，很多校招都要求985、211院校畢業(yè)的。原因很簡單，大家理所應(yīng)當(dāng)?shù)恼J(rèn)為學(xué)習(xí)好的工作能力也差不到哪去。

還有一種就是有海外留學(xué)背景回國的，他們最大的優(yōu)勢就是英語流利或有國外科學(xué)的流程方法論的用戶研究，我們用的系統(tǒng)軟件都是基于英語開發(fā)的。包括現(xiàn)在流行的設(shè)計趨勢也大多來自國外。國外還有大量優(yōu)秀的設(shè)計文章，他們比我們有很大優(yōu)勢。

現(xiàn)在國內(nèi)UI、交互、產(chǎn)品、視覺、前端相對開發(fā)的比較完善了，目前最后的一個缺口就是用鹽（用戶研究），一些大廠和有追求的公司在這方面招人基本都需要海外背景并且有用戶體驗相關(guān)的專業(yè)院校，雖然用戶體驗調(diào)研方法有很多，但是更科學(xué)成體系的流程和方法論并沒有，這塊基本都是高薪求人才！

英語要求

圖片來自網(wǎng)絡(luò)

以前一直覺得只有外企才需要會說英語的硬性要求，自己有三年多玩追波社區(qū)的經(jīng)驗，通過追波接觸到越來越多的有海外背景的人回國創(chuàng)業(yè)，找工作。一些好的硅谷創(chuàng)業(yè)公司會在上海建立分公司，都需要你會流利的英語。

記得第一次參加追波上海meetup分享會時，當(dāng)時有個加拿大華僑嘉賓只會英語，最后的問答環(huán)節(jié)時只有第一個提問者用中文提問，當(dāng)?shù)诙€提問者考慮到華僑嘉賓開始英語提問后，后年的提問者全部都用流利的英語進行提問時，英語很差的我頓時很羞愧。第一次感覺到大上海是一個國際化城市。

很多招聘崗位英語也是硬性要求，沒有硬性要求的也至少是一個加分項。目前公司UED團隊每日分享的文章90%都是英文的，這真的需要我開始慢慢嘗試學(xué)習(xí)英語，至少先開始學(xué)習(xí)設(shè)計相關(guān)術(shù)語、大廠系統(tǒng)指南、組件、設(shè)計模式、設(shè)計流程等相關(guān)英語的學(xué)習(xí)?？磥砗煤脤W(xué)習(xí)英語是逃不過去的。

同質(zhì)化競爭

圖片來自網(wǎng)絡(luò)

同質(zhì)化競爭是指同一類系列的不同品牌的產(chǎn)品，在外觀設(shè)計、理化性能、使用價值、包裝與服務(wù)、營銷手段上相互模仿，以至產(chǎn)品的技術(shù)含量、使用價值逐漸趨同的現(xiàn)象。

國內(nèi)在電商產(chǎn)品設(shè)計中同質(zhì)化競爭太激烈了，以至于我們打開國內(nèi)的電商類APP從信息架構(gòu)到界面結(jié)構(gòu)基本雷同，能進行區(qū)分的只有圖標(biāo)、Banner、圖片的精美度。這也導(dǎo)致了之前提到的門檻低，培訓(xùn)幾個月就可以上崗，完成相關(guān)的設(shè)計是沒有任何問題的。

同質(zhì)化競爭越來越激烈，這就要求我們?nèi)绾巫龀霾町惢脑O(shè)計，敢于創(chuàng)意，用更科學(xué)和嚴(yán)謹(jǐn)?shù)膽B(tài)度去創(chuàng)新。美團就是一個很典型的列子。

最近美團變黃了，因為黃色代表著熱情、溫暖，象征著美團始終堅守“幫大家吃得更好，生活更好”的使命，致力于為用戶提供更優(yōu)質(zhì)、有溫度的一站式生活服務(wù)，幫助人們向美好生活靠近。

調(diào)查研究顯示，人們在挑選商品和服務(wù)時存在“七秒鐘定律”：人們只需要7秒鐘就可以確定是否感興趣，而在這短暫的7秒鐘內(nèi)，色彩的作用占到了67%?！吧实恼碱I(lǐng)在人們的品牌認(rèn)知和消費行為上有著重要意義。

設(shè)計領(lǐng)域細(xì)分化

圖片來自網(wǎng)絡(luò)

設(shè)計領(lǐng)域更加細(xì)分化，2009年以前只有網(wǎng)頁設(shè)計師，隨著互聯(lián)網(wǎng)的發(fā)展，設(shè)計師也慢慢細(xì)分為UI設(shè)計師、視覺設(shè)計師、交互設(shè)計師、用戶體驗設(shè)計師、產(chǎn)品設(shè)計師、全鏈路設(shè)計師等。

都說設(shè)計是相通的，那是以前或者說設(shè)計領(lǐng)域的初級水平可以說設(shè)計是相通的，設(shè)計領(lǐng)域細(xì)分化意味著每個細(xì)分領(lǐng)域知識點和方法論也會截然不同，隨著每個細(xì)分領(lǐng)域的深耕會開發(fā)出屬于自己細(xì)小領(lǐng)域的流程和方法論。

Ps就是一個很好的例子，以前設(shè)計什么都可以使用Ps，當(dāng)時每個設(shè)計細(xì)分領(lǐng)域都會深耕自己的專業(yè)知識點，比如修圖師會更在意調(diào)色技巧，UI學(xué)擬物會更在意造型和圖層樣式。隨著設(shè)計的輕量化，Sketch慢慢代替Ps在界面設(shè)計的地位，Sketch輕量易學(xué)方便管理，Sketch的Sysbol組件化的靈活性和Library庫的調(diào)用，大大提升了設(shè)計協(xié)作和效率。

學(xué)習(xí)力

圖片來自網(wǎng)絡(luò)

現(xiàn)在信息是相當(dāng)開放，想找到自己需要學(xué)習(xí)的知識點是非常容易的，無論是技巧點還是方法論相關(guān)的文章都很多。記得我以前學(xué)PS可以把國外PS網(wǎng)站教程從第一頁翻到最后一頁。那時候資源相當(dāng)匱乏，有教程就不錯了，不會在意教程的優(yōu)劣。

現(xiàn)在不同了，資源太豐富了網(wǎng)上隨便搜2.5教程，有Ps、Ai、C4d等不同軟件制作方法和技巧，這時候?qū)W習(xí)的人也會很痛苦，他不知道哪種方法更適合他，哪種他學(xué)起來會更高效，因為方法多而陷入了選擇困難。

這時候?qū)W習(xí)力就體現(xiàn)出來了，誰能在信號爆炸時代快速找到你的學(xué)習(xí)教程，快速的分辨哪個方法更適合自己，并通過實踐掌握對應(yīng)的技巧點，不斷優(yōu)化最終吸收成自己的東西。

社會上大體分為三種人，一種人就是知道有很多知識點；另一種人是不單單知道有很多知識點，他還會對這些知識點進行分門別類，找出其中的差異；最后一種人就是不單知道分門別類，還能通過某種路徑進行把知識點串連起來。

學(xué)習(xí)力強的人會通過各種互聯(lián)網(wǎng)平臺發(fā)布作品后得到更多人的認(rèn)可，會更加勤奮自律不斷產(chǎn)出，慢慢脫離自己的迷茫區(qū)。學(xué)習(xí)能力弱的人可能會陷入道理我都懂可還是做不好設(shè)計的狀態(tài)。

打好基礎(chǔ)

圖片來自網(wǎng)絡(luò)

這幾年UI行業(yè)的興起，待遇也水漲船高，很多了為了能拿到更好的待遇會加速自己的學(xué)習(xí)進程，當(dāng)提到某個基本知識點時，你可能也能說出了一兩個知識點，但是繼續(xù)追問下去就會發(fā)現(xiàn)自己有很多不足？

這是現(xiàn)在大部分設(shè)計師存在的普遍現(xiàn)象，大家都很急很急，UI還沒學(xué)好就想著轉(zhuǎn)交互轉(zhuǎn)用研轉(zhuǎn)產(chǎn)品，可能很少的人會思考我是不是需要學(xué)習(xí)點平面知識來打牢打牢我的基礎(chǔ)知識。

UI什么是基礎(chǔ)呢？字體、圖標(biāo)、圖片、圖形、顏色、排版、規(guī)范、動效、視覺。因為上面提到同質(zhì)化競爭的問題，在UI界面設(shè)計中，字體默認(rèn)蘋方、Robote , 配色多為企業(yè)品牌色，規(guī)范是iOS、Material design兩大類。所以真正能體現(xiàn)你設(shè)計能力就剩下圖標(biāo)和排版能力，太多作品集中圖標(biāo)這種基礎(chǔ)的還沒畫好你憑什么從競爭中脫引而出。

這幾年的招聘中能明顯看出UI+是趨勢？UI+品牌、UI+動效、UI+交互、UI+產(chǎn)品、UI+視覺、UI+前端看到這里突然發(fā)現(xiàn)UI是基礎(chǔ)，只有掌握好了UI在加上其他附屬技能，個人認(rèn)為附屬技能中品牌、產(chǎn)品、前端會更冷門一點競爭相對較少。

20%工作技能需要100%的知識儲備

圖片來自網(wǎng)絡(luò)

我們在實際工作中無論是軟件知識還是理論知識，真正常用的工具可能占軟件功能的20%都不到，但是我們需要盡可能多的了解其他20%外技能點，當(dāng)工作中別人遇到不會制作的效果時，你能通過某種技巧快速的解決問題的能力。這就需要我們足夠多的知識儲備。

好的設(shè)計師是不單單很好的完成自己的工作，還能預(yù)判風(fēng)險。當(dāng)在處理某個項目時，比如產(chǎn)品設(shè)計時當(dāng)接到一個需求改了某個模塊的界面時是否能想到程序?qū)崿F(xiàn)改動這個界面的公共樣式會影響到其他界面的樣式。

再比如我們制作一個很簡單的三折頁，我們是否考慮使用的字體是否侵權(quán)？使用圖片是否引用進來？使用的圖片是否高清？品牌色是否使用專色還是使用CMYK油墨打??？打印實際效果顏色有偏差是否印前讓供應(yīng)商打個樣？給出來的文件是否出血？是否檢查文字無錯誤？是否擴展？擴展后是否有文字偏移？等等都是設(shè)計師需要考慮的。我們不單單需要對自己的設(shè)計作品負(fù)責(zé)，更需要對設(shè)計作品在實際場景應(yīng)用負(fù)責(zé)。

團隊協(xié)同規(guī)范化

圖片來自網(wǎng)絡(luò)

現(xiàn)在越來越多的公司會成立UED團隊，在UED團隊中我們需要與上游產(chǎn)品和市場、下游研發(fā)進行跨部門的協(xié)同，我們設(shè)計團隊部門的每個成員之間也需要設(shè)計協(xié)同。

這就要求我們慢慢搭建屬于每個公司或者每個產(chǎn)品的設(shè)計系統(tǒng)語言，我們需要通過原子系統(tǒng)理論從原子到分子到組織到模版到頁面，使用組件化思維對組件重新定義擴展適配讓其運用到更多的設(shè)計場景中去。對所有的設(shè)計文檔進行歸類和說明。必要時可以構(gòu)建團隊的知識庫，方便新成員學(xué)習(xí)。有了規(guī)劃化的設(shè)計語言每個成員在實際使用中根據(jù)組件進行設(shè)計，在設(shè)計的同時慢慢優(yōu)化組件，按照這套標(biāo)準(zhǔn)才能確保我們每個成員做出來的設(shè)計看上去更像是一個人設(shè)計出來的效果。

方法論（價值的傳遞）

圖片來自網(wǎng)絡(luò)

大多數(shù)人的工作基本都是在一個行業(yè)里面進行深耕，跳槽時也是選擇類似的競品公司。但是我們做設(shè)計的基本都是跨行業(yè)的比較多，每次做個兩三年對某個行業(yè)背景慢慢了解又開始轉(zhuǎn)向另一個行業(yè)。對此我們是否有考慮過價值的傳遞和延續(xù)性。

這就需要我們抽象總結(jié)提煉出設(shè)計相關(guān)的方法論，雖然換了公司但是我們還是要面對的是上游產(chǎn)品市場下游研發(fā)，我們需要提煉總結(jié)一些產(chǎn)品思維、邏輯思維、前端思維、服務(wù)思維。當(dāng)有了這些方法論的總結(jié)經(jīng)驗會增加我們設(shè)計價值的傳遞。

設(shè)計思維