不同的階段,臨摹的目的不盡相同。一般來說,前期臨摹更多的是練習軟件、技法,后期練習別人的風格表達,綜合運用。所以,我把臨摹分為技法臨摹、半原創到原創 3 個階段,每一個階段沒有絕對的界限,都是在積累創意,完全是可以用到自己的項目中去的。
今天會分享一個我當年做臨摹練習并融入實際項目中的小案例。
大概是在 15 年左右,在網上看到錘子設計師設計的一個圖標,覺得非常驚艷,當時就想把它臨摹下來,這是當時臨摹的一個效果。
△ 原作
△ 這是我當時臨摹的圖
我在臨摹這張圖的時候,想達到的目標是能根據自己的 logo 色及文字,做一個半原創的設計。
然后實際練習中,不斷觀察原作發現有一些細節值得學習:
-
圖標分為水上和水下,2 個層級,在水下的圖形因為折射的關系,會發生扭曲
-
水下會有深淺的顏色變化
-
真實的水會流動,所以在水下會畫出帶明暗細節的水紋線條
-
水下會有氣泡,且氣泡的產生符合真實場景,氣泡的大小由小變大
-
水面的邊緣因為透光而產生邊緣反射
-
投影因為紅色盒子的影響,會偏紅色色相,并且有近實遠虛的關系
-
盒子的邊緣會有 1px 的高光和反光
-
背景為了增加圖標的展示效果,也做了單獨的設計,把四周壓暗,然后加上雜色,使得整體的質感更加強烈
當時,對我來說,在練習的過程中有一個難點就是關于第 3 個細節水的紋理執行有些難度,因為其中包括了粗細變化、虛實變化、明暗變化等等,單純的用圖層樣式或者矢量去畫的話,難度都比較大。這個細節當時耗費了我不少時間,后面突然想到其實也可以用合成的辦法來實現,然后我去找了真實水紋的圖片進行疊加,很快就搞定了。所以,只要能達到效果,不能太過于局限某一種思路。
分析并完成這些細節后,就是你在做這個練習中學到的點,嘗試把它們學以致用。
記得當時在 360 時需要設計一套關于摩洛哥藍色小鎮的官方定制版主題圖標。從搜集的當地代表性的圖片中發現,多彩顏料是當地的一大特征,所以決定以染料為關鍵詞去畫一個圖標,又因為顏料本身自帶多彩的特點,所以以它為主題圖標就很合適了。
然后在思考這個圖標的時候,首先會應用參考圖中的配色,并結合染缸的造型做出了第一版的效果。
這個效果雖然是表達了那個意思,但缺乏亮點,聯想之前練習過水的技法表達(臨摹中第 3 點細節運用),正好可以利用水的紋理做下強化,這樣就優化出了第二版。
嗯,看起來感覺有了一些特點,但感覺缺乏細節,接著思考水除了有紋理高光,應該還會有邊緣高光(結合臨摹中第 5 點細節),所以在邊緣嘗試加了高光,增加體積感,做出水要漫出來的感覺。
如果只有這一層高光的話,細節度感覺還是不大夠,在之前的文章《如何從優秀作品中偷師,用一個游戲案例教你思路》我有分享到在 UI 大佬的作品中能學到他們對于 1px 高光的使用(臨摹作用中的第 7 點),這里因為是液體的材質表現,所以增加一個高光點增加水的通透感。
到目前為止,似乎看起來已經差不多了,但考慮到現實世界中,溢出的彩色液體在透光性很好的情況下,也會對周圍環境產生影響,所以我在顏料設計的四周,配上對應的四種顏色的模糊投影(臨摹練習中的第 6 點)。
在思考下,在臨摹的圖標中為了使得圖標更加自然,作品中其實結合了很多真實世界中會發生的情況,比如水的折射,氣泡的比例,深淺等等,那對于染料來說,會有怎樣的真實情況發生呢?我當時想到一點是,染料在用的過程中其實很容易灑出來,所以圖標背板上現在太過于干凈了,增加一些細節能夠使得背板能夠跟主體物產生關聯,也更加自然。嗯,又是一個小細節。
最后,我們對比下第一版和最終版的效果,細節確實豐富了很多。
一張動態圖可以更加清晰的看到變化。
這次圖標的優化過程,我覺得有幾個要點對我來說印象深刻的:
圖標的風格可以是扁平的,但想要增加自然舒服的細節,一樣可以像畫寫實風格那樣仿照現實。你需要留心觀察這個世界,就算是一張照片中也能有非常多可以利用的細節。
碰到難做出來的細節,多想想有沒有更效率的辦法。比如在做水紋理的時候,一開始就想著完全靠鼠繪畫出來,結果效果一直不大好,然后利用 PS 合成的方法,很快就能把效果做出來。
對于圖標來說,要注意其整體性。比如圖標中的主體物不要跟背景脫離,不要讓圖標背板只是作為一個容器,而要讓背板也成為圖標本身的一部分,這樣圖標的整體性會更好。
臨摹的過程中,一定要多分析,多記錄自己覺得是細節的點。每一次記錄,都可能是將來設計時提升細節的靈感來源。
以上內容只是我在日常練習中應用到實際項目中的一個小案例,其實還有非常多的靈感想法都來自于你平時做的練習,關鍵是要多動手,多總結,才能增強自己對細節的把握能力。
文章來源:優設網 作者:彩云譯設計
藍藍設計( m.ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務