UI即用戶界面設(shè)計(jì)行業(yè)在全球軟件業(yè)發(fā)展迅速，屬于高薪技術(shù)設(shè)計(jì)產(chǎn)業(yè)，與國(guó)外在同步發(fā)展水平。其次國(guó)內(nèi)外眾多大型IT企業(yè)(例如：百度、騰訊、阿里等眾多企業(yè))均已成立專(zhuān)業(yè)的UI設(shè)計(jì)部門(mén)，但專(zhuān)業(yè)人才稀缺，人才資源爭(zhēng)奪激烈。

學(xué)UI設(shè)計(jì)當(dāng)設(shè)計(jì)師涉及哪些工作內(nèi)容呢?

學(xué)ui設(shè)計(jì)學(xué)得透徹工作才能應(yīng)用自如

從UI設(shè)計(jì)師接到的工作流程來(lái)說(shuō)——產(chǎn)品/交互/設(shè)計(jì)，也就是說(shuō)一般我們接到的是交互稿。這時(shí)候UI設(shè)計(jì)師看到一個(gè)交互設(shè)計(jì)，需要考慮的是：

1、這樣的排布是否合理(屏幕尺寸設(shè)置多大才能容下足夠的設(shè)計(jì)關(guān)鍵信息);

2、客戶需要的核心點(diǎn)是什么?對(duì)ui設(shè)計(jì)師來(lái)說(shuō)即是信息的重點(diǎn)要把握好;

3、產(chǎn)品面對(duì)的用戶群體是哪一類(lèi)?

通常我們拿到的交互稿是一個(gè)簡(jiǎn)單的圖形，產(chǎn)出的作品要達(dá)到客戶的需求，這中間的坑和鴻溝就是我們自己想自己分析自己填滿，在解決完上面的問(wèn)題后，ui設(shè)計(jì)師要開(kāi)始著手UI設(shè)計(jì)：

（1）從產(chǎn)品需求來(lái)確定用何主色調(diào)

比如同樣是團(tuán)購(gòu)，糯米用的是桃紅色，而美團(tuán)是翠綠色那么我們?cè)赨I設(shè)計(jì)的時(shí)候首先就要考慮主色調(diào)的問(wèn)題。

（2）配色和輔助色用什么顏色

在考慮到產(chǎn)品氣質(zhì)和品牌色的同事，我們經(jīng)常要考慮配合襯托產(chǎn)品主色調(diào)的輔助色。在不同的產(chǎn)品中，輔助色運(yùn)用的策略是不同的，比如我們經(jīng)常說(shuō)的：鄰近色、對(duì)比色等。都是我們選擇輔助色的方法。

（3）用什么風(fēng)格來(lái)表達(dá)

同樣的信息，在UI的表達(dá)上也有不同的表達(dá)方式。那么只能在具體你的UI設(shè)計(jì)中去考慮具體你需要用什么風(fēng)格。這些都是UI的工作內(nèi)容。現(xiàn)在來(lái)說(shuō)，說(shuō)到風(fēng)格一句話，扁平風(fēng)。但是在扁平中也有區(qū)別。比如下圖，同樣是扁平。但是左圖微微帶有一些光影，而右圖是純扁平。你能說(shuō)哪個(gè)好或者不好嗎?不能。

（4）布局

布局就像排版一樣，每一塊區(qū)域每一個(gè)控件的擺放規(guī)則：往一邊靠還是居中，拉伸鋪滿，保持一定比例，還是固定大小。要把設(shè)計(jì)稿想像得能夠隨時(shí)變寬變窄變高變矮，當(dāng)大小發(fā)生變化時(shí)，按照預(yù)定的布局規(guī)則設(shè)計(jì)稿會(huì)變得怎么樣。布局沒(méi)有捷徑，就是多思考多練習(xí)。

（5）如何表達(dá)情感化設(shè)計(jì)

在一些細(xì)節(jié)頁(yè)面我們常常要考慮情感化設(shè)計(jì)，以此來(lái)提升app的品質(zhì)，降低用戶在異常情況下的挫敗感。同時(shí)好的設(shè)計(jì)師還會(huì)考慮到如何引導(dǎo)用戶去解決，從而滿足產(chǎn)品訴求。不同的產(chǎn)品在做情感化設(shè)計(jì)的時(shí)候方式方法不同，風(fēng)格也不一樣。這些也都是需要UI設(shè)計(jì)來(lái)處理的。

（6）適配、切圖

我們知道的，在移動(dòng)app開(kāi)發(fā)設(shè)計(jì)中，需要解決多種設(shè)備尺寸適配問(wèn)題，過(guò)去只屬于Android陣營(yíng)的頭疼事兒，只是很多設(shè)計(jì)師選擇性地忽視Android適配問(wèn)題，只出一套iOS平臺(tái)設(shè)計(jì)稿。

為什么不采用等比例縮放適配?說(shuō)到底，更大的屏幕尺寸提供了更多內(nèi)容展示的空間，等比例縮放沒(méi)能把發(fā)揮出大屏的優(yōu)勢(shì)，同時(shí)也很難保證系統(tǒng)UI的一致性體驗(yàn)。自從iPhone 6/6+出現(xiàn)后，iOS版上的APP界面設(shè)計(jì)尺寸又發(fā)生了翻天覆地的變化。讓iOS一下子跟Android看齊了。進(jìn)入了移動(dòng)“雜屏”時(shí)代。

UI設(shè)計(jì)師的工作，是要指出一個(gè)產(chǎn)品的好壞不僅是它看上去如何，還在于它是否易學(xué)可用?是否能讓用戶容易掌握它?以及是否能更好地支持用戶完成任務(wù)?

估計(jì)還要不少人根本不懂不知道 UI設(shè)計(jì)是什么，以為畫(huà)個(gè)手機(jī)圖標(biāo)就是做UI了，導(dǎo)致很多人都忙著畫(huà)各種各樣的圖標(biāo)。這樣很容易讓那些新人們走錯(cuò)路，圖標(biāo)只是UI的一部分，不要沉迷其中，要學(xué)的還有很多。