一、提升你自己的設(shè)計(jì)審美
每個(gè)行業(yè)都有屬于自己的一套評(píng)判標(biāo)準(zhǔn)。初入行的新人卻很容易摸不清楚。審美水平的提升是進(jìn)本不可能速成的,它是一個(gè)非常緩慢的過(guò)程。
正所謂:
人生不在于用腳步丈量萬(wàn)水千山,而是用內(nèi)心真正體會(huì)世間百態(tài)。
只有有了一個(gè)很好的審美水平,你才能清晰的判斷好或者不好。才能對(duì)自己的設(shè)計(jì)作品有一個(gè)非常清晰的認(rèn)識(shí)。
我覺(jué)得UI設(shè)計(jì)有些像畫(huà)素描,在繪畫(huà)的過(guò)程中你的畫(huà)板可能會(huì)顯得空,顯得造型不準(zhǔn),顯得灰。但是在落下最后一筆之后,你一定要對(duì)你畫(huà)出來(lái)的作品有一個(gè)明確的判斷。哪里的造型不準(zhǔn)(間距),哪里的顏色過(guò)于灰(配色),哪里的地方顯得空(布局)。這些都是應(yīng)該一眼就可以看出來(lái)、可以自己去把控修改的,而不是別人告訴你如何去改,那樣實(shí)際上你就變成了一個(gè)所謂的設(shè)計(jì)工具。
這也就是我為什么不喜歡線下速成培訓(xùn)班的原因,在培訓(xùn)班里沒(méi)有足夠的時(shí)間去培養(yǎng)審美能力,老師告訴你如何去改去改,作品的效果雖然上去了,但實(shí)際上對(duì)個(gè)人的幫助微乎其微。
所以多看一些好的作品,有助你審美的提高,以及對(duì)自己作品的一個(gè)判斷把握
(圖片來(lái)自網(wǎng)絡(luò))
二、設(shè)計(jì)工具切勿貪多嚼不爛
實(shí)際上我現(xiàn)在如果做UI一般是Sketch+Principle,之前幾年一直只是PS+AE。
如果你對(duì)設(shè)計(jì)軟件難以取舍我不妨這樣說(shuō)。
設(shè)計(jì)軟件的選擇實(shí)際上取決于你想掌握什么樣的設(shè)計(jì)技能。
分享一下我的學(xué)習(xí)路線
PS(美工技能)→AI(美工技能)→AE(動(dòng)效技能)→DW(切圖技能)→Sketch(美工軟件更新)→Principle(動(dòng)效軟件更新)→C4D(建模等技能學(xué)習(xí))
希望對(duì)你有一定的參考。
新人來(lái)講,我覺(jué)得會(huì)個(gè)PS就足夠了。。。
如果有耐心有毅力,可以學(xué)一些初步的AE
三、適當(dāng)?shù)那岸酥R(shí)
四年前,我剛接觸UI設(shè)計(jì)的時(shí)候,還在嘲笑一些公司,為什么會(huì)有切圖師這樣的職位。難道他們不知道cutterman這個(gè)插件可以自動(dòng)切圖嘛。
后來(lái)我進(jìn)了公司才知道,原來(lái)所謂的“切圖”,是指將UI設(shè)計(jì)通過(guò)前端HTML+CSS+JS進(jìn)行靜態(tài)的切圖布局,我們美工所謂的“切圖”,只是“摳圖”罷了。
這件事過(guò)后我就開(kāi)始了自己的代碼之路,說(shuō)真的,我是屬于一看見(jiàn)英文單詞就想打瞌睡的。
效率很低,但是至少現(xiàn)在我明白我的界面會(huì)通過(guò)怎樣的一種方式去實(shí)現(xiàn),懂一些簡(jiǎn)單的框架。這在工作中的溝通上對(duì)我的幫助是難以言喻的。
很多設(shè)計(jì)師會(huì)說(shuō),設(shè)計(jì)就是設(shè)計(jì),不能學(xué)代碼。
但是Vue.js的作者也是設(shè)計(jì)師出身,各廠的大神很多也都是懂代碼的,希望新人在面對(duì)這個(gè)選擇的時(shí)候想一想,是自己真的想要一輩子專注設(shè)計(jì),還是只是為了偷懶而找的一個(gè)借口。
(圖片來(lái)自網(wǎng)絡(luò))
四、切忌設(shè)計(jì)上下限相混
跟其他一些設(shè)計(jì)師不同,我很提倡徒弟去臨摹一些飛機(jī)稿。
甚至是各種動(dòng)效亂飛現(xiàn)在的技術(shù)實(shí)現(xiàn)起來(lái)很困難的設(shè)計(jì)稿,因?yàn)槲艺J(rèn)為,對(duì)于新人而言,提升眼界的一個(gè)最快的方式就是臨摹飛機(jī)稿。
只有當(dāng)你飛到兩萬(wàn)英尺的高空,你才能看到最廣闊的風(fēng)景。
視覺(jué)效果極佳的飛機(jī)稿就是提升審美的一個(gè)相對(duì)的捷徑。
但是在實(shí)際落地的需求中大肆運(yùn)用飛機(jī)稿去設(shè)計(jì),那就是找死了。
設(shè)計(jì)分為上限和下限。決定著你設(shè)計(jì)水平的體現(xiàn)和實(shí)際項(xiàng)目的體現(xiàn),切忌相混。
就如同車(chē)展的概念車(chē)和落地車(chē),有可能你自己上限和下限的差距,比人跟豬的差距,都要大。
(圖片來(lái)自網(wǎng)絡(luò))
五、多去關(guān)注一下行業(yè)狀況,跳出設(shè)計(jì)本身去思考問(wèn)題
UI設(shè)計(jì)和平面設(shè)計(jì)不同,我們?cè)O(shè)計(jì)的是一個(gè)軟件產(chǎn)品,甚至有時(shí)候還包括著一些內(nèi)部的跳轉(zhuǎn)架構(gòu)。
只有你吃透了相關(guān)行業(yè)的運(yùn)作,才能明白其中的邏輯關(guān)系,才能更好的去設(shè)計(jì)產(chǎn)品。
前些年UI設(shè)計(jì)群里一直有人每天都在發(fā)“XXX20億融資O2O”之類的歸類新聞,有什么用呢。
不如撇開(kāi)這些快餐式的行業(yè)新聞,直接去看一看相關(guān)專業(yè)人員的分析。
看的越深,你就會(huì)越覺(jué)得,
設(shè)計(jì)只是一個(gè)產(chǎn)品內(nèi)部的一個(gè)齒輪,外觀做的再漂亮,也不如和其他的齒輪有一個(gè)默契的配合。
有的人總喜歡噴別的設(shè)計(jì)師或者別的產(chǎn)品,做出來(lái)的東西一點(diǎn)都不好看。尤其是培訓(xùn)班的設(shè)計(jì)師,自己的設(shè)計(jì)稿天花亂墜般酷炫,外面的產(chǎn)品是如此的普通。
但是,當(dāng)你糾結(jié)于設(shè)計(jì)本身的時(shí)候,你是否發(fā)覺(jué)自己進(jìn)了一個(gè)死胡同。
(圖片來(lái)自網(wǎng)絡(luò))
網(wǎng)上的屠龍寶刀,點(diǎn)擊就送,是不是丑?
但是這是一個(gè)洗腦式的營(yíng)銷。
有的產(chǎn)品交互是不是不太合理?給用戶增加了不少的麻煩?
交互設(shè)計(jì)不全等于尊重用戶體驗(yàn),而是在體驗(yàn)和變現(xiàn)之間尋求一個(gè)平衡。
六、適當(dāng)?shù)慕⒆约旱脑O(shè)計(jì)素材庫(kù)
這點(diǎn)不多做贅述,但是請(qǐng)注意,你的素材庫(kù)一定是要有一個(gè)素材命名規(guī)范的
比如01-001-XXXXX
01代表移動(dòng)端或者PC端
001代表設(shè)計(jì)素材的編號(hào)
XXXXX代表你對(duì)這個(gè)素材的簡(jiǎn)略概況
這樣能讓你在擁有近五位數(shù)的素材的時(shí)候也能快速準(zhǔn)確的找到你想要的那一張。
(圖片來(lái)自網(wǎng)絡(luò))
七、細(xì)節(jié)處理
我上高中的時(shí)候,一個(gè)美院老教授來(lái)我們學(xué)校開(kāi)講座,我問(wèn)了一個(gè)問(wèn)題。
如何畫(huà)好一幅素描?
老教授回答了六個(gè)字:“造型、空間、對(duì)比”
當(dāng)時(shí)不理解,現(xiàn)在想了想,其實(shí)足夠。
對(duì)于新人設(shè)計(jì)師,我也想說(shuō):“字體、間距、關(guān)系”
字體指的是一個(gè)合適的字體以及合適的字號(hào)
我現(xiàn)在還見(jiàn)到有的設(shè)計(jì)師用宋體用楷體,理由是好看。
我現(xiàn)在還看到有的設(shè)計(jì)師在750*1334的設(shè)計(jì)稿上用很小的字體,理由是顯得精細(xì)。
這樣的設(shè)計(jì)稿如果給前端,簡(jiǎn)直是一場(chǎng)災(zāi)難。
間距指的是合適的間距,MD上講的是8px 16px 24px。
關(guān)系指的是你需要明白你設(shè)計(jì)稿顯示的主要信息是什么,次要信息是什么,不重要信息是什么。
這樣,在你設(shè)計(jì)的時(shí)候,你是不是就可以把主要信息突出展示,不重要信息可以在空間擁擠的時(shí)候收起來(lái)?
以上。