UI設(shè)計(jì)師如何通過練習(xí)提升自己

經(jīng)常遇到很多伙伴咨詢?nèi)绾稳ヌ嵘龑I(yè)、練習(xí)應(yīng)該怎么去做泣刹、靈感從哪里來等等問題。結(jié)合這些問題總結(jié)和梳理了一下自己的點(diǎn)滴經(jīng)驗(yàn)犀被,希望能幫助到大家椅您,與之共勉。

本文的目的是給剛?cè)胄械男氯朔窒韨€(gè)人的一些經(jīng)驗(yàn)寡键,如果是已入行多年的老司機(jī)文章會顯得很基礎(chǔ)^_^

目錄

1掀泳、臨摹,成長的必經(jīng)之路西轩;

2员舵、借鑒,如何正確的拿捏這個(gè)度藕畔;

3马僻、原創(chuàng),雖難注服,卻有跡可循巫玻;

4、心態(tài)祠汇,如何面對工作中的項(xiàng)目仍秤;

5、習(xí)慣可很,讓你無所不能诗力;

6、堅(jiān)持我抠,要打的是一場持久戰(zhàn)苇本;

7、總結(jié)菜拓,你交付的不僅僅是PSD瓣窄;

8、分享纳鼎,利人利己俺夕。

正文

1裳凸、臨摹,成長的必經(jīng)之路

1.1劝贸、臨摹的第一階段:照鏡子

作為剛?cè)胄械男氯艘坦龋R摹是你成長的必經(jīng)之路。不要覺得這是一個(gè)沒有含量的事情映九,總想著要原創(chuàng)梦湘,做出來的設(shè)計(jì)卻總是自毀信心。放棄那些空想件甥,回歸原始捌议,開始度過第一階段的臨摹。

第一階段我們要做的就是臨摹優(yōu)秀的作品引有,只有一個(gè)原則就是:照鏡子禁灼,里外都是一個(gè)模子,畫的越像證明自己越能抓住原作者的特征轿曙。

個(gè)人經(jīng)驗(yàn)分享:

a. 先看整體布局弄捕,尋找出整體布局的層級關(guān)系;

b. 正確的理解原作想要傳達(dá)的重要信息导帝,抓住原作的特征守谓;

c. 通過測量原作的每個(gè)元素的大小比例找到元素組合的關(guān)系;

d. 吸取原作的色彩組合您单,分析這些配色在色環(huán)上的位置關(guān)系斋荞;

e. 如果是擬物圖標(biāo)注意把控光影之間的變化。

第一階段的目的:

a. 熟練軟件操作虐秦,熟能生巧平酿;

b. 對優(yōu)秀作品的分析理解能力,學(xué)會抓住原作的特征悦陋;

c. 磨煉性子蜈彼,讓自己靜下來。

1.2俺驶、臨摹的第二階段:依葫蘆畫瓢

通過大量的臨摹我們度過了軟件操作這一基本要求幸逆,大部分的效果都可以找到實(shí)現(xiàn)的方法,也能很快抓住原作的特征暮现,自己也能靜下來做耗時(shí)更長的練習(xí)啦还绘!

那么,我們開始第二階段吧栖袋!這個(gè)階段我們依然屬于臨摹拍顷,還不算原創(chuàng),我把這個(gè)階段稱之為“依葫蘆畫瓢”塘幅,就是我們根據(jù)原作的表現(xiàn)形式昔案、創(chuàng)意和特征更換新的思路尿贫。如:相同的配色不同的元素、相同的元素不同的配色爱沟、相同的布局不同的設(shè)計(jì)風(fēng)格等等帅霜。在臨摹中慢慢的加入一些自己的思考匆背,更加靈活的掌握原作的表現(xiàn)技巧呼伸,最終的整體效果要達(dá)到原作的表現(xiàn)程度。

第二階段的目的:

a. 鍛煉自己對原作的深度理解钝尸;

b. 通過一個(gè)配色衍生出系列配色括享;

c. 運(yùn)用相同的框架布局表現(xiàn)不同的風(fēng)格。

2珍促、借鑒铃辖,如何正確的拿捏這個(gè)度

2.1、借鑒的誤區(qū)

借鑒并非臨摹猪叙,很多剛?cè)胄械男氯丝偸前盐詹蛔〗梃b的程度娇斩,把帶有原作明顯特征的作品當(dāng)作自己的原創(chuàng)發(fā)帖,引來很多老司機(jī)的吐槽穴翩。借此總結(jié)給剛?cè)胄械男氯苏f明一下這個(gè)誤區(qū)犬第,借鑒一定要注意這個(gè)度,不然就變抄襲了芒帕。

