干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

2018-3-8    藍(lán)藍(lán)設(shè)計(jì)的小編

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里 

提升設(shè)計(jì)能力是每位設(shè)計(jì)師的愿望。在興元君看來(lái),要想提高設(shè)計(jì)力,首先需要有發(fā)現(xiàn)作品問(wèn)題的能力。

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

大家可以看一下上面這個(gè)作品,然后試著回答兩個(gè)問(wèn)題:

  • 你覺(jué)得這個(gè)作品怎么樣?

  • 你覺(jué)得好或不好的原因?

提供一個(gè)思路:可以去看看成熟的同類型產(chǎn)品

這是一個(gè)音樂(lè)播放界面的作品,我們可以跟網(wǎng)易云音樂(lè)的界面來(lái)做對(duì)比。大家感受下后者和前面的差異。如果你還是區(qū)別不出“好和壞”,繼續(xù)問(wèn)為什么?

  • 為什么網(wǎng)易云音樂(lè)做了類似“毛玻璃”的背景處理效果?

  • 為什么網(wǎng)易云音樂(lè)的播放等按鈕使用統(tǒng)一的色調(diào)?

第一個(gè)問(wèn)題對(duì)應(yīng)的答案可能是:需求層面上是由產(chǎn)品的氣質(zhì)決定的,設(shè)計(jì)目的上是為了營(yíng)造音樂(lè)的氛圍感和沉浸感。

第二個(gè)問(wèn)題對(duì)應(yīng)到的需求和設(shè)計(jì)的目可能是:相似功能需要的平衡性,弱化視覺(jué)元素來(lái)突出重要內(nèi)容。

發(fā)現(xiàn)問(wèn)題的能力很重要,而不是簡(jiǎn)單的說(shuō)好和不好。初期遇到的問(wèn)題,建議先多問(wèn)自己為什么并分析,還可以多和一些好的產(chǎn)品去做對(duì)比。實(shí)在分析不來(lái)的話,可到網(wǎng)上查詢資料或請(qǐng)教前輩。

總結(jié):和優(yōu)秀的作品去對(duì)比,多問(wèn)為什么?從設(shè)計(jì)技法反推出產(chǎn)品需求和設(shè)計(jì)目的。

提升的三個(gè)階段

如何才能做出優(yōu)秀設(shè)計(jì)?

從來(lái)沒(méi)有什么捷徑,設(shè)計(jì)師需要的就是多練。練習(xí)當(dāng)然要分階段和方法。且在練習(xí)前的審美也很重要。下面先談練習(xí)的三個(gè)階段,然后再談審美。

一、純臨摹

你所看到的“大神”都會(huì)經(jīng)歷過(guò)臨摹階段。臨摹并不可恥,把臨摹作品據(jù)為己有才可恥。

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

這個(gè)階段適合剛?cè)胄袝r(shí)學(xué)習(xí)軟件技法,這個(gè)階段還請(qǐng)收起你的那些氣死妙想。

找到一個(gè)優(yōu)秀的作品,通過(guò)一步一步的臨摹100%的去還原它,你除了能學(xué)到原作者實(shí)現(xiàn)效果的技法,更重要的學(xué)會(huì)了一個(gè)成熟設(shè)計(jì)的的審美和經(jīng)驗(yàn)(比如上圖里的配色方法和元素布局的比例)。

二、半創(chuàng)造

這個(gè)階段指的是:你有了一定的軟件技法,然后在別人優(yōu)秀的設(shè)計(jì)上加入一些自己的想法去嘗試微創(chuàng)新。

三、純?cè)瓌?chuàng)

當(dāng)設(shè)計(jì)師的技法能實(shí)現(xiàn)想法階段,除了需要設(shè)計(jì)師有一個(gè)好想法,也需要設(shè)計(jì)師擁有一些綜合技能。

做出一個(gè)優(yōu)秀的作品具體需要的條件:

  • 首先要有好的想法

  • 擁有過(guò)硬的軟件技能

  • 執(zhí)行力

執(zhí)行力

選擇你感興趣的領(lǐng)域,通過(guò)以上三個(gè)練習(xí)階段,相信第二點(diǎn)的軟件技能一定可以過(guò)關(guān)。那執(zhí)行力和和想法從哪里來(lái)?

先說(shuō)說(shuō)執(zhí)行,好的想法和審美聯(lián)系密切。在工作之余的執(zhí)行力即自我驅(qū)動(dòng)力。

