教學課件2-4-2D剪影圖標的繪制

2D剪影圖標的繪制授課教師：肖文婷2D剪影圖標的繪制授課教師：肖文婷剪影圖標，因為其簡潔容易識別的造型，經(jīng)常被大批量成套的運用在系統(tǒng)功能菜單里，所以一般外觀的統(tǒng)一性和識別性非常重要?，F(xiàn)在網(wǎng)絡(luò)資源非常豐富，有大量的剪影矢量圖標素材下載，而新手UI設(shè)計師最容易犯的錯誤就是東挖西找，導致整套圖標風格不統(tǒng)一。風格不統(tǒng)一的2D剪影圖標剪影圖標，因為其簡潔容易識別的造型，經(jīng)常被大批量成套的運用在1、倒角和圓角一致【

2D剪影圖標繪制標準】2、線的寬度一致1、倒角和圓角一致【2D剪影圖標繪制標準】2、線的寬度一致3、體積感一致4、外輪廓造型一致3、體積感一致4、外輪廓造型一致5、傾斜角度一致6、透視角度一致5、傾斜角度一致6、透視角度一致7、功能識別性，陰陽兩套在不同背景色上的呈現(xiàn)7、功能識別性，陰陽兩套在不同背景色上的呈現(xiàn)1、關(guān)鍵節(jié)點繪制法剪影圖標以簡練為繪制手段，不是沒有細節(jié)，而是更加謹慎認真的注重每一筆。這里舉例剪影圖標繪制方法要點，看似又簡單又難，簡單的是只是繪制參照物輪廓，保留基礎(chǔ)識別性，步驟很少；難的是調(diào)整的過程與產(chǎn)品環(huán)境的融合性，易用性，還有設(shè)計者的創(chuàng)意想法。最基本的最需要犀利眼神抓準的是造型的關(guān)鍵節(jié)點，雛形出來后再根據(jù)想法調(diào)整?！?/p>

2D剪影圖標設(shè)計技巧】1、關(guān)鍵節(jié)點繪制法【2D剪影圖標設(shè)計技巧】教學ppt課件2-4-2D剪影圖標的繪制2、繪制精致的基礎(chǔ)要素（1）輪廓飽滿，不出現(xiàn)邊緣模糊現(xiàn)象。圖標邊緣輪廓處理2、繪制精致的基礎(chǔ)要素圖標邊緣輪廓處理（2）圖標圖形結(jié)構(gòu)比例協(xié)調(diào)。同一圖標圖形內(nèi)部結(jié)構(gòu)優(yōu)化處理（2）圖標圖形結(jié)構(gòu)比例協(xié)調(diào)。同一圖標圖形內(nèi)部結(jié)構(gòu)優(yōu)化處理（3）保持圖形的視覺平衡。圓形與方形圖標的視覺平衡處理（3）保持圖形的視覺平衡。圓形與方形圖標的視覺平衡處理【繪制籃球2D剪影圖標實例】新建畫布，并設(shè)置背景色【繪制籃球2D剪影圖標實例】新建畫布，并設(shè)置背景色繪制50×50px的外圓繪制50×50px的外圓繪制46×46px的內(nèi)圓并相減得到外框繪制46×46px的內(nèi)圓并相減得到外框繪制籃球中心線繪制籃球中心線繪制籃球左圓弧線繪制籃球左圓弧線繪制籃球其他圓弧線