2022年了哄褒,UI設(shè)計(jì)師到底應(yīng)該具備什么樣的能力

眾所周知 UI 指的是人機(jī)交互的用戶界面稀蟋,而UI設(shè)計(jì)師的工作主要是產(chǎn)品的視覺(jué)外觀設(shè)計(jì),需要關(guān)注的重點(diǎn)也是產(chǎn)品與用戶的視覺(jué)交流呐赡。早些年做界面設(shè)計(jì)的崗位名稱有網(wǎng)頁(yè)美工退客、網(wǎng)頁(yè)設(shè)計(jì)師、淘寶美工等,然而在大多數(shù)人眼中萌狂,其實(shí)都統(tǒng)稱為美工档玻。那時(shí)候UI設(shè)計(jì)師所設(shè)計(jì)的基本都是 PC 端的應(yīng)用界面,設(shè)計(jì)服務(wù)平臺(tái)相對(duì)單一茫藏,但在代碼上卻有一定的要求误趴,有一些公司要求設(shè)計(jì)師會(huì)用 DIV+CSS 寫靜態(tài)網(wǎng)頁(yè)。隨著智能手機(jī)的爆發(fā)务傲,手機(jī)端的應(yīng)用也雨后春筍般的出現(xiàn)凉当,這就對(duì)于 APP 界面設(shè)計(jì)人員需求大增,但是傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)并沒(méi)有消失售葡,于是把從事 PC 端看杭、移動(dòng)端或其他終端平臺(tái)的設(shè)計(jì)師統(tǒng)稱為UI設(shè)計(jì)師。隨著這些年的發(fā)展天通,如今的UI設(shè)計(jì)師到底需要具備怎樣的技能呢泊窘?那么通過(guò)研究國(guó)內(nèi)外的UI設(shè)計(jì)發(fā)展現(xiàn)狀并結(jié)合筆者多年的工作經(jīng)驗(yàn),總結(jié)了以下幾個(gè)方面像寒,讀完此文對(duì)學(xué)UI設(shè)計(jì)的你一定有所幫助。


一瓜贾、UI設(shè)計(jì)師需要具備的硬技能

硬技能主要指設(shè)計(jì)師技術(shù)方面的能力诺祸,比如設(shè)計(jì)軟件、設(shè)計(jì)方法等祭芦,那硬技能這里分成基礎(chǔ)技能和輔助技能兩個(gè)方面筷笨。

1、基礎(chǔ)硬技能

基礎(chǔ)硬技能是成為一個(gè)入門設(shè)計(jì)師的必備能力龟劲,包括以下兩個(gè)方面:

基礎(chǔ)設(shè)計(jì)軟件:Figma胃夏、Sketch、Adobe Xd昌跌、Photoshop仰禀、illustrator


Figma、Sketch蚕愤、Adobe Xd或類似的軟件答恶,這些后起之秀的軟件專用于UI設(shè)計(jì),所以它們的功能大致相同萍诱,學(xué)會(huì)其中一款軟件即可悬嗓,個(gè)人推薦 Figma,該款軟件目前是相對(duì)最好用的一款UI設(shè)計(jì)軟件裕坊。此外包竹,Photoshop 是處理位圖的一款傳統(tǒng)設(shè)計(jì)軟件,功能十分強(qiáng)大,設(shè)計(jì)師必學(xué)的一款軟件周瞎,而 illustrator 是一款矢量設(shè)計(jì)軟件悟狱,適用于畫圖標(biāo)、插畫堰氓、VI等挤渐,PS 和 AI 這兩款軟件搭配基本能做出想要的設(shè)計(jì),所以即使你只會(huì)這兩款軟件也是可以坐在電腦前開(kāi)始設(shè)計(jì)工作了双絮,倘若能夠精通二者之一并能創(chuàng)作優(yōu)秀作品浴麻,你的身價(jià)也不會(huì)低。

