• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】ICON設計心得之招財貓圖標設計




    ICON設計心得之招財貓圖標設計

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自站酷的設計理論類文章,寫教學的作者是yqqowen,感謝yqqowen提供設計理論的實作教學。

    教學大綱:

    這次寫真icon練習時間緊迫,但收穫頗豐。通過模仿,觀察研究,練習,還是做出了能比較寫實的icon,自己也有小成就感。希望通過這次的總結,發現自己現在存在的問題,下次的作品會更加精緻。


    設計理論教學開始

    這次寫真icon練習時間緊迫,但收穫頗豐。通過模仿,觀察研究,練習,還是做出了能比較寫實的icon,自己也有小成就感。希望通過這次的總結,發現自己現在存在的問題,下次的作品會更加精緻。

    ICON設計心得之招財貓圖標設計

    這次練習總結出主要有以下四個方面:

    ICON設計心得之招財貓圖標設計

    一、 胸有成竹–心中有數

    在畫一個icon之前,要做到胸有成竹,心中有其整體的形態概念。也可以參照現實物體的形態,在繪製過程中進行創造改良。

    在ps 中使用鋼筆繪製線條時,要保證線條的流暢性。線條的流暢性可以通過節點數和節點曲進行控制。

    節點個數盡量少,一根曲線可以用兩個節點完成就不要用三個,控制好節點得位置和曲度,足已完成一條漂亮的曲線,節點過多反而畫蛇添足,曲線會因為控制節點過多而不流暢。

    ICON設計心得之招財貓圖標設計

    二、抽絲剝繭–細節堆砌

    看到一個很精緻的icon, 要想我們是可以做到的,然後對其抽絲剝繭,從形態到顏色進行細細拆分,然後逐步疊加,進行細節堆砌。其中細節拆分構思過程中,光和質感的表現是很重要的。

    在做icon時,光線是從哪個方向過來,整個設計過程要一直遵守這個光照原則。不同形狀和質感的物體對光的反射和折射也不同(具體的還在實踐研究中,以後會針對這塊具體發帖),但要敢於用色,加強其對比度,增加icon的立體感,這樣畫出的icon才不會顯得灰灰平平的。

    ICON設計心得之招財貓圖標設計

    三、畫龍點睛–高光,陰影

    一個icon整體形態已經呈現,如果在適當的位置加上高光和陰影,則會起到畫龍點睛的效果。 在一個充滿光的多彩世界里,光與影是重要表現手法,高光和陰影的適當使用則會把icon表現的更為真實和具象。

    icon繪製是在有限小區域,適當的採用誇張的高光和陰影,可以產生強烈的對比, 更能抓住人的眼球,表現出icon的真實感。

    ICON設計心得之招財貓圖標設計

    四、精益求精–沒有最好只有更好

    每次的改完一個icon都覺得已經很不錯了,但在高手的眼裡這都不是最完美的。兩大高手對icon及設計都有着的精益求精的態度,在她們耐心細緻的指導下,每次修改後都有喜人的進步。

    其實對icon的修鍊式設計修改,也等同於設計師的個人修鍊過程,每次到達瓶頸的時候都感覺九死一生,但當穿越瓶頸,就會有豁然開朗的感覺,整個場面hold住了,有木有,有木有~養成記錄自己修鍊過程的好習慣,看到自己的進步,達到精益求精的境界。

    — —

    文章永久連結為: ICON設計心得之招財貓圖標設計