自我驅(qū)動(dòng)力大概分為三種:熱愛(ài)型驅(qū)動(dòng)、利益型驅(qū)動(dòng)和目標(biāo)追逐型驅(qū)動(dòng)。

熱愛(ài)驅(qū)動(dòng)型:這種動(dòng)力來(lái)自于內(nèi)在,你可能從心底就喜歡設(shè)計(jì)。

利益驅(qū)動(dòng)型:為了追求職場(chǎng)加薪或是更好的物質(zhì)生活等都可以成為你的動(dòng)力。

目標(biāo)追逐型:有時(shí)候偶像的力量是很大的。

那如何加強(qiáng)驅(qū)動(dòng)力?有一個(gè)詞叫刻意練習(xí)。具體的就是把上面三個(gè)階段列一個(gè)時(shí)間計(jì)劃并強(qiáng)制執(zhí)行。

好的想法來(lái)自哪里?

好的想法往往來(lái)自你的記憶重組,你把符合項(xiàng)目定位的那些以前的見(jiàn)聞重新剪輯出來(lái),組合并創(chuàng)造。通常情況下你可以從以下幾個(gè)方面獲取一些好的想法。

多體驗(yàn)

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

多體驗(yàn)一些有趣的產(chǎn)品 ,可以經(jīng)常逛一下 App Store 和留意一些公眾號(hào)的推薦,去體驗(yàn)?zāi)切┍煌扑]的新鮮的優(yōu)秀的產(chǎn)品,保持對(duì)產(chǎn)品市場(chǎng)的敏感度。

也可以多關(guān)注你負(fù)責(zé)產(chǎn)品的競(jìng)品,分析和學(xué)習(xí)別人在交互和視覺(jué)上好的的地方。還有就是多去體驗(yàn)生活,好的設(shè)計(jì)大多來(lái)自生活。

多記錄

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

你看過(guò)的那些好設(shè)計(jì)、好文章、好產(chǎn)品,你喜歡的原因,使用心得都可以記錄下來(lái)。

多看

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

什么都看,只要是好的東西都可以看??傊褪遣灰窒拊谀骋活I(lǐng)域。你做UI,那你也要去看平面的東西,還有攝影、3D、建筑等等,看這么多是為了訓(xùn)練你的審美,幫你開(kāi)闊視野和格局

轉(zhuǎn)化

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

當(dāng)我們看攝影,可以學(xué)習(xí)它的構(gòu)圖和色彩搭配,轉(zhuǎn)化為一些漂亮的小插畫。除了轉(zhuǎn)化原有的色彩搭配,你也可以嘗試一下其他的色彩,鍛煉色彩搭配能力。

比如你看平面的時(shí)候,除了學(xué)習(xí)版式和一些元素應(yīng)用,我們還可以結(jié)合3D試試

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

打開(kāi)你的腦洞,多組合,多嘗試。設(shè)計(jì)的共通性和跨界性能給你帶來(lái)更多的創(chuàng)造性。

看的過(guò)程就是訓(xùn)練我們審美的過(guò)程,盡可能的找到一些優(yōu)秀的學(xué)習(xí)榜樣。如果你的參照對(duì)象只有60分,那你做出來(lái)的東西肯定是60分不到的。但如果你學(xué)習(xí)的對(duì)象有95分,那你以他為參照學(xué)習(xí),那你至少有也會(huì)有80分。

看平臺(tái)首推

可以多看一些Behance、Dribbble、站酷的首頁(yè)推薦。注意正確的觀看方式,不是打開(kāi)一個(gè)作品,走馬觀花的刷到底。

你真正需要做的是去看他的設(shè)計(jì)思路,如有需要可以一個(gè)字一個(gè)字的去解讀,看他講解設(shè)計(jì)背景,設(shè)計(jì)思路和流程,還可以看他的包裝結(jié)構(gòu)。

關(guān)注牛人動(dòng)態(tài)

當(dāng)你看到好的作品時(shí)可以順藤摸瓜,關(guān)注一下設(shè)計(jì)師,你可以發(fā)現(xiàn)更多你喜歡的東西。

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

除了關(guān)注他們的作品動(dòng)態(tài),你也可以關(guān)注一下他們公開(kāi)平臺(tái)的生活動(dòng)態(tài),比如 Instagram 和微博??此麄?strong>生活中的狀態(tài)和對(duì)待世界的態(tài)度

建立一套靈感庫(kù)

