設(shè)計(jì)師如何通過(guò)臨摹學(xué)習(xí)UI設(shè)計(jì)

1.為什么臨摹很重要
如果把我們的大腦比喻成一塊電腦的硬盤(pán)，大家的容量應(yīng)該都是差不多的，但是，每個(gè)人的可用空間卻不一樣。對(duì)于沒(méi)有經(jīng)驗(yàn)或UI的初學(xué)者來(lái)說(shuō)，他們的可用空間是大的，但是硬盤(pán)里存儲(chǔ)的文件卻極少，就像一臺(tái)沒(méi)有安裝系統(tǒng)的電腦，無(wú)法去調(diào)用程序和資料。

通過(guò)臨摹學(xué)習(xí)UI設(shè)計(jì)

而隨著工作經(jīng)驗(yàn)的增加，我們了解了UI的基礎(chǔ)知識(shí)，設(shè)計(jì)和審美等等的能力，這個(gè)時(shí)候，硬盤(pán)里就被安裝上了操作系統(tǒng)，但是不同經(jīng)驗(yàn)的設(shè)計(jì)師在操作系統(tǒng)資料庫(kù)里存儲(chǔ)的內(nèi)容是有多有少的，資料太少?zèng)Q定了你無(wú)法根據(jù)已有的知識(shí)形成“靈感”，而資料比較多的設(shè)計(jì)師則可以比較自由的根據(jù)工作中的實(shí)際情況在自己的記憶庫(kù)中調(diào)取相應(yīng)的內(nèi)容，經(jīng)過(guò)組合，加工，形成一套可以應(yīng)用去解決現(xiàn)實(shí)問(wèn)題的“靈感”。
所以，我們回到文章開(kāi)頭，“我沒(méi)有項(xiàng)目經(jīng)驗(yàn)”這個(gè)問(wèn)題，其實(shí)是無(wú)解的，因?yàn)橹挥薪?jīng)歷了，才會(huì)有經(jīng)驗(yàn)。話(huà)說(shuō)回來(lái)，我迫切需要一些“經(jīng)驗(yàn)”的儲(chǔ)備，這怎么辦呢？行之有效的有一個(gè)方式，就是大量的臨摹已有的案例。強(qiáng)制將別人的經(jīng)驗(yàn)“拷貝”到自己的大腦硬盤(pán)中去。
因此，前期千萬(wàn)不要鄙視臨摹，想想達(dá)芬奇還畫(huà)了無(wú)數(shù)個(gè)雞蛋呢，臨摹絕對(duì)不是一件沒(méi)有價(jià)值的事情，它反而非常重要，不管三七二十一，先積累資料，哪怕這些資料不是你真是的項(xiàng)目產(chǎn)生的。
2.臨摹應(yīng)該遵循怎樣的順序
在臨摹之前，有一步是必不可少的，那就是設(shè)計(jì)的基礎(chǔ)知識(shí)，最常見(jiàn)的就是我們?cè)诖髮W(xué)中學(xué)到的《三大構(gòu)成》（平面構(gòu)成，立體構(gòu)成，色彩構(gòu)成）。如果你這方面的理論知識(shí)積累極少或者壓根沒(méi)有，那么你臨摹再多，也無(wú)法找到臨摹物件的規(guī)律，形不成有效的思考。

通過(guò)臨摹學(xué)習(xí)UI設(shè)計(jì)

因此，基礎(chǔ)部分夯實(shí)之后，再進(jìn)行臨摹，是最有效的。那么，具體對(duì)于UI設(shè)計(jì)學(xué)習(xí)者來(lái)說(shuō)，要先去臨摹什么呢？在選擇優(yōu)質(zhì)的臨摹對(duì)象的基礎(chǔ)上，我有一下建議：
1>單個(gè)圖標(biāo)，2>圖標(biāo)套系（練習(xí)協(xié)調(diào)性），3>版式（包含文字與配色），4>整體界面臨摹，5>啟動(dòng)界面與廣告設(shè)計(jì)(品牌意識(shí))，  6>插畫(huà)及其它加分技能。
當(dāng)?shù)谒膲K的版式設(shè)計(jì)臨摹到一定程度，學(xué)習(xí)者對(duì)于設(shè)計(jì)稿元素的整體協(xié)調(diào)性，元素的搭配及內(nèi)容的理解就相對(duì)到位，基本上可以達(dá)到六七十分的標(biāo)準(zhǔn)了。而后期的品牌和產(chǎn)品意識(shí)，以及加分項(xiàng)目，可以根據(jù)需求強(qiáng)化練習(xí)。
3.臨摹過(guò)程中 你加入自我思考了嗎？
雖說(shuō)大家都能明白臨摹的重要性，但是在第三步，才是真真正正的臨摹的精髓所在。有人說(shuō)，我已經(jīng)臨摹幾百上千張界面圖標(biāo)了，為什么到自己設(shè)計(jì)的時(shí)候，還是腦袋空空呢？
那是因?yàn)?，他在臨摹的時(shí)候，只有手在動(dòng)，腦袋卻沒(méi)轉(zhuǎn)。機(jī)械性的臨摹雖然讓人在學(xué)習(xí)初期有很強(qiáng)烈的充實(shí)感，也能臨摹出自覺(jué)不錯(cuò)的設(shè)計(jì)。但是，這只是依葫蘆畫(huà)瓢，缺少總結(jié)和規(guī)律的提煉。
比如當(dāng)我們?cè)谂R摹下面這個(gè)擬物化圖標(biāo)的時(shí)候，你是否想過(guò)幾個(gè)問(wèn)題：1.這個(gè)圖標(biāo)的視角是怎樣的？俯視，平視，45度角等等？ 2.光源在哪里？我們可以發(fā)現(xiàn)，它的光源是在右上角，受光面更亮（高光），背光面暗（陰影）。那么我們就自然知道陰影往哪里打了。 3. 這個(gè)物體的材質(zhì)怎樣？塑料？紙張？金屬？玻璃？等等。它決定了光照上去的觀(guān)感。 4.最后，就是圖標(biāo)的形狀了。

