UI設(shè)計(jì)師都要求會(huì)哪些技能—中級(jí)篇

　　UI設(shè)計(jì)師都要求會(huì)哪些技能？非業(yè)內(nèi)人士總習(xí)慣用“美工”稱呼UI設(shè)計(jì)師，而設(shè)計(jì)師通常會(huì)為此感到生氣。畢竟，在國(guó)內(nèi)大部分人對(duì)UI的理解還停留在美術(shù)設(shè)計(jì)方面，認(rèn)為UI的工作只是描邊畫線，缺乏對(duì)用戶交互重要性的理解。
 

　　首先說(shuō)!UI設(shè)計(jì)師不是美工!
 

　　UI設(shè)計(jì)師面向的是產(chǎn)品使用者(用戶)，由于用戶的留存會(huì)決定產(chǎn)品的生死，所以他們要聽(tīng)的是用戶的話。即使上層領(lǐng)導(dǎo)與你的審美有很大差別，但也決不敢拿產(chǎn)品的命運(yùn)打賭。用戶留存數(shù)據(jù)、內(nèi)測(cè)用戶的反饋等是你做產(chǎn)品迭代的原因所在。
 

　　一個(gè)好的UI設(shè)計(jì)師最首先需要具備的四點(diǎn)就是：
 

　　01懂UI
 

　　沒(méi)錯(cuò)，首先是懂UI設(shè)計(jì)。UI設(shè)計(jì)師設(shè)計(jì)的是人機(jī)交互界面，界面的載體是設(shè)備。這是區(qū)別于其他設(shè)計(jì)師的地方。不同設(shè)備又有它的特性和要求，了解設(shè)備知識(shí)是程序員和設(shè)計(jì)師共同的目標(biāo)，也是他們找到共同語(yǔ)言的基礎(chǔ)。
 

　　設(shè)計(jì)師需要了解這些東西：
 

　　可控制的基本屬性：字體，字形，字號(hào)與單位，高寬、間距留白，顏色(256色，RGBA)、漸變，圓角，透明度，陰影，對(duì)齊方式，層級(jí)。
 

　　系統(tǒng)自帶組件(導(dǎo)航欄、菜單欄、任務(wù)欄、對(duì)話框等)的大小、樣式風(fēng)格、交互形式、版本差異。
 

　　自定義組件：1/2/3級(jí)標(biāo)題、正文、提示框、按鈕、彈窗、選擇框、下拉列表、圖標(biāo)、各種卡片……
 

　　狀態(tài)變化：普通、懸停(hover)、選中/激活(selected/active)、不可用(disabled)。
 

　　動(dòng)畫：位置、大小、顏色、透明度、形狀的變化，并可控制時(shí)長(zhǎng)、速度曲線、循環(huán)。
 

　　柵格：2、4、8、16、32的倍數(shù)對(duì)齊。
 

　　屏幕適配：大小、高寬比，像素密度(2x、3x，hdpi、xhdpi……)，組件的可變大小規(guī)則。
 

　　多語(yǔ)言適配，兼容文字最長(zhǎng)的語(yǔ)種
 

　　02懂技術(shù)
 

　　初級(jí)設(shè)計(jì)師更想多做練習(xí)，每個(gè)項(xiàng)目甚至每個(gè)需求都發(fā)揮一次創(chuàng)意。漸漸地，在重復(fù)勞動(dòng)中知道了要把某些東西固化利用，既可減少自己和程序員的工作量，又能統(tǒng)一設(shè)計(jì)風(fēng)格，于是就產(chǎn)生了規(guī)范。規(guī)范化是提高設(shè)計(jì)師和程序員間協(xié)作效率的最佳實(shí)踐?？蛇M(jìn)行規(guī)范化的東西有這些：
 

　　基本屬性各平臺(tái)(iOS、Android、Windows)下的設(shè)計(jì)風(fēng)格規(guī)范
 

　　自定義組件
 

　　切圖：文件命名規(guī)范(全小寫英文，下劃線連接)，什么情況需要帶透明邊框
 

　　標(biāo)注：要標(biāo)齊，所有大小均為偶數(shù)
 

　　設(shè)計(jì)迭代：稿件版本號(hào)管理
 

　　維護(hù)：管理所有用到的切圖，每次產(chǎn)品迭代除了新增圖外還會(huì)剔除掉廢棄的圖后才整體地給程序員
 