2.2歉嗓、避開借鑒的雷區(qū)

雖然我們提倡原創(chuàng),但是作為入行不久的新人背蟆,完全原創(chuàng)是非常吃力的鉴分,有時(shí)候拿到一個(gè)項(xiàng)目,如果一味追求完全的原創(chuàng)可能會無從下手带膀,影響項(xiàng)目的進(jìn)度志珍。適當(dāng)?shù)慕梃b優(yōu)秀的作品,可以快速找到靈感垛叨,順利的完成項(xiàng)目碴裙。

這里需要注意借鑒是有度的,不要把原作的特征性元素拿來當(dāng)自己的創(chuàng)意点额,這樣就屬于抄襲啦舔株。

還有更多這樣的案例就不一一列舉,關(guān)于如何合理的避開借鑒雷區(qū)还棱,以下是個(gè)人的一點(diǎn)總結(jié):

a. 不要借鑒原作特征性的元素或者創(chuàng)意载慈;

b. 借鑒范圍不要太大,一半以上都是借鑒需要謹(jǐn)慎珍手;

c. 可以借鑒原作在處理此類題材的表現(xiàn)形式或者設(shè)計(jì)風(fēng)格办铡;

d. 更加多樣化的借鑒不同作品辞做,將其融合在自己的設(shè)計(jì)中;

e. 要有自己的職業(yè)素養(yǎng)寡具,保持對原作者的敬意秤茅。


3、原創(chuàng)童叠,雖難框喳,卻有跡可循

3.1、原創(chuàng)厦坛,來源于生活

很多優(yōu)秀的點(diǎn)子都是生活中的某種經(jīng)歷五垮,細(xì)心的體會生活中的點(diǎn)點(diǎn)滴滴,記錄下你覺得有意義的東西杜秸,也許靈感就在里面放仗。如同下面這組icon設(shè)計(jì),就是對生活中真實(shí)的物件進(jìn)行概括而成撬碟。

3.2诞挨、從照片中發(fā)現(xiàn)靈感

欣賞優(yōu)秀的攝影作品,通過對構(gòu)圖呢蛤、配色惶傻、光影的分析,可以從中提取很多點(diǎn)作為自己的靈感來源顾稀。

3.3达罗、設(shè)計(jì)是相通的,善于利用一切設(shè)計(jì)形式尋找靈感

如果你做APP設(shè)計(jì)静秆,你所關(guān)注的不僅限于UI界面粮揉,可以是一張海報(bào)、一個(gè)LOGO抚笔、一個(gè)動效扶认、一個(gè)插畫等等,一切的設(shè)計(jì)作品都將會給你的設(shè)計(jì)帶來靈感殊橙。我們在觀看設(shè)計(jì)作品的時(shí)候不要過于局限辐宾,要更加廣泛的吸收不同的設(shè)計(jì)表現(xiàn)形式。

素材來源于互聯(lián)網(wǎng)

根據(jù)動效借鑒完成的概念練習(xí)作品

3.4膨蛮、根據(jù)設(shè)計(jì)風(fēng)格尋找練習(xí)主題

也許我們在觀看優(yōu)秀作品的時(shí)候會被某一張?jiān)O(shè)計(jì)作品所打動叠纹,可以是作品的板式布局、配色敞葛、創(chuàng)意等等誉察。我們可以以這張打動自己的設(shè)計(jì)作品入手,分析它的設(shè)計(jì)風(fēng)格惹谐,以此風(fēng)格進(jìn)行主題聯(lián)想持偏,找到符合這個(gè)風(fēng)格的主題驼卖,然后進(jìn)行全套的設(shè)計(jì)練習(xí)。

3.5鸿秆、根據(jù)主題尋找合適的設(shè)計(jì)表現(xiàn)形式

當(dāng)我們有明確的設(shè)計(jì)主題時(shí)酌畜,可以根據(jù)這個(gè)主題去尋找能相融合的設(shè)計(jì)表現(xiàn)形式。這個(gè)相對比較難以掌控卿叽,需要我們在平時(shí)觀看優(yōu)秀設(shè)計(jì)作品時(shí)桥胞,養(yǎng)成采集分類的習(xí)慣,這樣遇到明確主題時(shí)才能更快的找到比較相符合的參考案例附帽。

3.6埠戳、改版已有的產(chǎn)品

當(dāng)我們練習(xí)沒有靈感時(shí)井誉,可以選擇一些已經(jīng)上線的產(chǎn)品進(jìn)行改版重設(shè)蕉扮,可以借用現(xiàn)有的交互形式進(jìn)行優(yōu)化設(shè)計(jì),也可以加入一些新功能颗圣,設(shè)計(jì)出全新的產(chǎn)品喳钟,也是一種尋找原創(chuàng)練習(xí)的途徑。

