UI設(shè)計(jì)師最基本要具備的能力，你掌握了多少？

排版

從平面轉(zhuǎn)行過(guò)來(lái)的UI設(shè)計(jì)師，附帶一定的排版能力，好比創(chuàng)建角色的時(shí)候，系統(tǒng)默認(rèn)給你的技能屬性，比起其他的UI設(shè)計(jì)師，是有著一定的優(yōu)勢(shì)，當(dāng)然，只是剛開(kāi)始的階段，設(shè)計(jì)是一條漫長(zhǎng)的道路，能力都可以靠自己后期訓(xùn)練出來(lái)。排版的能力，可以說(shuō)是UI設(shè)計(jì)師最基礎(chǔ)，也是最重要的一個(gè)能力，移動(dòng)終端涉及到的所有界面，都是需要排版。排版四原則“親密性、對(duì)齊、對(duì)比、重復(fù)”，必須靈活應(yīng)用。

色彩搭配

一個(gè)合格的UI設(shè)計(jì)師，必須擁有良好的色彩搭配能力。要多研究好的配色，也需要知道一定的理論知識(shí)，什么互補(bǔ)色、對(duì)比色、色相、飽和度等各種參數(shù)調(diào)節(jié)也必須得都知道，你要是一直處于紅配綠的水平，那玩完了。要把顏色研究到極點(diǎn)，確實(shí)很難的，要不停的試錯(cuò)，還要抓住流行。

就算做了十年設(shè)計(jì)的大佬，也還需要一直研究顏色。顏色給人的感覺(jué)是最直觀的，顏色用的好不好，也直接反應(yīng)了UI設(shè)計(jì)師的專業(yè)程度。為什么有些設(shè)計(jì)師搭配出來(lái)的顏色就看的很舒服，也能通過(guò)顏色給一個(gè)產(chǎn)品定性，比如“微信綠“、”網(wǎng)易紅“、”美團(tuán)黃“，都是一些深入人心的顏色。

而有些設(shè)計(jì)師搭配出來(lái)的顏色，就不通透，顯得有點(diǎn)臟，有想過(guò)其中的問(wèn)題么？不太會(huì)色彩搭配的設(shè)計(jì)師，建議選一些自己喜歡的插畫(huà)、界面等，研究其中色彩，一定要具體到色值，多一點(diǎn)研究，自然能總結(jié)出自己的一個(gè)配色方法。

圖標(biāo)設(shè)計(jì)

只有文字排版，沒(méi)有圖標(biāo)的界面，顯得很蒼白，就好像家里裝修，除了油漆、地板、瓷磚等常規(guī)的硬裝，沒(méi)有任何燈具、窗簾、沙發(fā)等軟裝。就像微信這么簡(jiǎn)約的產(chǎn)品，也是需要圖標(biāo)支撐的，不然就是一個(gè)不完整的產(chǎn)品。App界面不像書(shū)籍，只需要文字就行?？磿?shū)是沉浸式的，不需要過(guò)多的附加元素干擾，而界面，是為了能快速讓用戶知道該功能的作用，此時(shí)圖標(biāo)就發(fā)揮作用了。

圖標(biāo)的形式有線性、面性、斷點(diǎn)等，圖標(biāo)的風(fēng)格有扁平、擬物、2.5D等，圖標(biāo)的使用還是要根據(jù)產(chǎn)品的調(diào)性和使用場(chǎng)景定義。比如現(xiàn)在很流行的暗黑模式，面性的圖標(biāo)更能適合使用場(chǎng)景。

動(dòng)效

