您現在的位置:首頁 > LOGO教程 > 設計中線性圖標如何切取大小新手必看

設計中線性圖標如何切取大小新手必看

時間:2018-06-12 19:16 [ ] 來源:logo吧 已被瀏覽959

5. 繪制過程中要注意的點

畫圖標的時候要對齊網格,改變圖標大小的時候,注意是不是兩邊同時縮放,有沒有造成半像素,有的話就手動拖動圖標對齊網格。

可以使用內描邊來進行線性圖標的繪制,這樣更容易對齊網格,但是內描邊只要使用鋼筆加點來斷點的話,就會自動變成居中描邊。那么使用內描邊的時候怎么進行斷點?可以把描邊進行對象 – 擴展,轉為形狀,然后用布爾運算來剪切。由于太麻煩,我一般使用居中描邊(不推薦居中描邊是因為在手機界面中的線性圖標一般是3像素,居中描邊怕出現半像素,影響清晰度),但經過檢驗,只要注意把線拖動對齊網格,不會影響清晰度。

補充一個知識點:手機界面中的圖標,線性一般是用3像素,因為2像素太細,4像素又顯得太笨重;當2倍圖的時候用3像素,3倍圖的時候就會變成4.5像素,所以3倍圖的時候要手動把4.5調成4或者5像素。

6. 什么是圖標的統一性和差異性

在這里的統一性不是指所有的圖標里面都要用一模一樣的元素,而是圖標的線粗細、斷點的距離、元素的大小、切割的距離、同樣的色調、風格的一致。當所有的圖標在里面都使用一樣的元素,會造成辨認困難。下圖2.6.1,一眼看過去,一模一樣的笑臉降低了識別率。

差異性是指在統一的風格下,通過造型能力,進行圖標的區別,增加辨識度。

uisdc-tb-20180425-11.jpg

三、線性圖標畫完后如何創造風格

1. 多彩底色線性圖標風格

uisdc-tb-20180425-12.jpg

2. 同色調線面結合風格

uisdc-tb-20180425-13.jpg

圖標的造型塑造都是一樣的原理,關鍵是風格的形成,需要不斷的嘗試。前期可以在 dribbble、站酷、花瓣、各位大神的作品展示平臺多看看,學習一些優秀的圖標造型塑造方法、風格、配色,通過大量練習和嘗試,慢慢就可以找到屬于自己的那套畫法。

四、圖標的導出及展示

上面說過,我在 AI 中造型完畢,會拉到 sketch 或者 PS 里面修飾。

導到 sketch 里面的方法(即導 svg 方法):把單獨的圖標擴展,然后編組,每個圖標是獨立的一個編組,拉到「資源導出」那里,選擇導出 svg 格式,直接就可以拖到 sketch 里面用。

導到 PS 里面的方法:選擇單獨圖標,復制粘貼到 PS 里面,再進行美化。

我常用的圖標展示方式之一:

uisdc-tb-20180425-14.jpg

uisdc-tb-20180425-15.jpg

五、創建屬于你的個人圖標庫

阿里的圖庫 iconfont 是國內非常強大的圖標庫,不僅圖標風格眾多,還有代碼可以調用,十分方便。個人還可以上傳到圖標庫里給別人使用,并且現在 sketch、axure 里面都有 iconfont 的插件,可以隨時調用。

iconfront 網站鏈接:http://www.iconfont.cn

六、總結

只有少數人是天才,大多數情況下我們都要通過大量的練習,才能促成質變。一開始畫不好不要氣餒,只要勤奮,明天的你永遠會比今天的你要進步得多。不要偷懶套用別人的圖標,設計師最不應該丟的是自己的創造能力。如果我的文章能給你提供一點幫助,是我的榮幸

本文原文地址:http://www.111873.live/photoshop/106758.html轉載請注明原站地址
 2/2   首頁 上一頁 1 2
猜你喜歡
網友評論
吉林11选五官方 三组平特四在连肖 西甲宣布停赛 江西多乐彩技巧 浙江6十1开奖18074期 网上免费赚钱 南粤36选7历史开奖结果 湖南红中麻将怎么玩 股票重组开盘跌停 百家论坛精选 斗牛配牌口诀