先說(shuō)說(shuō)我自己：01 年考入北京郵電大學(xué)工業(yè)設(shè)計(jì)專(zhuān)業(yè)，一個(gè)全新的專(zhuān)業(yè)，很多同學(xué)都是被調(diào)劑過(guò)來(lái)的，沒(méi)有藝術(shù)基礎(chǔ)，大家都是從小白被動(dòng)開(kāi)始學(xué)設(shè)計(jì)，既沒(méi)興趣，也沒(méi)基礎(chǔ)。那時(shí)候“設(shè)計(jì)”和“用戶體驗(yàn)”的概念遠(yuǎn)沒(méi)有現(xiàn)在這么成熟，但是很多同學(xué)經(jīng)過(guò)這么多年的歷練，在行業(yè)內(nèi)都成了頂呱呱的設(shè)計(jì)師或者領(lǐng)導(dǎo)者。自己也開(kāi)過(guò)十來(lái)年的設(shè)計(jì)公司，有設(shè)計(jì)背景和轉(zhuǎn)行學(xué)設(shè)計(jì)的都面試過(guò)很多，有些“自學(xué)成才”的小白，每天埋頭臨摹各種花哨的圖標(biāo)，精通 C4D，但是做出的界面十分粗糙，顯然努力錯(cuò)了方向；也接觸過(guò)很多培訓(xùn)機(jī)構(gòu)出來(lái)的學(xué)員，簡(jiǎn)歷和作品集千篇一律，問(wèn)到對(duì)互聯(lián)網(wǎng)產(chǎn)品的了解以及作品中的思考卻又支支吾吾。當(dāng)然也有不少通過(guò)自己努力成功入行的。所以建議題主在入行之前一定要認(rèn)真了解行業(yè)現(xiàn)狀、互聯(lián)網(wǎng)公司一般的用人需求，然后再有針對(duì)性地學(xué)習(xí)和準(zhǔn)備。小白的學(xué)習(xí)方式一般學(xué) UI 設(shè)計(jì)分為自學(xué)和上培訓(xùn)班（很多大學(xué)生畢業(yè)后也會(huì)選擇培訓(xùn)班系統(tǒng)學(xué)習(xí)）兩種：自學(xué)的優(yōu)勢(shì)是省錢(qián)，但是會(huì)缺乏系統(tǒng)性（現(xiàn)在是知識(shí)變現(xiàn)的年代，真正的干貨是不會(huì)免費(fèi)的），也會(huì)浪費(fèi)大量的時(shí)間；上培訓(xùn)班可以系統(tǒng)學(xué)習(xí)，但是問(wèn)題是不靠譜的很多（包括機(jī)構(gòu)和個(gè)人），有很多就是有幾年的工作經(jīng)驗(yàn)就急于跑出來(lái)變現(xiàn)的。例如在某某課堂上看到老師講的東西，連概念都搞不清。

至于有些機(jī)構(gòu)這些年打著招聘的旗號(hào)招學(xué)員，打著包就業(yè)的幌子，在學(xué)習(xí)中教學(xué)生簡(jiǎn)歷造假的丑聞就太多了。

設(shè)計(jì)師系統(tǒng)學(xué)習(xí)的流程和方法：

一、認(rèn)清概念，UI、UE、UX、GUI、ID 有什么區(qū)別？我們常說(shuō)的 UI 設(shè)計(jì)，即用戶界面設(shè)計(jì)“User Interface Design”，大家常常混淆幾個(gè)概念：UE、UX、UI 、GUI、ID，我們一起看看他們之間的關(guān)系和區(qū)別：