　　這些規(guī)范的確定，除了依賴設(shè)計(jì)能力，還需要了解開發(fā)的實(shí)現(xiàn)機(jī)理。要知道開發(fā)限制，不能做出難以實(shí)現(xiàn)的效果，同時(shí)衡量好開發(fā)和維護(hù)成本。
 

　　03懂設(shè)計(jì)
 

　　審美是每個(gè)有感情的人都具備的，如果UI能讓技術(shù)在日常工作時(shí)也看得賞心悅目那自然備受尊崇。到了這個(gè)層次，對(duì)UI設(shè)計(jì)師的要求又回歸到設(shè)計(jì)本身，最基本的就是要把通用的設(shè)計(jì)手法很好地結(jié)合業(yè)務(wù)運(yùn)用到產(chǎn)品上。
 

　　下面這些創(chuàng)作手法和意識(shí)的運(yùn)用：
 

　　色彩運(yùn)用根據(jù)業(yè)務(wù)目標(biāo)渲染情緒氛圍。比如電商網(wǎng)站用紅、黃為主色調(diào)，以引起用戶興奮，一個(gè)沖動(dòng)就產(chǎn)生購(gòu)買行為。
 

　　符合產(chǎn)品特性，比如綠色代表安全，藍(lán)色代表科技
 

　　符合用戶特性，綜合考慮性別、年齡等因素，比如粉色適合女性，艷麗色適合老年人
 

　　層次感強(qiáng)，突出重點(diǎn)
 

　　風(fēng)格把控，迎合用戶群體喜好，例如：柔和、青春、穩(wěn)重、擬物等
 

　　炫酷又不喧賓奪主的動(dòng)畫
 

　　個(gè)性化，比如換膚
 

　　04懂產(chǎn)品
 

　　不知道 UI 設(shè)計(jì)師們?cè)谌粘９ぷ髦杏袥](méi)有發(fā)現(xiàn)，自己的工作內(nèi)容和思路其實(shí)和產(chǎn)品經(jīng)理很像?，F(xiàn)在大多數(shù)的UI設(shè)計(jì)師都要求懂交互、懂產(chǎn)品，是為了方便快速理解產(chǎn)品規(guī)劃和產(chǎn)品經(jīng)理的想法。同時(shí)交互設(shè)計(jì)也是產(chǎn)品經(jīng)理的必備入門技能之一，畢竟良好的交互體驗(yàn)，可以間接幫助產(chǎn)品增長(zhǎng)，提升用戶粘性，在市場(chǎng)中占據(jù)競(jìng)爭(zhēng)力。
 

　　因此在 UI 設(shè)計(jì)時(shí)，界面布局的設(shè)計(jì)、按鈕彈層的交互樣式，都是各個(gè)細(xì)小的交互設(shè)計(jì)細(xì)節(jié)，當(dāng)我們可以熟悉各個(gè)平臺(tái)的設(shè)計(jì)規(guī)范和標(biāo)準(zhǔn)時(shí)，其實(shí)就算是半個(gè)產(chǎn)品經(jīng)理了。
 

　　想要成為一個(gè)好的UI設(shè)計(jì)師，從0基礎(chǔ)到成為一個(gè)優(yōu)秀的UI設(shè)計(jì)師，需要更加全面系統(tǒng)的學(xué)習(xí)才可以。在AAA教育四個(gè)半月的全日制學(xué)習(xí)，讓你在充分了解UI設(shè)計(jì)的行業(yè)規(guī)范和設(shè)計(jì)技術(shù)之外，還能讓你進(jìn)一步對(duì)技術(shù)和產(chǎn)品有更加全面的了解。零基礎(chǔ)的同學(xué)也完全不用擔(dān)心，從0基礎(chǔ)入門到學(xué)成就業(yè)，AAA教育旨在培養(yǎng)市場(chǎng)最需要的人才。
 

　　選擇培訓(xùn)機(jī)構(gòu)可以從多方面去比較，課程方面AAA教育培養(yǎng)懂UI、懂技術(shù)、懂產(chǎn)品的全方位全能人才，花費(fèi)大量的時(shí)間和金錢你肯定希望能夠物有所值學(xué)有所成。今天的分享就到這里了，希望能夠給大家有所