基礎(chǔ)設(shè)計(jì)理論:平面構(gòu)成囤攀、色彩構(gòu)成软免、版式設(shè)計(jì)、圖標(biāo)設(shè)計(jì)焚挠、設(shè)計(jì)心理學(xué)膏萧、美術(shù)繪畫、設(shè)計(jì)規(guī)范等蝌衔,這些設(shè)計(jì)理論不一定要精通榛泛,至少要了解一下常用的基礎(chǔ)知識(shí),這樣才能在設(shè)計(jì)工作中找到理論支撐噩斟,不然很難設(shè)計(jì)出一個(gè)基本能用的界面曹锨。

總之,會(huì)以上幾款設(shè)計(jì)軟件剃允,還具備一些基本的設(shè)計(jì)理論沛简,就可以入門UI設(shè)計(jì)了。


2斥废、進(jìn)階硬技能

進(jìn)階硬技能主要是學(xué)習(xí)更多的設(shè)計(jì)軟件椒楣,以及拓展其他設(shè)計(jì)相關(guān)的知識(shí),最終能上升為全棧設(shè)計(jì)師這樣綜合性的設(shè)計(jì)人才牡肉。

進(jìn)階設(shè)計(jì)軟件Axure捧灰、After Effects、Premiere荚板、C4D凤壁、Blender、CorelDRAW 等



Axure 是一款傳統(tǒng)的原型設(shè)計(jì)軟件跪另,功能比較強(qiáng)大拧抖,目前應(yīng)該還有很多人在用,那目前國(guó)內(nèi)用的多的原型設(shè)計(jì)軟件還有藍(lán)湖免绿、即時(shí)設(shè)計(jì)唧席、摹客、墨刀這些在線協(xié)作軟件,既能做UI設(shè)計(jì)也能做原型設(shè)計(jì)淌哟,那其實(shí)之前提到的 Figma迹卢、Sketch 也是可以做原型設(shè)計(jì)的,那UI設(shè)計(jì)師對(duì)線框圖和原型的繪制相當(dāng)于設(shè)計(jì)之前的草圖構(gòu)思徒仓,這個(gè)是十分有必要的腐碱。

After Effects 是一款強(qiáng)大的后期特效制作軟件,應(yīng)用到UI設(shè)計(jì)中其實(shí)是大材小用掉弛,不過(guò)我們確實(shí)是可以利用 AE 制作出一些實(shí)際動(dòng)效應(yīng)用到我們的 App 中症见,所以還是有必要學(xué)會(huì)這款軟件的基本操作以及制作簡(jiǎn)單的動(dòng)畫。

Premiere 是一款非線性視頻編輯軟件殃饿,上手難度并不大谋作,那為什么UI設(shè)計(jì)師需要學(xué)習(xí)視頻編輯軟件,如果在以前還真不能明確告訴你答案乎芳,但是短視頻發(fā)展火爆的今天遵蚜,視頻內(nèi)容比文字內(nèi)容更加吸引人,所以學(xué)會(huì)這個(gè)也是十分有必要的奈惑,比如制作設(shè)計(jì)作品視頻吭净,剪輯短視頻放到自媒體平臺(tái),或者給公司制作產(chǎn)品宣傳視頻携取、年會(huì)視頻等等攒钳。那除了 Premiere 這款剪輯軟件,我們還可以選擇其他一些輕量化的剪輯軟件雷滋,如會(huì)聲會(huì)影、剪映文兢、愛(ài)剪輯等晤斩。

C4D、Blender 是兩款新興的三維制作軟件姆坚,二者各有優(yōu)勢(shì)澳泵,可能學(xué)?C4D 的人會(huì)多一點(diǎn),那傳統(tǒng)的三維制作軟件還有 3ds Max 和 Maya兼呵,對(duì)于UI設(shè)計(jì)師來(lái)講這些三維制作軟件也是大材小用兔辅,不過(guò)隨著硬件和軟件技術(shù)的發(fā)展,網(wǎng)頁(yè)以及手機(jī) App 對(duì) 3d 支持的會(huì)越來(lái)越好击喂,所以UI設(shè)計(jì)師為了跟隨設(shè)計(jì)發(fā)展潮流维苔,提升設(shè)計(jì)綜合能力,還是很有必要去學(xué)習(xí) C4D懂昂、Blender 這樣的三維設(shè)計(jì)軟件介时。

