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

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

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

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

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

　　01懂UI
 

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

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

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

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

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

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

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

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

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

　　多語言適配，兼容文字最長的語種
 

　　02懂技術(shù)
 

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

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

　　自定義組件
 

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

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

　　設(shè)計迭代：稿件版本號管理
 

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

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

　　03懂設(shè)計
 

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

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

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

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

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

　　層次感強，突出重點
 

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

　　炫酷又不喧賓奪主的動畫
 

　　個性化，比如換膚
 

　　04懂產(chǎn)品
 

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

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

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

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