2021-3-26 藍(lán)藍(lán)設(shè)計(jì)的小編
不同的階段,臨摹的目的不盡相同。一般來(lái)說(shuō),前期臨摹更多的是練習(xí)軟件、技法,后期練習(xí)別人的風(fēng)格表達(dá),綜合運(yùn)用。所以,我把臨摹分為技法臨摹、半原創(chuàng)到原創(chuàng) 3 個(gè)階段,每一個(gè)階段沒(méi)有絕對(duì)的界限,都是在積累創(chuàng)意,完全是可以用到自己的項(xiàng)目中去的。
今天會(huì)分享一個(gè)我當(dāng)年做臨摹練習(xí)并融入實(shí)際項(xiàng)目中的小案例。
大概是在 15 年左右,在網(wǎng)上看到錘子設(shè)計(jì)師設(shè)計(jì)的一個(gè)圖標(biāo),覺(jué)得非常驚艷,當(dāng)時(shí)就想把它臨摹下來(lái),這是當(dāng)時(shí)臨摹的一個(gè)效果。
△ 原作
△ 這是我當(dāng)時(shí)臨摹的圖
我在臨摹這張圖的時(shí)候,想達(dá)到的目標(biāo)是能根據(jù)自己的 logo 色及文字,做一個(gè)半原創(chuàng)的設(shè)計(jì)。
然后實(shí)際練習(xí)中,不斷觀察原作發(fā)現(xiàn)有一些細(xì)節(jié)值得學(xué)習(xí):
當(dāng)時(shí),對(duì)我來(lái)說(shuō),在練習(xí)的過(guò)程中有一個(gè)難點(diǎn)就是關(guān)于第 3 個(gè)細(xì)節(jié)水的紋理執(zhí)行有些難度,因?yàn)槠渲邪舜旨?xì)變化、虛實(shí)變化、明暗變化等等,單純的用圖層樣式或者矢量去畫(huà)的話,難度都比較大。這個(gè)細(xì)節(jié)當(dāng)時(shí)耗費(fèi)了我不少時(shí)間,后面突然想到其實(shí)也可以用合成的辦法來(lái)實(shí)現(xiàn),然后我去找了真實(shí)水紋的圖片進(jìn)行疊加,很快就搞定了。所以,只要能達(dá)到效果,不能太過(guò)于局限某一種思路。
分析并完成這些細(xì)節(jié)后,就是你在做這個(gè)練習(xí)中學(xué)到的點(diǎn),嘗試把它們學(xué)以致用。
記得當(dāng)時(shí)在 360 時(shí)需要設(shè)計(jì)一套關(guān)于摩洛哥藍(lán)色小鎮(zhèn)的官方定制版主題圖標(biāo)。從搜集的當(dāng)?shù)卮硇缘膱D片中發(fā)現(xiàn),多彩顏料是當(dāng)?shù)氐囊淮筇卣?,所以決定以染料為關(guān)鍵詞去畫(huà)一個(gè)圖標(biāo),又因?yàn)轭伭媳旧碜詭Ф嗖实奶攸c(diǎn),所以以它為主題圖標(biāo)就很合適了。
然后在思考這個(gè)圖標(biāo)的時(shí)候,首先會(huì)應(yīng)用參考圖中的配色,并結(jié)合染缸的造型做出了第一版的效果。
這個(gè)效果雖然是表達(dá)了那個(gè)意思,但缺乏亮點(diǎn),聯(lián)想之前練習(xí)過(guò)水的技法表達(dá)(臨摹中第 3 點(diǎn)細(xì)節(jié)運(yùn)用),正好可以利用水的紋理做下強(qiáng)化,這樣就優(yōu)化出了第二版。
嗯,看起來(lái)感覺(jué)有了一些特點(diǎn),但感覺(jué)缺乏細(xì)節(jié),接著思考水除了有紋理高光,應(yīng)該還會(huì)有邊緣高光(結(jié)合臨摹中第 5 點(diǎn)細(xì)節(jié)),所以在邊緣嘗試加了高光,增加體積感,做出水要漫出來(lái)的感覺(jué)。
如果只有這一層高光的話,細(xì)節(jié)度感覺(jué)還是不大夠,在之前的文章《如何從優(yōu)秀作品中偷師,用一個(gè)游戲案例教你思路》我有分享到在 UI 大佬的作品中能學(xué)到他們對(duì)于 1px 高光的使用(臨摹作用中的第 7 點(diǎn)),這里因?yàn)槭且后w的材質(zhì)表現(xiàn),所以增加一個(gè)高光點(diǎn)增加水的通透感。
到目前為止,似乎看起來(lái)已經(jīng)差不多了,但考慮到現(xiàn)實(shí)世界中,溢出的彩色液體在透光性很好的情況下,也會(huì)對(duì)周?chē)h(huán)境產(chǎn)生影響,所以我在顏料設(shè)計(jì)的四周,配上對(duì)應(yīng)的四種顏色的模糊投影(臨摹練習(xí)中的第 6 點(diǎn))。
在思考下,在臨摹的圖標(biāo)中為了使得圖標(biāo)更加自然,作品中其實(shí)結(jié)合了很多真實(shí)世界中會(huì)發(fā)生的情況,比如水的折射,氣泡的比例,深淺等等,那對(duì)于染料來(lái)說(shuō),會(huì)有怎樣的真實(shí)情況發(fā)生呢?我當(dāng)時(shí)想到一點(diǎn)是,染料在用的過(guò)程中其實(shí)很容易灑出來(lái),所以圖標(biāo)背板上現(xiàn)在太過(guò)于干凈了,增加一些細(xì)節(jié)能夠使得背板能夠跟主體物產(chǎn)生關(guān)聯(lián),也更加自然。嗯,又是一個(gè)小細(xì)節(jié)。
最后,我們對(duì)比下第一版和最終版的效果,細(xì)節(jié)確實(shí)豐富了很多。
一張動(dòng)態(tài)圖可以更加清晰的看到變化。
這次圖標(biāo)的優(yōu)化過(guò)程,我覺(jué)得有幾個(gè)要點(diǎn)對(duì)我來(lái)說(shuō)印象深刻的:
圖標(biāo)的風(fēng)格可以是扁平的,但想要增加自然舒服的細(xì)節(jié),一樣可以像畫(huà)寫(xiě)實(shí)風(fēng)格那樣仿照現(xiàn)實(shí)。你需要留心觀察這個(gè)世界,就算是一張照片中也能有非常多可以利用的細(xì)節(jié)。
碰到難做出來(lái)的細(xì)節(jié),多想想有沒(méi)有更效率的辦法。比如在做水紋理的時(shí)候,一開(kāi)始就想著完全靠鼠繪畫(huà)出來(lái),結(jié)果效果一直不大好,然后利用 PS 合成的方法,很快就能把效果做出來(lái)。
對(duì)于圖標(biāo)來(lái)說(shuō),要注意其整體性。比如圖標(biāo)中的主體物不要跟背景脫離,不要讓圖標(biāo)背板只是作為一個(gè)容器,而要讓背板也成為圖標(biāo)本身的一部分,這樣圖標(biāo)的整體性會(huì)更好。
臨摹的過(guò)程中,一定要多分析,多記錄自己覺(jué)得是細(xì)節(jié)的點(diǎn)。每一次記錄,都可能是將來(lái)設(shè)計(jì)時(shí)提升細(xì)節(jié)的靈感來(lái)源。
以上內(nèi)容只是我在日常練習(xí)中應(yīng)用到實(shí)際項(xiàng)目中的一個(gè)小案例,其實(shí)還有非常多的靈感想法都來(lái)自于你平時(shí)做的練習(xí),關(guān)鍵是要多動(dòng)手,多總結(jié),才能增強(qiáng)自己對(duì)細(xì)節(jié)的把握能力。
文章來(lái)源:優(yōu)設(shè)網(wǎng) 作者:彩云譯設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com