CorelDRAW 是一款矢量圖平面設(shè)計(jì)軟件,發(fā)展歷史也很長(zhǎng),是平面設(shè)計(jì)師必學(xué)軟件沸柔,和 illustrator 比起來(lái)操作性相對(duì)差一點(diǎn)循衰,但在排版上比 AI 好用,還有一個(gè)很明顯的優(yōu)點(diǎn)就是在設(shè)計(jì)大型文件的時(shí)候不會(huì)很卡褐澎。


綜合性能力:包括產(chǎn)品設(shè)計(jì)会钝、用戶體驗(yàn)、交互設(shè)計(jì)工三、前端開(kāi)發(fā)技術(shù)迁酸、信息架構(gòu)等

產(chǎn)品設(shè)計(jì)包含很多方面的知識(shí),其中幾個(gè)比較關(guān)鍵的比如業(yè)務(wù)分析徒蟆、市場(chǎng)調(diào)研胁出、用戶研究、商業(yè)運(yùn)營(yíng)段审、數(shù)據(jù)分析全蝶,那這些方面也會(huì)影響UI設(shè)計(jì)師的決策,所以這些相關(guān)的產(chǎn)品設(shè)計(jì)思維能力也是有必要好好學(xué)習(xí)的寺枉。

用戶體驗(yàn)抑淫、交互設(shè)計(jì)相關(guān)的知識(shí)也是UI設(shè)計(jì)師必備的,那相關(guān)的理論有格式塔原理姥闪、尼爾森可用性原則始苇、費(fèi)茨定律、席克定律筐喳、7±2法則催式、一致性原則、黃金分割線避归、奧卡姆剃刀原理荣月、2/8法則、用戶體驗(yàn)五要素等梳毙,這些理論更多的是培養(yǎng)設(shè)計(jì)師的思維能力哺窄,但也不能完全照搬,要結(jié)合實(shí)際靈活應(yīng)用账锹,同時(shí)也要學(xué)會(huì)總結(jié)自己的設(shè)計(jì)理論萌业。

前端開(kāi)發(fā)技術(shù)對(duì)于UI設(shè)計(jì)師來(lái)說(shuō),并不需要深入研究奸柬,只需要了解各個(gè)開(kāi)發(fā)系統(tǒng)的前端UI實(shí)現(xiàn)原理生年,這樣避免自己的設(shè)計(jì)無(wú)法實(shí)現(xiàn)或?qū)崿F(xiàn)成本高,在開(kāi)發(fā)工程師面前也能降低被動(dòng)性鸟缕。

信息架構(gòu)是產(chǎn)品基礎(chǔ)架構(gòu)晶框、功能和層次結(jié)構(gòu)的可視化表現(xiàn)排抬,需要考慮每個(gè)頁(yè)面設(shè)計(jì)元素的布局以及頁(yè)面之間的交互流程,信息架構(gòu)的目標(biāo)是組織內(nèi)容授段,使用戶可以輕松快速地學(xué)習(xí)蹲蒲、適應(yīng)和導(dǎo)航產(chǎn)品,并且降低使用難度侵贵。



二届搁、UI設(shè)計(jì)師需要具備的軟技能

軟技能通常被視為與情商相關(guān)的技能,無(wú)法衡量但又是成為全面發(fā)展人才所必需的技能窍育。軟技能與人格密切相關(guān)卡睦,可以影響溝通和社交互動(dòng),有助于有效地與他人合作漱抓,并讓你在所在的工作領(lǐng)域變得更加專業(yè)表锻。對(duì)于UI設(shè)計(jì)師來(lái)講,具備的軟技能主要包括以下幾個(gè)方面:

1乞娄、興趣和激情

都說(shuō)興趣是最好的老師瞬逊,對(duì)設(shè)計(jì)缺乏興趣是很難堅(jiān)持下去的,但是光有興趣還要有學(xué)習(xí)的激情仪或,設(shè)計(jì)師需要持續(xù)的學(xué)習(xí)才能提升能力和跟上發(fā)展趨勢(shì)确镊。所以如果你想從事設(shè)計(jì)行業(yè),先要問(wèn)自己有多大的興趣范删,每天是否有動(dòng)力去學(xué)習(xí)并堅(jiān)持下去蕾域。

