UI即用戶界面設(shè)計(jì)行業(yè)在全球軟件業(yè)發(fā)展迅速,屬于高薪技術(shù)設(shè)計(jì)產(chǎn)業(yè),與國(guó)外在同步發(fā)展水平。其次國(guó)內(nèi)外眾多大型IT企業(yè)(例如:百度、騰訊、阿里等眾多企業(yè))均已成立專業(yè)的UI設(shè)計(jì)部門,但專業(yè)人才稀缺,人才資源爭(zhēng)奪激烈。
那么學(xué)UI設(shè)計(jì)當(dāng)設(shè)計(jì)師,具體UI設(shè)計(jì)師的工作做什么?
UI設(shè)計(jì)師的工作做什么?從UI設(shè)計(jì)師接到的工作流程來(lái)說(shuō)——產(chǎn)品/交互/設(shè)計(jì),也就是說(shuō)一般我們接到的是交互稿。這時(shí)候UI設(shè)計(jì)師看到一個(gè)交互設(shè)計(jì),UI設(shè)計(jì)師的工作做什么需要考慮的是:
1、這樣的排布是否合理(屏幕尺寸設(shè)置多大才能容下足夠的設(shè)計(jì)關(guān)鍵信息);
2、客戶需要的核心點(diǎn)是什么?對(duì)ui設(shè)計(jì)師來(lái)說(shuō)即是信息的重點(diǎn)要把握好;
3、產(chǎn)品面對(duì)的用戶群體是哪一類?
通常我們拿到的交互稿是一個(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ì)是什么,以為畫個(gè)手機(jī)圖標(biāo)就是做UI了,導(dǎo)致很多人都忙著畫各種各樣的圖標(biāo)。這樣很容易讓那些新人們走錯(cuò)路,圖標(biāo)只是UI的一部分,不要沉迷其中,要學(xué)的還有很多。 注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://www.hebeijilong.cn/news-id-26208.html 違者必究!部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050