當前位置：平面設計學院 > UI主題圖標設計案例教程
大量臨摹優秀案例作品是提高軟件熟練程度以及形成創作思維的捷徑，本套課程注重案例實操的同時，也強調教會大家臨摹的方法。
第一章 寫實風格
本章以大賽作品“景泰鳳鳴”中國風寫實風格手機主題為案例，演示并講解了這套作品從參賽規則到創意思路分析以及實際制作等，一系列從無到有的詳細過程。通過學習，大家能夠了解并掌握手機主題的意義，并且根據舉辦方或者客戶需求來定制符合要求的完整圖標。
首先分析大賽舉辦方的需求文檔和“景泰鳳鳴”的創意思路，讓大家了解具體參賽流程以及需要制作的內容明細，包括常用圖標、通用圖標、圖標尺寸、天氣widget、音樂widget等。
接著，我們開始以“音樂”圖標為范例演示并講解圖標的繪制過程，主要教大家如何繪制出符合要求尺寸的圖標，以及如何制作本套圖標中最具特色的底紋圖案部分，鞏固并演示了路徑運算等基礎知識。通過學習鳳首底紋、音符、碟片等細節元素的刻畫，以及高光陰影材質等的表現，相信大家對制作出寫實風格的圖標會有更加深刻的理解。
制作好圖標之后，我們開始講解表現手機主題的其他細節元素，包括鳳首圖騰、梅花、中國風文字、背景紋理等裝飾物的質感和紋理表現等。
針對比賽方要求，我們需要制作一個天氣的掛件，接下來我們詳細講解并演示了天氣圖標的完整繪制過程，并且用到了一個非常好用的圓角制作插件來為播放器按鈕制作超自然的圓角效果，包括繪制圓形之間粘連部分的方法也是非常值得學習的。此外，一個好的作品需要有好的展示效果，我們也會教大家如何制作精美主題展示效果。
根據比賽方要求，30個系統應用圖標，那么安裝的第三方手機主題圖標，也需要制作一個通用的底板以及文件夾，這里我們教大家如果通過已經制作好的圖標修改成需要的文件夾和底板。
第二章 卡通風格
本章節開始講解卡通風格主題圖標的繪制，以GO主題·夠設計 參賽作品《我的僵尸鄰居》為案例進行講解?？ㄍL格圖標的特點是，沒有明顯的外輪廓，并且每個圖標相對獨立，又需要統一風格，在表現上具有一定的難度。本章以其中三個圖標為代表進行示范講解，其他制作方法類似，主要以大家課后臨摹為主。
時鐘圖標繪制
日歷圖標繪制
計算器圖標繪制
三個圖標的演示完畢之后，我們開始講解主題的暗黑風格文字特效和背景紋理制作部分
第一章 扁平化風格
扁平化風格圖標近幾年近乎瘋狂地流行起來，以簡單元素、注重色彩、拒絕特效等為主要特色，拋開繁瑣的五大調子，扁平化風格展示這自己獨有的視覺魅力。本章節教大家繪制幾款簡單的扁平化風格圖標，看似簡單的圖形，實則有很多實用的技巧。
主要分兩個小節分別講解扁平化風格播放器圖標、信息圖標、相冊圖標、計算器圖標、相機圖標以及時鐘圖標的繪制
除手機主題會用到扁平化風格之外，其他瀏覽器或者說網頁、海報設計等，扁平化無處不在。本小節以小狐貍圖標為示例，演示并講解了其外輪廓以及圖層樣式的表現過程
以上就是本套課程大致的內容介紹，更多精彩期待正式課程中的講解哦~
|
第一章 寫實風格
|
|
小節主要分析大賽舉辦方的需求文檔，和“景泰鳳鳴”的創意思路，以及需要制作的內容明細，包括常用圖標、通用圖標、圖標尺寸、天氣widget、音樂widget等。 |
|
本小節開始以“音樂”圖標為范例演示并講解圖標的繪制過程，本小節主要教大家如何繪制出符合要求尺寸的圖標，以及如何制作本套圖標中最具特色的底紋圖案部分，鞏固并演示了路徑運算等基礎知識。 |
|
本節課主要講解圖標高光、陰影以及鳳首輪廓和紋理質感的制作。 |
|
音樂圖標主要以唱片的形式來表示，而唱片針則使用了音符這個元素，本小節主要講解音符的形狀和質感以及投影等的繪制，并且大致確定碟片的外輪廓。 |
|
本小節著重講解碟片中螺旋形槽紋質感表現、特殊高光制作以及碟片上的文字的制作等，并且在本小節完成了整個圖標的繪制。 |
|
在演示完圖標的繪制之后，開始針對主題中細節元素進行分析和講解。本小節主要演示毛筆字的制作、梅花和鳳首等裝飾物的質感和紋理表現等。 |
|
針對比賽方要求，我們需要制作一個天氣的掛件，本小節我們詳細講解并演示了天氣圖標的完整繪制過程，并且用到了一個非常好用的圓角制作插件來為播放器按鈕制作超自然的圓角效果，包括繪制圓形之間粘連部分的方法也是非常值得學習的。 |
|
一個好的作品需要有好的展示效果，本小節主要教大家如何制作精美主題展示效果，以及通用背景紋理、第三方通用圖標、文件夾等的制作。 |
|
第二章 卡通風格
|
|
時鐘圖標用“肉排”的形象來表現時鐘底盤的部分，本小節主要講解肉排皮膚質感、肌肉紋理等的制作。 |
|
圖標用“骨頭”形象來表現時針和分針，本小節主要講解骨頭的外形輪廓繪制、立體感塑造、投影制作等內容，至此時鐘圖標繪制完成 |
|
本小節開始講解日歷圖標的繪制，日歷以墓碑元素進行表現，本節內容以界定圖標大小、墓碑外部輪廓、立體感塑造，以及紋理打造等為主要內容進行講解。 |
|
本節課主要講解其他細節元素的表現，包括了墓碑上的日歷文字、土壤中伸出的魔爪以及小草等的制作，至圖標繪制完成 |
|
本節課主要講解了以“帶血絲的眼球”為主要表現元素的計算器圖標的繪制，包括如何把握圖標的高光、陰影、透視等關鍵點，從而營造卡通而真實的感覺。 |
|
三個圖標的演示完畢之后，我們開始講解主題的暗黑風格文字特效和背景紋理制作部分。 |
|
第三章 扁平化風格
|
|
本節課主要講解播放器圖標、信息圖標以及相冊圖標的繪制 |
|
本小節主要講解計算器圖標、相機圖標以及時鐘圖標的繪制 |
|
除手機主題會用到扁平化風格之外，其他瀏覽器或者說網頁、海報設計等，扁平化無處不在。本小節以小狐貍圖標為示例，演示并講解了其外輪廓以及圖層樣式的表現過程。 |
項目分析
文字元素
播放器按鈕
播放器按鈕
播放器效果
展示效果繪制1
展示效果繪制2
背景紋理
寫實風格通用底紋
寫實風格文件夾
鳳首圖騰元素2
鳳首圖騰元素
梅花元素
寫實風格案例分析
寫實風格圖標實例
播放器圖標輪廓
播放器圖標底紋繪制
播放器圖標碟片
播放器圖標碟鳳底紋
播放器圖標碟鳳首圖
播放器圖標碟片繪制
寫實風格碟片細化
卡通風格圖標實例
卡通風格時鐘1
卡通風格時鐘2
卡通風格時鐘1
卡通風格時鐘2
卡通風格底紋2
卡通風格日歷1
卡通風格日歷2
卡通風格日歷3
卡通風格日歷4
卡通風格計算器1
卡通風格計算器2
卡通風格計算器3
卡通風格字效2
卡通風格字效
扁平化播放器
扁平化信息
扁平化相冊
扁平化相機3
扁平化相機1
扁平化相機2
扁平化時鐘
扁平化小松鼠1
扁平化小松鼠2
卡通風格底紋
扁平化小松鼠3
墨先生
專心8
liuying247
cs123456
snakypeter
胡錢多設計
十之八九
1131560568
Lz
LJP
fuling2210
WBE
liuyaqian
1751871819
youquan18
康豐
郭海江
云朵99
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