3.7在岂、從競品分析入手完成概念設(shè)計(jì)

當(dāng)我們要進(jìn)行一個(gè)概念設(shè)計(jì)練習(xí)的時(shí)候總是不知道如何開始奔则,或者做到一半感覺很多功能銜接不上等一系列的問題。那是在開始練習(xí)之前沒有做好前期準(zhǔn)備蔽午,雖然是概念設(shè)計(jì)易茬,但是我們依然要從競品分析入手,通過體驗(yàn)不同的產(chǎn)品發(fā)現(xiàn)他們存在的共性和差異化及老,梳理出自己概念設(shè)計(jì)的功能架構(gòu)圖和框架圖抽莱。通過完善的流程,為后續(xù)的設(shè)計(jì)奠定基礎(chǔ)骄恶。

從競品分析入手完成的練習(xí)作品

http://www.zcool.com.cn/work/ZMjM3NTI5MjQ=.html

3.8食铐、養(yǎng)成大量采集素材的習(xí)慣

當(dāng)你開始練習(xí)的時(shí)候一定要先采集大量的素材,不要急于開啟設(shè)計(jì)軟件僧鲁∨吧耄看得夠多,腦海中才會有映像寞秃,在設(shè)計(jì)的時(shí)候才能快速的通過大腦查找出更好的表現(xiàn)形式斟叼。

4、心態(tài)春寿,如何面對工作中的項(xiàng)目

4.1朗涩、小公司該有的心態(tài)

很多人都抱怨自己的公司太小,項(xiàng)目不成熟堂淡,老板對設(shè)計(jì)不重視馋缅,設(shè)計(jì)項(xiàng)目沒有價(jià)值等等扒腕。最終幾年工作下來沒有積攢出什么像樣的作品,也無法撬開大公司的大門萤悴。當(dāng)我們身處這樣的環(huán)境時(shí)瘾腰,我們更要以陽光積極的心態(tài)面對每一個(gè)項(xiàng)目,把它們當(dāng)作自己的作品來做覆履,這樣即使你們的項(xiàng)目沒有良好的市場規(guī)模蹋盆,但是你的設(shè)計(jì)是可以放進(jìn)作品集的。如果對線上的設(shè)計(jì)不滿意硝全,可以利用業(yè)余時(shí)間優(yōu)化你的設(shè)計(jì)栖雾,讓這個(gè)項(xiàng)目更有設(shè)計(jì)感。

4.2伟众、主動的尋找設(shè)計(jì)機(jī)會

有時(shí)候公司中的設(shè)計(jì)任務(wù)相對較少析藕,我們要主動的去尋找設(shè)計(jì)機(jī)會,可以是優(yōu)化以前的項(xiàng)目凳厢,也可以是改版已經(jīng)上線的產(chǎn)品账胧,做出一些概念的嘗試,不僅可以豐富自己的作品集先紫,還能幫助自己熟悉公司各個(gè)產(chǎn)品板塊的業(yè)務(wù)治泥,為后續(xù)的項(xiàng)目設(shè)計(jì)提高效率。

4.3遮精、不斷的總結(jié)與分享

要不斷的對工作中的項(xiàng)目設(shè)計(jì)進(jìn)行總結(jié)居夹,梳理整個(gè)流程中的各個(gè)環(huán)節(jié),形成文字版的項(xiàng)目心得本冲,不僅可以不斷優(yōu)化你對設(shè)計(jì)的全局觀准脂,還能提高自己的總結(jié)能力。也要經(jīng)常在團(tuán)隊(duì)里面分享自己的成長與學(xué)習(xí)眼俊,幫助大家一起進(jìn)步意狠,分享的同時(shí)也能對自己的知識體系進(jìn)行查漏補(bǔ)缺。

5疮胖、習(xí)慣环戈,讓你無所不能

5.1、養(yǎng)成不斷采集分類的習(xí)慣

看到優(yōu)秀的設(shè)計(jì)作品或者美文美圖澎灸,不只是看看而已院塞,要進(jìn)行有效的采集與分類,分類越細(xì)越好性昭,這樣才能快速的在以后的設(shè)計(jì)中得以運(yùn)用拦止。

5.2、更加全面的分析自己采集的作品

只是采集作品到收藏夾是沒有很大作用的,我們要對優(yōu)秀的作品進(jìn)行細(xì)致的分析汹族。對字體大小萧求、留白比例、版面布局顶瞒、配色等等進(jìn)行量化的分析夸政。找到每個(gè)元素表現(xiàn)形式之間的關(guān)系,以后在面對自己的設(shè)計(jì)時(shí)榴徐,才能更好的將這些關(guān)系運(yùn)用到作品中守问,提高自己作品的質(zhì)量。