很多傳統(tǒng)的企業(yè)把 UI 設(shè)計(jì)等同于美工，實(shí)際上有很大的差別，美工主要是負(fù)責(zé)界面的美化，而 UI 設(shè)計(jì)師不僅要負(fù)責(zé)界面的美觀，還要站在產(chǎn)品的角度，參與流程的優(yōu)化、把設(shè)計(jì)進(jìn)行工程化的輸出。二、學(xué)會(huì)評(píng)判設(shè)計(jì)，好設(shè)計(jì)的四個(gè)標(biāo)準(zhǔn)1.好的設(shè)計(jì)首先是實(shí)用的優(yōu)秀的界面視覺(jué)設(shè)計(jì)，一定是便于用戶使用的。利于使用，是設(shè)計(jì)的根本需求。設(shè)計(jì)師未必是好的藝術(shù)家，好的藝術(shù)家也未必是好設(shè)計(jì)師我們遇到不少初學(xué)UI設(shè)計(jì)的同學(xué)在問(wèn)：“學(xué)設(shè)計(jì)要從學(xué)手繪開(kāi)始嗎？”有這樣的疑問(wèn)，其實(shí)是沒(méi)有區(qū)分開(kāi)設(shè)計(jì)和藝術(shù)的不同。設(shè)計(jì)和藝術(shù)是不一樣的：設(shè)計(jì)本身是服務(wù)于產(chǎn)品，是在一定規(guī)范下完成信息的傳達(dá)，而藝術(shù)品純粹重在表達(dá)。UI設(shè)計(jì)師是用自己的設(shè)計(jì)服務(wù)于產(chǎn)品，在視覺(jué)規(guī)范下完成信息的視覺(jué)傳達(dá)和表現(xiàn)，最終滿足用戶的需求。以用戶為中心的設(shè)計(jì)視覺(jué)設(shè)計(jì)本身也同樣以用戶為中心，圍繞著用戶的需求以及目標(biāo)用戶的心理概念模型展開(kāi)。比如：小時(shí)候過(guò)年，你領(lǐng)到壓歲錢(qián)以后，是不是基本都“上交”給了爸媽?zhuān)磕惆謰屨f(shuō)要給你存起來(lái)，這都過(guò)去二三十年了，你知道你的壓歲錢(qián)去哪兒了嗎？如果當(dāng)時(shí)就有支付寶，你可以把壓歲錢(qián)存進(jìn)余額寶漲利息，是不是就有機(jī)會(huì)自行支配資產(chǎn)了？

現(xiàn)在的孩子就比你幸福多了，支付寶最近出了一個(gè)【小錢(qián)袋】功能，主要是幫助小朋友存儲(chǔ)和管理自己的資產(chǎn)，比如壓歲錢(qián)和零花錢(qián)。這個(gè)功能的推出，就符合小朋友們（據(jù)說(shuō)00后可有錢(qián)了呢）的需求，也便于父母單獨(dú)管理孩子的自有資產(chǎn)，減少親子之間因?yàn)閴簹q錢(qián)產(chǎn)生的小矛盾。每一個(gè)視覺(jué)元素均有意義在一頁(yè)用戶界面中，每一個(gè)視覺(jué)元素都有它要實(shí)現(xiàn)的目標(biāo)，而不是單純出現(xiàn)的裝飾性元素。比如：知群需要設(shè)計(jì)一張封面圖。先說(shuō)一下設(shè)計(jì)的業(yè)務(wù)背景和需求：設(shè)計(jì)師需要為【知群產(chǎn)品設(shè)計(jì)訓(xùn)練營(yíng)】設(shè)計(jì)一張封面圖，需求是視覺(jué)上符合審美，重點(diǎn)是突出訓(xùn)練營(yíng)，讓用戶看到封面圖，即能理解訓(xùn)練營(yíng)的價(jià)值和作用，更愿意點(diǎn)擊。大家對(duì)比一下優(yōu)化前后的方案，哪里發(fā)生了變化？

設(shè)計(jì)方案V2.0相對(duì)V1.0版本，增加了一個(gè)“小旗子”的視覺(jué)元素，這個(gè)“小旗子”可不是隨便加上的，因?yàn)檫@個(gè)“小旗子”的存在，在第二張圖里，我們的閱讀順序就非常連貫。一個(gè)UI設(shè)計(jì)初學(xué)者，以產(chǎn)品設(shè)計(jì)訓(xùn)練營(yíng)為起點(diǎn)開(kāi)始入門(mén)，循序漸進(jìn)地掌握了軟件能力、造型能力、色彩能力、界面排版能力之后，再經(jīng)過(guò)名企項(xiàng)目實(shí)戰(zhàn)積累經(jīng)驗(yàn)，最終產(chǎn)出作品集。經(jīng)歷過(guò)這樣完整的過(guò)程后，才有足夠的專(zhuān)業(yè)實(shí)力和信心，證明自己掌握了UI設(shè)計(jì)的核心競(jìng)爭(zhēng)力。這個(gè)“小旗子”視覺(jué)元素的增加，其實(shí)是從視覺(jué)上突出了訓(xùn)練營(yíng)對(duì)于UI設(shè)計(jì)初學(xué)者可以起到入門(mén)的作用，也讓用戶理解到從入門(mén)到掌握核心競(jìng)爭(zhēng)力需要經(jīng)歷的完整過(guò)程，用設(shè)計(jì)引導(dǎo)用戶的視覺(jué)閱讀順序，從而增加對(duì)封面圖的點(diǎn)擊。2、容易讓用戶快速學(xué)會(huì)使用