2、同理心

設(shè)計(jì)不同于藝術(shù)到旦,設(shè)計(jì)出的產(chǎn)品是滿足人的需求旨巷,所以我們常聽(tīng)說(shuō)以用戶為中心的設(shè)計(jì)。那么設(shè)計(jì)師就要隨時(shí)站在用戶的角度思考問(wèn)題添忘,積極傾聽(tīng)用戶的想法以及多觀察用戶的行為習(xí)慣契沫,成為一名善解人意的設(shè)計(jì)師。

3昔汉、創(chuàng)造性思維

創(chuàng)造力是指將創(chuàng)新、獨(dú)特的想法變?yōu)楝F(xiàn)實(shí)的行為拴清,是設(shè)計(jì)師最關(guān)鍵的技能之一靶病。技術(shù)可以很快學(xué)會(huì),但創(chuàng)造性思維需要時(shí)間去培養(yǎng)口予,需要持續(xù)學(xué)習(xí)和實(shí)踐才能提升的娄周。

4、解決問(wèn)題的能力

可以說(shuō)設(shè)計(jì)師大部分的工作就是發(fā)現(xiàn)問(wèn)題并解決問(wèn)題沪停,所以學(xué)會(huì)解決問(wèn)題的能力也非常重要煤辨。比如掌握批判性思維能使設(shè)計(jì)師從不同的角度看待問(wèn)題裳涛,了解各種解決方案如何發(fā)揮作用,并選擇最佳解決方案众辨。此外端三,領(lǐng)導(dǎo)和同事也更看重你解決問(wèn)題的能力,也是漲薪升職很關(guān)鍵的一個(gè)衡量因素鹃彻。

5郊闯、溝通與協(xié)作能力

設(shè)計(jì)師不能總陷入自己孤獨(dú)的工作中,當(dāng)面對(duì)客戶蛛株、領(lǐng)導(dǎo)和同事团赁,如果不能理解他們的需求,做出來(lái)的設(shè)計(jì)即使再好看也不會(huì)被采納谨履,而即使你根據(jù)他們的想法做出來(lái)的設(shè)計(jì)欢摄,也需要用你的溝通能力去說(shuō)服他們。此外笋粟,設(shè)計(jì)師做出來(lái)的設(shè)計(jì)也要交給開(kāi)發(fā)工程師去實(shí)現(xiàn)怀挠,這里面更需要有效的溝通和緊密的協(xié)作能力,那么設(shè)計(jì)師要去創(chuàng)造一種友好的氛圍矗钟,積極交流并獲得他們的支持和鼓勵(lì)唆香。

6、開(kāi)放包容

思想開(kāi)放吨艇、活躍是設(shè)計(jì)師必備的人格特征躬它,這也是設(shè)計(jì)行業(yè)發(fā)展迅速所要求的,設(shè)計(jì)師要敢于質(zhì)疑一切东涡,吸收不同理念的設(shè)計(jì)冯吓。此外,不太愿意接受別人的意見(jiàn)大概是設(shè)計(jì)師的通病疮跑,所以我們要改掉這個(gè)毛病组贺,擴(kuò)大自己的包容心,愿意傾聽(tīng)并接受別人有建設(shè)性的意見(jiàn)祖娘,這樣也有助于設(shè)計(jì)師的成長(zhǎng)失尖。

7、商業(yè)頭腦

設(shè)計(jì)師具備商業(yè)頭腦聽(tīng)起來(lái)可能有點(diǎn)疑惑渐苏,實(shí)際工作中設(shè)計(jì)師經(jīng)常會(huì)在業(yè)務(wù)需求和用戶需求之間難以找到平衡點(diǎn)掀潮,所以就需要去了解公司的業(yè)務(wù)模式以及如何帶來(lái)商業(yè)價(jià)值,畢竟這是我們做產(chǎn)品設(shè)計(jì)的最終目標(biāo)琼富,所以設(shè)計(jì)師的首要任務(wù)是盡可能滿足業(yè)務(wù)需求仪吧,并且能帶來(lái)業(yè)務(wù)增長(zhǎng),然后再去把其他方面做的精致完美鞠眉。