6坑资、堅(jiān)持耗帕,要打的是一場持久戰(zhàn)

練習(xí)一個(gè)兩個(gè),一天兩天都是非常容易的,堅(jiān)持一年兩年甚至更久就是一件不太容易的事情。如果想要不斷的進(jìn)步,就需要更多的堅(jiān)持。不僅要加強(qiáng)日常練習(xí)吓蘑,還要經(jīng)常觀看一些理論書籍,全方面的提升自己的綜合能力盈魁。

7愿汰、總結(jié),你交付的不僅僅是PSD

7.1枕屉、項(xiàng)目總結(jié)

這一點(diǎn)上面也提到過常柄,我們通過對項(xiàng)目的總結(jié)可以不斷優(yōu)化對設(shè)計(jì)的全局觀,還能提高自己的總結(jié)能力搀擂。如果交付的永遠(yuǎn)就只是一個(gè)PSD文件西潘,只能停留在視覺表現(xiàn)層,長遠(yuǎn)發(fā)展是非常不利的哨颂。

7.2喷市、經(jīng)驗(yàn)總結(jié)

不斷的總結(jié)自己的設(shè)計(jì)經(jīng)驗(yàn),不但可以梳理自己的知識體系威恼,還能對一些不太牢固的認(rèn)知進(jìn)行重新驗(yàn)證與強(qiáng)化品姓。

8、分享箫措,利人利己

設(shè)計(jì)是需要不斷分享交流的腹备,不斷的分享自己的練習(xí)作品或者經(jīng)驗(yàn)總結(jié),可以和更多的人交流想法斤蔓,也可以得到別人的指點(diǎn)植酥。長此以往,你會發(fā)現(xiàn)自己收獲到的不僅是專業(yè)的提升,還有一種陽光積極的心態(tài)友驮,就會不斷驗(yàn)證那句話:“越努力漂羊,越幸運(yùn)”!

以上分享僅代表個(gè)人多年以來練習(xí)提高和工作方式的一些點(diǎn)滴經(jīng)驗(yàn)卸留,不足之處望留言指正拨与,期待大家一起進(jìn)步!

想要參加30天UI設(shè)計(jì)速成課程的請關(guān)注下方二維碼艾猜!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末买喧,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子匆赃,更是在濱河造成了極大的恐慌淤毛,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件算柳,死亡現(xiàn)場離奇詭異低淡,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)瞬项,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評論 3 385
  • 文/潘曉璐 我一進(jìn)店門蔗蹋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人囱淋,你說我怎么就攤上這事猪杭。” “怎么了妥衣?”我有些...
    開封第一講書人閱讀 157,435評論 0 348
  • 文/不壞的土叔 我叫張陵皂吮,是天一觀的道長。 經(jīng)常有香客問我税手,道長蜂筹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,509評論 1 284
  • 正文 為了忘掉前任芦倒,我火速辦了婚禮艺挪,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘兵扬。我一直安慰自己麻裳,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,611評論 6 386
  • 文/花漫 我一把揭開白布周霉。 她就那樣靜靜地躺著掂器,像睡著了一般。 火紅的嫁衣襯著肌膚如雪俱箱。 梳的紋絲不亂的頭發(fā)上国瓮,一...
    開封第一講書人閱讀 49,837評論 1 290
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼乃摹。 笑死禁漓,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的孵睬。 我是一名探鬼主播播歼,決...
    沈念sama閱讀 38,987評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼掰读!你這毒婦竟也來了秘狞?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,730評論 0 267
  • 序言:老撾萬榮一對情侶失蹤蹈集,失蹤者是張志新(化名)和其女友劉穎烁试,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拢肆,經(jīng)...
    沈念sama閱讀 44,194評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡减响,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,525評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了郭怪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片支示。...
    茶點(diǎn)故事閱讀 38,664評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖鄙才,靈堂內(nèi)的尸體忽然破棺而出颂鸿,到底是詐尸還是另有隱情,我是刑警寧澤咒循,帶...
    沈念sama閱讀 34,334評論 4 330
  • 正文 年R本政府宣布据途,位于F島的核電站,受9級特大地震影響叙甸,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜位衩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,944評論 3 313
  • 文/蒙蒙 一裆蒸、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧糖驴,春花似錦僚祷、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至感昼,卻和暖如春装哆,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評論 1 266
  • 我被黑心中介騙來泰國打工蜕琴, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留萍桌,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,389評論 2 360
  • 正文 我出身青樓凌简,卻偏偏與公主長得像上炎,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子雏搂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,554評論 2 349

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