在尼爾森可用性標(biāo)準(zhǔn)中，有一個(gè)易學(xué)性原則。遵循這個(gè)原則，在保持美觀性基礎(chǔ)上,更重要的是能夠準(zhǔn)確、快速、有效地傳達(dá)信息，讓用戶更容易學(xué)會(huì)使用。- 微信“搖一搖”的圖標(biāo)，就能夠讓用戶快速學(xué)會(huì)如何使用這個(gè)功能。- 搜索界面、語(yǔ)音圖標(biāo)，能夠引導(dǎo)用戶快速使用語(yǔ)音功能。- 微信會(huì)話界面輸入控件旁的笑臉，能夠讓用戶快速學(xué)會(huì)發(fā)表情。就算是爺爺奶奶看見(jiàn)這個(gè)笑臉，也更容易理解這里可以發(fā)表情給你吧。3、產(chǎn)品中的設(shè)計(jì)元素都是統(tǒng)一的設(shè)計(jì)師如何能讓用戶快速、有效、容易地使用產(chǎn)品？那就需要設(shè)計(jì)師保持在產(chǎn)品中的設(shè)計(jì)元素的統(tǒng)一性。

建立統(tǒng)一的標(biāo)準(zhǔn)這里提到的統(tǒng)一指的是在同一套標(biāo)準(zhǔn)下，設(shè)計(jì)上面的統(tǒng)一，即同樣的功能保持一致。設(shè)計(jì)師需要建立和維護(hù)視覺(jué)設(shè)計(jì)規(guī)范，來(lái)保持設(shè)計(jì)的統(tǒng)一性。大廠名企的設(shè)計(jì)團(tuán)隊(duì)都有自己的設(shè)計(jì)規(guī)范，比如：Ant Design。

螞蟻金服的設(shè)計(jì)系統(tǒng)我平時(shí)不管是帶新人還是教別人，都會(huì)通過(guò)大廠的設(shè)計(jì)規(guī)范，讓大家學(xué)會(huì)如何建立和維護(hù)視覺(jué)設(shè)計(jì)規(guī)范，便于保持設(shè)計(jì)元素的統(tǒng)一性。iOS11和 Material Design 設(shè)計(jì)規(guī)范大綱

相同功能保持一致針對(duì)相同的功能，在視覺(jué)呈現(xiàn)上保持一致，達(dá)到統(tǒng)一的效果。統(tǒng)一是降低學(xué)習(xí)成本的關(guān)鍵統(tǒng)一的界面設(shè)計(jì)，可以降低用戶的學(xué)習(xí)成本，能夠提高產(chǎn)品使用效率。4、好的設(shè)計(jì)必須是美學(xué)的體現(xiàn)

好的設(shè)計(jì)在視覺(jué)上必須是美的體現(xiàn)，這里有一個(gè)關(guān)鍵點(diǎn)：對(duì)于目標(biāo)用戶來(lái)說(shuō)，設(shè)計(jì)要好看。這里的的關(guān)鍵點(diǎn)就是“目標(biāo)用戶”認(rèn)為的好看。設(shè)計(jì)并不是設(shè)計(jì)師主觀上的好看，而是需要深入了解和考慮目標(biāo)用戶的審美喜好，做出他們覺(jué)得好看的設(shè)計(jì)。比如：你作為設(shè)計(jì)師，要為3-6歲的兒童設(shè)計(jì)一個(gè)界面，那么你就需要深入了解這個(gè)年齡段的孩子認(rèn)為什么樣的美的。或許作為成年人的我們認(rèn)為“性冷淡”風(fēng)更顯高級(jí)，但是對(duì)于孩子來(lái)說(shuō)，“紅配綠”或許是他們最?lèi)?ài)的。三、UI 設(shè)計(jì)師必須掌握的 5 項(xiàng)能力UI設(shè)計(jì)入門(mén)需要掌握 5 項(xiàng)能力:

