2021-4-1 周周
文章主路徑如下：
這組圖標非常有活力和創(chuàng)意，色彩很活潑，原作者是菜心。我也常用微漸變來做圖標，但是沒有嘗試過加上描邊，并且這種強烈的對比色也在我習慣用色外。臨摹這組圖標可以突破我的用色習慣。
我們先逐步拆分，再進行總結。
第一步，分析原作品的結構。
圖標可以拆分為線、面和小元素。我在 sketch 做的，形狀的線面轉(zhuǎn)換比較簡單。線跟面的圖層要分開，因為面圖層帶有反光，而線圖層沒有。
第二步，確定光源的方向。
從作者的表現(xiàn)來看，光源在左上角，因此所有的圖標應該遵循同一光源方向的原則。光源的表現(xiàn)會因為材質(zhì)的不同而不同。比如「LIKE 燈牌」帶有自發(fā)光、「鈴鐺」帶有高光。所有物體的反光比受光面要亮一點，讓人感覺很通透。
第三步，分析原作的顏色。
不要吸色，先自己調(diào)色。剛開始會有點難，但是這種練習會幫助我們提高眼睛辨色的能力，提高色感。對比自己和原作的顏色，發(fā)現(xiàn)我調(diào)色不夠準確，沒有做到不同顏色飽和度一致，漸變色跳躍比較大。這表示我還沒有理解原作的用色，后續(xù)臨摹的時候需要修正。
第四步，總結作者的設計語言。
分析完以后開始臨摹。
先說一下體量感的問題，因為有很多設計師在做圖標的時候會忽略這一點。常見的方法是拿圖標框來限定，但是問題又來了，有的人限定得太死板，不會根據(jù)實際情況來微調(diào)。針對這種情況，可以拿別人的整套圖標作品做反推，在臨摹的時候，留意別人對體量感的把握。
定義了大概的體量之后，我會觀察圖標大致的形狀和角度，憑印象先把造型做出來。過程中沒有把原作品放在旁邊，最多在忘記的時候去看一眼。這樣做的好處是，可以發(fā)現(xiàn)自己觀察的時候漏了什么（這個方法是跟菜心學的）。下圖就是第一次臨摹的草稿，orz…鈴鐺最不好畫了。
拿著草稿來對比原圖，把自己錯漏的地方找出來。
統(tǒng)計錯漏的地方，重新調(diào)整圖標，達到 90%以上的相似度后，給圖標上色。
做完這一步后，大概理解了作者做這套圖標時的邏輯以及方法。我們可以開始做半原創(chuàng)的設計，在原作的基礎上延展幾個圖標。我選擇電商主題的「充值、簽到 、賺錢、砍價」這四個圖標來做。
我們先找參考素材。不管畫圖標、做界面，還是畫插畫，學會找參考非常重要。參考不是照抄，而是給我們提供靈感來源，切記不要憑空想象。有一天，團隊的設計師跟我說她不會畫衣服的褶皺，畫起來總是怪怪的。我叫她上網(wǎng)找相似衣服的圖片，看一下別人的褶皺和光影，她就茅塞頓開了。因為她總是用“原創(chuàng)”局限自己，沒有找實物參考。
原創(chuàng)絕不是憑空想象，而是有源設計的融合。
結合作者的設計語言做延展圖標，放在原作里面也不違和的話，就成功一大半啦。
接下來是原創(chuàng)時間～我們將作者的設計語言其中一些變量改變，會得出不同的結果。
文章來源：優(yōu)設網(wǎng) 作者：牙線y2x
藍藍設計( m.sillybuy.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務