動(dòng)效是UI設(shè)計(jì)師的加分項(xiàng)，一些基礎(chǔ)的動(dòng)效需要掌握，不然在如今的局面，太沒(méi)競(jìng)爭(zhēng)力了，移動(dòng)互聯(lián)網(wǎng)的紅利期已經(jīng)過(guò)去了，現(xiàn)在公司對(duì)UI設(shè)計(jì)師的招聘要求也越來(lái)越高了，技多不壓身，有精力的可以學(xué)一下。大多App中必要的動(dòng)效也就加載動(dòng)效和刷新動(dòng)效了，其他的動(dòng)效我感覺(jué)都可有可無(wú)，只能說(shuō)其他的動(dòng)效是對(duì)產(chǎn)品的優(yōu)化，在產(chǎn)品體驗(yàn)上會(huì)更有趣。某些場(chǎng)景，動(dòng)效的觸發(fā)也會(huì)給用戶帶來(lái)一點(diǎn)驚喜，也會(huì)提高一些轉(zhuǎn)化率。典型的比如要做一個(gè)活動(dòng)，在app的首頁(yè)，就會(huì)彈出動(dòng)效的浮層，吸引用戶。

插畫(huà)

在app中，經(jīng)常會(huì)被提到情感化設(shè)計(jì)，在空白頁(yè)、異常頁(yè)會(huì)應(yīng)用的比較多，其中插畫(huà)就立了很大功勞，通過(guò)一些有趣的場(chǎng)景畫(huà)抵消產(chǎn)品給用戶帶來(lái)的失落情緒。要是插畫(huà)中有品牌形象的融入，也增加了產(chǎn)品的品牌感。作為UI設(shè)計(jì)師，插畫(huà)的能力雖然比不過(guò)專業(yè)的插畫(huà)師，但是一些基本能力需要掌握，比如構(gòu)建場(chǎng)景、場(chǎng)景具象化、提煉品牌元素等。至于技法，能懂一兩個(gè)最方便最有效的就行（PS：想深入研究插畫(huà)的除外）。

制定規(guī)范

制定規(guī)范是UI設(shè)計(jì)師很重要的一項(xiàng)工作，我們?cè)O(shè)計(jì)概念稿可以天馬行空，無(wú)關(guān)具體規(guī)范，但是在項(xiàng)目中，我們就必須制定規(guī)范，因?yàn)槲覀兊脑O(shè)計(jì)是需要落地的，而不只是欣賞。規(guī)范包括文字規(guī)范、顏色規(guī)范、狀態(tài)規(guī)范、卡片規(guī)范、異常規(guī)范、圖標(biāo)規(guī)范、動(dòng)效規(guī)范、切圖命名規(guī)范等，可以說(shuō)所有的設(shè)計(jì)輸出，都需要我們制定規(guī)范。這里簡(jiǎn)單闡述一下各種規(guī)范。

文字規(guī)范：字體、字重、字號(hào)、字色、行間距、字間距、段間距。

顏色規(guī)范：主色調(diào)、副色調(diào)、顏色使用場(chǎng)景。

卡片規(guī)范：比例、圓角、不同卡片使用場(chǎng)景。

異常規(guī)范：?jiǎn)涡形淖窒拗谱謹(jǐn)?shù)、文字最多顯示行數(shù)、網(wǎng)絡(luò)異常、加載失敗

圖標(biāo)規(guī)范：主要是指可使用的圖標(biāo)不能小于最小尺寸

動(dòng)效規(guī)范：動(dòng)效參數(shù)，什么貝塞爾曲線、時(shí)間、位移等等

切圖命名規(guī)范：需要和開(kāi)發(fā)代碼庫(kù)里的切圖命名一一對(duì)應(yīng)

制定規(guī)范是為了項(xiàng)目更好的進(jìn)行，也方便部門(mén)之間的溝通。我在制規(guī)范的過(guò)程中，會(huì)反問(wèn)自己，“我這樣制定規(guī)范合不合理”？這時(shí)候我就會(huì)跑去問(wèn)開(kāi)發(fā)，他們是怎樣實(shí)現(xiàn)我們的設(shè)計(jì)稿的，你會(huì)發(fā)現(xiàn)，你制定的某些規(guī)范，可能開(kāi)發(fā)看都不看。小朋友，你是否有很多問(wèn)號(hào)？這里建議制定某些規(guī)范的時(shí)候，還是和開(kāi)發(fā)溝通一下，看看開(kāi)發(fā)到底是怎么樣實(shí)現(xiàn)的，我們制定的規(guī)范是給他們用的，是為他們服務(wù)的，所以不要沉浸在自己的思維里。