1. 圖形造型能力比如你要畫(huà)一個(gè)星星圖標(biāo)，不僅需要畫(huà)出一個(gè)“星星”的形態(tài)，還要符合造型審美。2. 圖形表現(xiàn)能力你畫(huà)的這個(gè)星星不僅有“星星”的造型，還要有質(zhì)感，比如毛茸茸的質(zhì)感、大理石的質(zhì)感。3. 色彩表現(xiàn)能力你怎么為“星星”進(jìn)行色彩配色，比如說(shuō)用漸變鄰近色，還是選擇對(duì)比色配接起來(lái)配色。4. 終端規(guī)范能力你把這個(gè)“星星”做好之后，放在界面里面，需要注意哪些，比如界面最小可點(diǎn)擊范圍是48px * 48px，那么就要注意這個(gè)“星星”圖標(biāo)尺寸不要小于這個(gè)尺寸。5. 終端界面能力當(dāng)圖標(biāo)這種小元素做完之后，放在整個(gè)界面里，要注意優(yōu)先級(jí)排序，以及界面與界面之間的邏輯關(guān)系。這 5 個(gè)能力之間什么關(guān)系呢？這些能力又應(yīng)該從哪里入手掌握呢？我們分別來(lái)看一下：

終端界面能力和終端規(guī)范能力屬于設(shè)計(jì)專(zhuān)項(xiàng)能力，主要表現(xiàn)為做界面設(shè)計(jì)。圖形表現(xiàn)能力、圖形造型能力、色彩能力屬于設(shè)計(jì)底層能力，是做各種設(shè)計(jì)的基礎(chǔ)，不僅可以做界面設(shè)計(jì)，還能做插畫(huà)設(shè)計(jì)、運(yùn)營(yíng)設(shè)計(jì)、品牌設(shè)計(jì)。

界面設(shè)計(jì)比如常見(jiàn)的 APP 或網(wǎng)頁(yè)的界面設(shè)計(jì)。插畫(huà)設(shè)計(jì)比如在做APP開(kāi)屏廣告時(shí)，就可以用豐富造型、大膽配色的插畫(huà)風(fēng)格，吸人眼球，提升廣告頁(yè)面的觀看時(shí)間。運(yùn)營(yíng)設(shè)計(jì)比如淘寶、京東等電商首頁(yè)Banner，或者得到APP的課程詳情頁(yè)。品牌設(shè)計(jì)設(shè)計(jì)品牌的LOGO、VI視覺(jué)等四、UI 設(shè)計(jì)師能力模型如何掌握入門(mén)UI設(shè)計(jì)師，這 5 項(xiàng)能力通過(guò)短時(shí)間學(xué)習(xí)（比如4個(gè)月），需要掌握到什么程度？

做產(chǎn)品、設(shè)計(jì)需要考慮優(yōu)先級(jí)，其實(shí)掌握技能也需要分清優(yōu)先級(jí)，先抓重點(diǎn)，各個(gè)擊破。在入門(mén)學(xué)習(xí)UI設(shè)計(jì)的時(shí)候，要分清熟練掌握和基本掌握的技能，在有限的時(shí)間里重點(diǎn)突破：1. 熟練掌握：終端界面能力和終端規(guī)范能力這 2 項(xiàng)能力可以通過(guò)短時(shí)間學(xué)習(xí)，快速掌握和上手。這兩項(xiàng)能力的掌握也有大量的參考資料和前人經(jīng)驗(yàn)值得學(xué)習(xí)參考。2. 基本掌握：圖形造型能力、圖形表現(xiàn)能力、色彩能力因?yàn)檫@ 3 項(xiàng)能力很難在短時(shí)間內(nèi)速成，而是需要長(zhǎng)時(shí)間的刻意練習(xí)和積累。如果你想自學(xué)UI設(shè)計(jì)，也需要給自己設(shè)計(jì)適合的難度梯度學(xué)習(xí)路徑，幫助自己在有效時(shí)間內(nèi)入門(mén)UI設(shè)計(jì)。五、UI 設(shè)計(jì)學(xué)習(xí)的5個(gè)階段學(xué)習(xí)任何技能，一口吃不了胖子，都需要循序漸進(jìn)，先打基礎(chǔ)再提升。UI設(shè)計(jì)的學(xué)習(xí)也是這樣。我們以圖標(biāo)造型能力為例，看一下怎樣由淺入深地掌握 5 項(xiàng)能力？如果你想自學(xué)UI，也適合你根據(jù)這個(gè)學(xué)習(xí)曲線，規(guī)劃自己的學(xué)習(xí)階段