最后來(lái)總結(jié)一下薯鼠,一個(gè)優(yōu)秀的設(shè)計(jì)師需要具備設(shè)計(jì)軟件择诈、設(shè)計(jì)思維、設(shè)計(jì)方法出皇、設(shè)計(jì)協(xié)作羞芍、設(shè)計(jì)價(jià)值四個(gè)方面的能力。設(shè)計(jì)軟件是最基礎(chǔ)的能力恶迈;設(shè)計(jì)思維幫助你做出有創(chuàng)造性的設(shè)計(jì)涩金;設(shè)計(jì)方法幫助設(shè)計(jì)師解決碰到的實(shí)際問(wèn)題;設(shè)計(jì)協(xié)作是包括一切跟設(shè)計(jì)工作相關(guān)的團(tuán)隊(duì)協(xié)作能力暇仲;而設(shè)計(jì)價(jià)值是指我們的設(shè)計(jì)是否可以創(chuàng)造商業(yè)價(jià)值步做。那關(guān)于UI設(shè)計(jì)師需要具備的能力就探討到這,以后會(huì)針對(duì)更細(xì)的能力方面做一些研究分享奈附,喜歡的朋友點(diǎn)個(gè)贊全度、關(guān)注、轉(zhuǎn)發(fā)吧斥滤,非常感謝将鸵。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市佑颇,隨后出現(xiàn)的幾起案子顶掉,更是在濱河造成了極大的恐慌,老刑警劉巖挑胸,帶你破解...
    沈念sama閱讀 222,807評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件痒筒,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡茬贵,警方通過(guò)查閱死者的電腦和手機(jī)簿透,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)解藻,“玉大人老充,你說(shuō)我怎么就攤上這事∶螅” “怎么了啡浊?”我有些...
    開(kāi)封第一講書人閱讀 169,589評(píng)論 0 363
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)胶背。 經(jīng)常有香客問(wèn)我虫啥,道長(zhǎng),這世上最難降的妖魔是什么奄妨? 我笑而不...
    開(kāi)封第一講書人閱讀 60,188評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮苹祟,結(jié)果婚禮上砸抛,老公的妹妹穿的比我還像新娘评雌。我一直安慰自己,他們只是感情好直焙,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,185評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布景东。 她就那樣靜靜地躺著,像睡著了一般奔誓。 火紅的嫁衣襯著肌膚如雪斤吐。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 52,785評(píng)論 1 314
  • 那天厨喂,我揣著相機(jī)與錄音和措,去河邊找鬼。 笑死蜕煌,一個(gè)胖子當(dāng)著我的面吹牛派阱,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播斜纪,決...
    沈念sama閱讀 41,220評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼贫母,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了盒刚?” 一聲冷哼從身側(cè)響起腺劣,我...
    開(kāi)封第一講書人閱讀 40,167評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎因块,沒(méi)想到半個(gè)月后橘原,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,698評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡贮聂,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,767評(píng)論 3 343
  • 正文 我和宋清朗相戀三年靠柑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吓懈。...
    茶點(diǎn)故事閱讀 40,912評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡歼冰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出耻警,到底是詐尸還是另有隱情隔嫡,我是刑警寧澤,帶...
    沈念sama閱讀 36,572評(píng)論 5 351
  • 正文 年R本政府宣布甘穿,位于F島的核電站腮恩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏温兼。R本人自食惡果不足惜秸滴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,254評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望募判。 院中可真熱鬧荡含,春花似錦咒唆、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,746評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至误债,卻和暖如春浸船,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背寝蹈。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,859評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工李命, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人躺盛。 一個(gè)月前我還...
    沈念sama閱讀 49,359評(píng)論 3 379
  • 正文 我出身青樓项戴,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親槽惫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子周叮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,922評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容