說到UI設(shè)計,我想大部分人的第一反應(yīng)是設(shè)計界面位谋、圖標(biāo)之類的工作山析。雖然沒有錯,但其實只說對了一小部分而已掏父。因為其實UI設(shè)計包含了相當(dāng)一部分內(nèi)容哦笋轨。
UI是指用戶界面,是英文User interface的縮寫赊淑。從字面上看是用戶與界面2個組成部分爵政,但實際上還包括用戶與界面之間的交互關(guān)系,所以這樣可分為3個方向陶缺,他們分別是:用戶研究钾挟、交互設(shè)計、界面設(shè)計饱岸。為了讓大家能夠簡單且明白掺出,以下我將用人類的語言來一一解說下...
用戶研究
定義
用戶研究簡單解釋就是研究與你要設(shè)計的產(chǎn)品相關(guān)的特定人群的一份工作徽千。(不知這樣解釋能不能懂,這個解釋其實比較粗暴......)
為什么研究這些人群汤锨?有什么用双抽?
研究這些人群可以更加了解目標(biāo)用戶在想什么,要什么闲礼,什么是他們喜歡的牍汹,什么他們更加容易接受等等......這個價值其實相當(dāng)大的,這樣在設(shè)計產(chǎn)品的時候可以避免走很多彎路。因為說白了位仁,產(chǎn)品是設(shè)計給人用的柑贞,別自己YY想當(dāng)然。往往那些很自信不做任何調(diào)研做產(chǎn)品聂抢,一般都死得比較凄慘...(當(dāng)然抄襲別人的除外钧嘶,因為往往抄襲的對象都是比較優(yōu)秀且在市場上有一定受眾群了的。
工作形式和輸出內(nèi)容
簡單來說就是先分析用戶琳疏,然后針對用戶做一些訪談和情景測試有决,研究他們的行為,再接著根據(jù)這些行為得出數(shù)據(jù)空盼,分析數(shù)據(jù)书幕,最后得出具有一定開放性的結(jié)論(為什么是開放性的?因為數(shù)據(jù)只代表一部分人揽趾,只能作為參考)......
用研需要什么背景?
一般而言台汇,搞用戶研究的學(xué)歷背景都是些學(xué)心理學(xué)、人類功效學(xué)篱瞎、市場研究學(xué)等等一聽就枯燥得想睡覺的學(xué)科苟呐。
做這行的,很多都是非設(shè)計相關(guān)的專業(yè)畢業(yè)的俐筋。做事方式灰常有條理且理性牵素。如果你當(dāng)年是因為學(xué)設(shè)計低分才選的專業(yè),那還是建議繞開這行吧澄者!不適合你哈笆呆,這些家伙大多數(shù)都是研究生哦!
交互設(shè)計
定義
交互設(shè)計高大上的來講是建立用戶與機器的聯(lián)系粱挡,使其能夠通過這個聯(lián)系達到某個目的赠幕。簡單來講就是做流程畫線框的。
工作形式和輸出內(nèi)容
他們的工作內(nèi)容基本就是了解產(chǎn)品的想法和布局询筏,結(jié)合用研的數(shù)據(jù)結(jié)果劣坊,去做產(chǎn)品原型設(shè)計。當(dāng)然這些原型設(shè)計屈留,其實就是如下圖的線框局冰。
不難發(fā)現(xiàn),由于交互設(shè)計的性質(zhì)灌危,會發(fā)現(xiàn)其實它處在產(chǎn)品開發(fā)的中間位置康二。既要和用研、產(chǎn)品經(jīng)理溝通勇蝙,又要和視覺設(shè)計師溝通沫勿。雖然看著比較簡單就是一堆黑白線框嘛~~其實是花了相當(dāng)力氣去做的,一個產(chǎn)品從無到有味混,最初的原型就是他們做的产雹。
當(dāng)然,原型也可以看出做得好不好翁锡,過去我偶爾也是會面到一些交互設(shè)計師蔓挖。有些交互不能說出為什么要用這種形式設(shè)計,有木有別的方法馆衔?哪種方式更好且更快的達到目的也說不出.....一般那種情況我多半會推斷這孩子沒仔細考慮過瘟判,或者就是抄襲競品的。
需要什么能力背景
很多交互設(shè)計都是工科出身角溃,當(dāng)然理科的大大也是很多的拷获,例如工業(yè)設(shè)計啊、計算機啊等等專業(yè)减细,當(dāng)然還有相當(dāng)一部分是視覺設(shè)計轉(zhuǎn)的交互匆瓜。至于為什么轉(zhuǎn)?原因其實很多未蝌。有些人覺得視覺設(shè)計地位不高驮吱,木有話語權(quán).....又或者發(fā)現(xiàn)自己的審美能力比邏輯能力弱許多......總之各種原因啦宛瞄。然而最關(guān)鍵的一點是:一般普遍而言凡伊,交互的錢錢是要多過視覺哦。
做交互設(shè)計要求設(shè)計者有一定的邏輯思維能力除嘹、整合能力怎憋、分析能力又碌、英語能力(看文檔和設(shè)計規(guī)范Guide line)、動效能力绊袋、審美能力等等高能的能力....要做好不是那么容易的毕匀。
有人會問,為什么還要審美能力癌别?其實不怕告訴大家皂岔,有些NB的交互的視覺設(shè)計能力不比普通視覺設(shè)計差哦,只是人家不屑于畫而已展姐,注意是不屑>ω< ~.....(筆者原來所帶的一個團隊中一個交互設(shè)計師畫出的logo躁垛,你完全想象不到這家伙是個畫框框的交互)剖毯。
有良好的審美能力,再與視覺配合時不至于被視覺忽悠~哈哈~還有就是那些細微的交互動畫教馆,其實都該是交互同視覺一起來設(shè)計的逊谋。沒有審美怎么行。
界面設(shè)計
定義
界面設(shè)計可能是被談得最多的土铺,顧名思義胶滋,其實就是對交互設(shè)計師完成的交互原型進行進一步的視覺設(shè)計。
工作形式和輸出內(nèi)容
做界面設(shè)計師和交互設(shè)計師一樣悲敷,也屬于一個中間位置究恤,他需要不斷的與交互和產(chǎn)品經(jīng)理,以及程序猿(開發(fā))溝通后德。
對于界面設(shè)計師來說部宿,除了要畫軟件界面外,還要畫logo探遵,icon窟赏,配圖,運營banner箱季,還有就是動效設(shè)計等等涯穷,然后就是標(biāo)注、切圖和視覺還原啦藏雏。
PS:其實負責(zé)招聘的人都喜歡相對全能一點的設(shè)計師拷况,不太喜歡招那種只會某項技能的,除非他們公司真的很有錢可以養(yǎng)閑人掘殴。
需要什么能力背景
一般而言赚瘦,界面視覺設(shè)計師大都是視覺傳達、工業(yè)設(shè)計奏寨、平面設(shè)計起意、新媒體等等與美術(shù)相關(guān)專業(yè)畢業(yè)的。然而也確確實實有很多大拿是別的八竿子打不著的專業(yè)畢業(yè)后轉(zhuǎn)行的病瞳。筆者的同事就有數(shù)學(xué)系揽咕、新聞系畢業(yè)做視覺設(shè)計師的.......聽起來尼瑪好變態(tài),但是是真的套菜。一句話亲善,關(guān)鍵還是在于自己的興趣,并真正的為自己的興趣付諸行動逗柴。
視覺設(shè)計師該具備哪些能力蛹头?
因為這個工作可能關(guān)注的人較多,我再展開講講。偶也算是做了蠻久的老司機了渣蜗,筆者認為視覺設(shè)計師應(yīng)該具備以下這些能力:
-- 軟件篇 --
Photoshop屠尊、AI、AE袍睡、C4D
現(xiàn)在雖然出了各種ps的競爭對手產(chǎn)品知染,例如sketch等其它軟件,不管這樣個人認為ps是個很多行都可以用的軟件斑胜,熟練掌握木有什么壞處,有時間的話去學(xué)別的就隨便啦~~
AI則是矢量的代表嫌吠,這個必須是掌握的止潘。AE是做動效的,做界面的最好是學(xué)習(xí)一下辫诅,會的話面試是絕對加分的凭戴。C4D是三維軟件,這個軟件是個炒雞強大的軟件炕矮,一些運營圖么夫、海報設(shè)計越來越多的用到它。這個也是屬于加分項肤视。
加分能力篇
軟件開發(fā)基礎(chǔ)常識
交互設(shè)計能力
產(chǎn)品思維
做設(shè)計是要能夠?qū)崿F(xiàn)的出來的那才叫有經(jīng)驗档痪,所以了解軟件開發(fā)的基礎(chǔ)常識是有必要的,你要知道哪些能實現(xiàn)得出來邢滑,哪些是實現(xiàn)不了的腐螟。從另一個角度講,要是你設(shè)計一個你認為很牛逼的出來困后,你已用洪荒之力乐纸,但是開發(fā)告訴你做不出來....如果你懂開發(fā)知識,發(fā)現(xiàn)原來是因為這個代碼仔能力不行所以做不出來摇予,這個時候你就可以大方的叼他:“尼瑪汽绢,為什么別人的產(chǎn)品有這個效果?”他就會屁顛屁顛的問你那個效果再哪.....因為他發(fā)現(xiàn)騙不了你侧戴。
后兩項如果你能做到宁昭,偶相信你至少也是個高級設(shè)計師啦~。這里偶就不展開說了救鲤,總之有了這兩項裝備久窟,基本來說你會感覺你在設(shè)計的時候主動性更加強。