圖標(biāo)造型能力學(xué)習(xí)流程所以，掌握一個(gè)技能或知識(shí)點(diǎn)，需要經(jīng)過(guò)以下這 5 個(gè)階段：1、了解概念扁平和擬物是兩個(gè)大的圖標(biāo)分類(lèi)。當(dāng)你了解了基礎(chǔ)的圖標(biāo)概念，再通過(guò)臨摹學(xué)習(xí)加深對(duì)基礎(chǔ)概念的理解。2、臨摹學(xué)習(xí)知群教研組老師們之所以選擇了通過(guò)Android圖標(biāo)的講解，來(lái)讓同學(xué)們臨摹練習(xí)，是因?yàn)锳ndroid圖標(biāo)的設(shè)計(jì)過(guò)程是開(kāi)放的，有豐富的學(xué)習(xí)資料，便于同學(xué)們參考借鑒。3、舉一反三在同學(xué)們掌握了Android圖標(biāo)的臨摹之后，老師會(huì)讓他們通過(guò)練習(xí)扁平圖標(biāo)，來(lái)達(dá)到舉一反三的效果。因?yàn)楸馄綀D標(biāo)相對(duì)復(fù)雜，因?yàn)樯婕暗綀D形和組合、點(diǎn)線面的組合，這對(duì)同學(xué)們來(lái)說(shuō)，難度有升級(jí)，但是同學(xué)們又能在挑戰(zhàn)中獲得成就感。4、應(yīng)用實(shí)踐知群的老師會(huì)教給同學(xué)們圖形組合和創(chuàng)意的方法，幫助同學(xué)們最終能做出屬于自己的一套圖標(biāo)。這樣完整的圖標(biāo)，也可以放在作品集中，成為面試中凸顯自己設(shè)計(jì)細(xì)節(jié)感的亮點(diǎn)。5、最終掌握該能力在經(jīng)歷了了解概念、臨摹學(xué)習(xí)、舉一反三、應(yīng)用實(shí)踐的完整流程后，才算是真的掌握了圖標(biāo)造型能力。怎么算是真正掌握一項(xiàng)能力呢？就是你不僅會(huì)設(shè)計(jì)一套適合品牌調(diào)性的圖標(biāo)，還能舉一反三，在產(chǎn)品接觸用戶全流程的各個(gè)觸點(diǎn)，都用帶有品牌意義的圖形造型，將產(chǎn)品和品牌的價(jià)值傳遞給用戶，做到真正的應(yīng)用。六、額外建議：平時(shí)要多下功夫UI 設(shè)計(jì)水平的提升要多看、多用、多想、多做。多看優(yōu)秀同行的作品，了解時(shí)下流行的風(fēng)格，提升自己審美水平；多用設(shè)計(jì)優(yōu)良的小眾產(chǎn)品，體驗(yàn)產(chǎn)品流程、設(shè)計(jì)、動(dòng)效等內(nèi)容，體會(huì)設(shè)計(jì)師背后的思考邏輯；多想這些產(chǎn)品為什么這么做，還有哪些優(yōu)化空間；多動(dòng)手臨摹，避免眼高手低。下面推薦一些平臺(tái)：1.最美應(yīng)用（公眾號(hào)和 App ）最美應(yīng)用是老牌的應(yīng)用推薦平臺(tái)，大家可以關(guān)注“最美應(yīng)用”推薦的產(chǎn)品和專(zhuān)題，這些優(yōu)秀的產(chǎn)品往往在功能、設(shè)計(jì)、交互方面有著獨(dú)到的地方，在這背后設(shè)計(jì)師和產(chǎn)品經(jīng)理有著什么樣的思考？為什么做成這樣？能否借鑒？這些問(wèn)題都值得大家深入思考。

2.設(shè)計(jì)師常用網(wǎng)站，多去膜拜大神，多動(dòng)手臨摹他們的作品包括 Dribbble、Behance、Pinterest、知群設(shè)計(jì)圈等等，這些優(yōu)秀設(shè)計(jì)師作品展示平臺(tái)間接向我們傳遞著設(shè)計(jì)潮流、設(shè)計(jì)趨勢(shì)、設(shè)計(jì)方法，尤其是知群設(shè)計(jì)圈，翻譯了很多國(guó)外的專(zhuān)業(yè)文章，值得一讀。