UI即用戶界面設(shè)計(jì)行業(yè),在全球軟件業(yè)發(fā)展迅速,屬于高薪技術(shù)設(shè)計(jì)產(chǎn)業(yè),與國外在同步發(fā)展水平。其次國內(nèi)外眾多大型IT企業(yè)(例如:百度、騰訊、阿里等眾多企業(yè))均已成立專業(yè)的UI設(shè)計(jì)部門,但專業(yè)人才稀缺,人才資源爭奪激烈。
學(xué)UI設(shè)計(jì)當(dāng)設(shè)計(jì)師涉及哪些工作內(nèi)容呢?
首先來明確一下ui設(shè)計(jì)師的職責(zé)要求:
任務(wù)分析,概念設(shè)計(jì)
進(jìn)行流程設(shè)計(jì)說明實(shí)時(shí)響應(yīng)標(biāo)準(zhǔn)易用性評(píng)估、易用性測(cè)試評(píng)定易用性標(biāo)準(zhǔn)的一致性布局
其次要清楚當(dāng)ui設(shè)計(jì)師的優(yōu)點(diǎn)所在:
UI設(shè)計(jì)師擅長分析和理解用戶的需求,讓信息的架構(gòu)更加合理。盡可能簡化使用難度,同時(shí)找出用戶使用產(chǎn)品時(shí)哪里會(huì)遇到問題。雖然現(xiàn)在越來越傾向于由不同背景的人來完成UI設(shè)計(jì)和測(cè)試,但是不管由誰來設(shè)計(jì),一個(gè)吸引眼球、激情四射、光彩照人、充滿靈魂的視覺設(shè)計(jì)并不等于就是一個(gè)易學(xué)易用的設(shè)計(jì)。
至于當(dāng)ui設(shè)計(jì)師涉及到哪些工作內(nèi)容呢,需要往下看看:
從UI設(shè)計(jì)師接到的工作流程來說——產(chǎn)品/交互/設(shè)計(jì)
也就是說一般我們接到的是交互稿。這時(shí)候UI設(shè)計(jì)師看到一個(gè)交互設(shè)計(jì),需要考慮的是:
1、這樣的排布是否合理(屏幕尺寸設(shè)置多大才能容下足夠的設(shè)計(jì)關(guān)鍵信息);
2、客戶需要的核心點(diǎn)是什么?對(duì)ui設(shè)計(jì)師來說即是信息的重點(diǎn)要把握好;
3、產(chǎn)品面對(duì)的用戶群體是哪一類?
通常我們拿到的交互稿是一個(gè)簡單的圖形,產(chǎn)出的作品要達(dá)到客戶的需求,這中間的坑和鴻溝就是我們自己想自己分析自己填滿,在解決完上面的問題后,ui設(shè)計(jì)師要開始著手UI設(shè)計(jì):
1從產(chǎn)品需求來確定用何主色調(diào)
比如同樣是團(tuán)購,糯米用的是桃紅色,而美團(tuán)是翠綠色那么我們?cè)赨I設(shè)計(jì)的時(shí)候首先就要考慮主色調(diào)的問題。
2配色和輔助色用什么顏色
在考慮到產(chǎn)品氣質(zhì)和品牌色的同事,我們經(jīng)常要考慮配合襯托產(chǎn)品主色調(diào)的輔助色。在不同的產(chǎn)品中,輔助色運(yùn)用的策略是不同的,比如我們經(jīng)常說的:鄰近色、對(duì)比色等。都是我們選擇輔助色的方法。
3用什么風(fēng)格來表達(dá)
同樣的信息,在UI的表達(dá)上也有不同的表達(dá)方式。那么只能在具體你的UI設(shè)計(jì)中去考慮具體你需要用什么風(fēng)格。這些都是UI的工作內(nèi)容?,F(xiàn)在來說,說到風(fēng)格一句話,扁平風(fēng)。但是在扁平中也有區(qū)別。比如下圖,同樣是扁平。但是左圖微微帶有一些光影,而右圖是純扁平。你能說哪個(gè)好或者不好嗎?不能。
4布局
布局就像排版一樣,每一塊區(qū)域每一個(gè)控件的擺放規(guī)則:往一邊靠還是居中,拉伸鋪滿,保持一定比例,還是固定大小。要把設(shè)計(jì)稿想像得能夠隨時(shí)變寬變窄變高變矮,當(dāng)大小發(fā)生變化時(shí),按照預(yù)定的布局規(guī)則設(shè)計(jì)稿會(huì)變得怎么樣。布局沒有捷徑,就是多思考多練習(xí)。
5如何表達(dá)情感化設(shè)計(jì)
在一些細(xì)節(jié)頁面我們常常要考慮情感化設(shè)計(jì),以此來提升app的品質(zhì),降低用戶在異常情況下的挫敗感。同時(shí)好的設(shè)計(jì)師還會(huì)考慮到如何引導(dǎo)用戶去解決,從而滿足產(chǎn)品訴求。不同的產(chǎn)品在做情感化設(shè)計(jì)的時(shí)候方式方法不同,風(fēng)格也不一樣。這些也都是需要UI設(shè)計(jì)來處理的。
6適配、切圖
我們知道的,在移動(dòng)app開發(fā)設(shè)計(jì)中,需要解決多種設(shè)備尺寸適配問題,過去只屬于Android陣營的頭疼事兒,只是很多設(shè)計(jì)師選擇性地忽視Android適配問題,只出一套iOS平臺(tái)設(shè)計(jì)稿。
為什么不采用等比例縮放適配?說到底,更大的屏幕尺寸提供了更多內(nè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ì)是什么,以為畫個(gè)手機(jī)圖標(biāo)就是做UI了,導(dǎo)致很多人都忙著畫各種各樣的圖標(biāo)。這樣很容易讓那些新人們走錯(cuò)路,圖標(biāo)只是UI的一部分,不要沉迷其中,要學(xué)的還有很多。