把你看過(guò)的那些美好的東西收藏起來(lái),分類越詳細(xì)越好,線上的工具你可以使用 Pinterest 和花瓣。線下你可以使用 Inboard 或者 Eagle。

如果你自己的審美不夠,那還可以關(guān)注一些大咖,看他們的收集,再篩選出你喜歡的。比如花瓣上的 skys,Miedum 上的 Muzli。

綜合技能

新人面對(duì)綜合技能的時(shí)候往往會(huì)迷茫?興元君要告訴你的是:不論是你在產(chǎn)品中把做用戶體驗(yàn)做到還是在面試官面前展示,綜合技能都會(huì)你帶來(lái)巨大的優(yōu)勢(shì)。

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

如果有兩個(gè)面試者同時(shí)去面試UI設(shè)計(jì)師的崗位,一個(gè)只會(huì)做UI,但能做到85分,另一個(gè)UI、3D、動(dòng)效什么都會(huì),但每項(xiàng)只有60分,那毫無(wú)疑問(wèn),第一個(gè)更有機(jī)會(huì)得要這份工作。所以先把一個(gè)領(lǐng)域研究透了,再去學(xué)習(xí)一些其他技能也不遲。

多閱讀

只顧手頭功夫也不行,還要多閱讀,你要明白設(shè)計(jì)背后的目的。

《破繭成蝶》它會(huì)講項(xiàng)目流程,不同的角色任務(wù),小的方面,為什么界面是這樣布局?好書(shū)太多了,就不一一舉例了。反正買就對(duì)了,畢竟買書(shū)是一件極具性價(jià)比的事情。買了一定要看。

進(jìn)階產(chǎn)品思維

以上單項(xiàng)技能你都get了的話,下面該提升產(chǎn)品思維。

這里有幾個(gè)方法可以加強(qiáng)你的產(chǎn)品思維:

參加比賽

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

比賽首先能讓你參與真實(shí)的項(xiàng)目,其次你還可以看到一些前輩在和你做同一個(gè)產(chǎn)品的時(shí)候,他們是如何思考和使用設(shè)計(jì)策略的。

Redesign產(chǎn)品

你可以改版自己喜歡的產(chǎn)品,也可以改版那些體驗(yàn)反人類的產(chǎn)品(據(jù)說(shuō) 12306 是被改版做多的產(chǎn)品)。

再設(shè)計(jì)的過(guò)程一定要注重設(shè)計(jì)流程的完整性。從產(chǎn)品定位到用戶畫像,再到交互原型和視覺(jué)界面,每個(gè)流程都不能少。

做未來(lái)的設(shè)計(jì)

VR/AR已經(jīng)火過(guò)了一段時(shí)間了,VR領(lǐng)域的交互設(shè)計(jì)師和3D設(shè)計(jì)師將會(huì)是稀缺人才。學(xué)習(xí)新的技能,可能會(huì)讓你找到當(dāng)初學(xué)設(shè)計(jì)時(shí)的興奮感,還有你提前掌握這些技能或許可以獲得下一波漲薪紅利。

回到工作

最終我們最后還是要回到工作中。把你學(xué)習(xí)到的技能帶到負(fù)責(zé)的產(chǎn)品中:重新梳理產(chǎn)品定位,分析線上的問(wèn)題和收集用戶反饋,研究流行趨勢(shì)確定設(shè)計(jì)風(fēng)格,重新做一個(gè)產(chǎn)品改版的概念稿,最后和團(tuán)隊(duì)評(píng)審改進(jìn)不足的地方,最終主動(dòng)推進(jìn)產(chǎn)品的改版,這就是設(shè)計(jì)師的主動(dòng)性。

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

平時(shí)

沉淀自己設(shè)計(jì)經(jīng)驗(yàn)的最好方法是分享和復(fù)盤。定期的復(fù)盤,可以讓你避免在過(guò)去產(chǎn)品中犯過(guò)的錯(cuò)誤,總結(jié)出問(wèn)題與經(jīng)驗(yàn),發(fā)現(xiàn)新的解決思路,從而提升個(gè)人能力。

分享可以鍛煉你的產(chǎn)品構(gòu)架能力,比如寫文章和做PPT,都是要有邏輯清晰的大綱然后才是輸出的具體觀點(diǎn),同時(shí)還可以幫助新人一舉兩得。

最后要說(shuō)的話:做好當(dāng)下,保持好奇心,Good luck!

干貨 | 2018年UI設(shè)計(jì)師如何自我提升設(shè)計(jì)力?

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