通過(guò)臨摹學(xué)習(xí)UI設(shè)計(jì)

所以，我們找到這些規(guī)律，結(jié)合接觸的圖形構(gòu)成理論，很容易提煉出為自己所用的，自我獨(dú)有的理論，從而觸類(lèi)旁通，舉一反三。
而在模仿UI界面的時(shí)候，我們可以對(duì)界面中的元素進(jìn)行歸類(lèi)。拿最常見(jiàn)的列表來(lái)說(shuō)，在臨摹的過(guò)程中，多去總結(jié)主標(biāo)題，副標(biāo)題的搭配樣式，顏色，總結(jié)規(guī)律，這樣學(xué)習(xí)效率就非常高啦！

通過(guò)臨摹學(xué)習(xí)UI設(shè)計(jì)

當(dāng)我們臨摹+思考到一定程度，自己大腦中的素材庫(kù)就會(huì)變得豐富，同時(shí)這些素材可以隨取隨用，而不是藏到某個(gè)生僻的文件夾中雪藏。你就可以順利出師了。
之后，大家可以嘗試將臨摹的一整套設(shè)計(jì)稿進(jìn)行分析，總結(jié)這個(gè)設(shè)計(jì)稿中哪些地方需要改進(jìn)，哪些地方可以繼承和發(fā)揚(yáng)，在產(chǎn)品的角度，分析設(shè)計(jì)者為什么要這么做而不是那么做，為何用這個(gè)配色。
這就是臨摹的高級(jí)境界啦。最終，把這些缺點(diǎn)加以改進(jìn)，你就會(huì)越來(lái)越有想法，越來(lái)越主動(dòng)，加上大腦硬盤(pán)中的海量存儲(chǔ)，靈感這個(gè)東西就可以做到隨取隨用啦！so，靈感不是靈光一閃，而是大量知識(shí)和經(jīng)驗(yàn)儲(chǔ)備的必然結(jié)果哦。
此后，你可以嘗試去做一些知名應(yīng)用的Redesign，培養(yǎng)設(shè)計(jì)和產(chǎn)品思維。
恭喜你，到這一步后，你離出師不太遠(yuǎn)啦！
想一想，通過(guò)臨摹，軟件也熟悉了，審美也提升了，思維也有了，一舉多得，真的是一件好事有木有。
4.思維整理在臨摹過(guò)程中的重要性
在上面的文章中，我們強(qiáng)調(diào)了在臨摹過(guò)程中的歸納和總結(jié)，以及思考能力。我經(jīng)常會(huì)舉一個(gè)例子，你面前的碗里有綠豆，黃豆，紅豆，花生，硬幣，大米，玻璃球。請(qǐng)問(wèn)你如何把他們進(jìn)行歸類(lèi)呢？
這里就是一個(gè)開(kāi)放性的問(wèn)題，并沒(méi)有標(biāo)準(zhǔn)答案，我們可以用是否可以食用來(lái)進(jìn)行歸類(lèi)，也可以用顏色是否一致來(lái)歸類(lèi)，亦或是大小相同的歸一類(lèi)。這就是我們通過(guò)紛繁實(shí)物來(lái)去整理思緒的一個(gè)例子，在臨摹過(guò)程中，大量的設(shè)計(jì)稿一定會(huì)有共通點(diǎn)，有沒(méi)有這個(gè)把它們歸類(lèi)和整理的覺(jué)悟呢？
別忘了練習(xí)。最后推薦一本我經(jīng)常拿出來(lái)說(shuō)的書(shū)：《佐藤可士和的超整理術(shù)》。這本書(shū)對(duì)靜電受益匪淺，因?yàn)樗粌H僅是一本幫你整理屋子的書(shū)。更是一本整理你思緒的書(shū)。讀讀看吧？

通過(guò)臨摹學(xué)習(xí)UI設(shè)計(jì)

最后，臨摹一點(diǎn)都不可恥，祝大家都能通過(guò)臨摹順利的進(jìn)階~但要記住，千萬(wàn)不要忘記思考，否則你只是一個(gè)拷貝機(jī)器而已。

（鄭重聲明：本文版權(quán)歸原作者靜電所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如有侵權(quán)，請(qǐng)聯(lián)系我們刪除；如作者信息標(biāo)記有誤，請(qǐng)聯(lián)系我們修改。）

新聞名稱(chēng)：設(shè)計(jì)師如何通過(guò)臨摹學(xué)習(xí)UI設(shè)計(jì)
文章URL：http://www.bm7419.com/news29/116129.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、電子商務(wù)、網(wǎng)站設(shè)計(jì)公司、全網(wǎng)營(yíng)銷(xiāo)推廣、App設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)