圖標(biāo)之剪影圖標(biāo)

說明:本篇文章內(nèi)的作品均來自網(wǎng)絡(luò),僅供學(xué)習(xí)使用。

?1. 特點(diǎn)

常見的剪影圖標(biāo)為單色表現(xiàn),也有雙色圖標(biāo);抽象簡潔、言簡意賅、高度提煉;對于表象意境的考究要高于具象和細(xì)節(jié);突出設(shè)計的理性與感性之間在功能傳達(dá)上的邏輯思維。

2. 分類

正型圖標(biāo)和負(fù)型圖標(biāo)

雙色正型圖標(biāo)
負(fù)型圖標(biāo)

3. 應(yīng)用領(lǐng)域

指示標(biāo)、軟件、網(wǎng)站、APP等

4. 制作常用技巧

1)常用應(yīng)用工具組

形狀工具組(U)、選擇工具組(A)、鋼筆工具組(P)

2)前期設(shè)置

為了能夠方便使用快捷鍵操作,因此根據(jù)個人習(xí)慣可以調(diào)整一些常規(guī)設(shè)置。如:

快捷鍵的設(shè)置

打開編輯菜單里的鍵盤快捷鍵菜單,將所有工具組改為對應(yīng)的字母。

打開鍵盤快捷鍵菜單(快捷鍵Alt+Shift+Ctrl+K)
選擇工具組
將沒有設(shè)置的工具進(jìn)行設(shè)置

首選項(xiàng)的調(diào)整

默認(rèn)的工具切換需要按住shift+對應(yīng)大寫字母,不愿意按那么多鍵,因此做以下操作,可以減少按鍵。打開首選項(xiàng)菜單中的常規(guī)菜單,進(jìn)行調(diào)整。

打開常規(guī)菜單(快捷鍵Ctrl+K)


在工具里去掉使用shift鍵切換工具的對勾

設(shè)置之后,再使用快捷鍵的時候就可以用對應(yīng)字母進(jìn)行切換。繪制圖標(biāo)時最常用的是形狀工具組(U)和選擇工具組(A)之間的切換,那么在用的時候只需要按U或A即可。

單位標(biāo)尺的設(shè)置

在繪制圖標(biāo)時,需要利用標(biāo)尺和網(wǎng)格進(jìn)行規(guī)范,為了便于計算,將網(wǎng)格和標(biāo)尺做如下調(diào)整。

將所有單位改為像素
將網(wǎng)格改為10*10px

5. 繪制圖標(biāo)

在繪制圖標(biāo)前,需要繪制標(biāo)準(zhǔn)制圖模板。利用這種方式,在規(guī)范圖標(biāo)的設(shè)計的同時,也可以保證圖標(biāo)視覺的統(tǒng)一。

在標(biāo)準(zhǔn)制圖模板的基礎(chǔ)上,可以利用形狀工具組(U)、選擇工具組(A)和鋼筆工具組(P)進(jìn)行圖形的繪制。

標(biāo)準(zhǔn)制圖

6. 系列圖標(biāo)的注意事項(xiàng)

在繪制系列圖標(biāo)時,一定要注意使圖標(biāo)的視覺與內(nèi)在含義屬性相同(如,APP底部圖標(biāo)的屬性均為菜單,因此大小、間距和高度等需完全相同);圖標(biāo)的設(shè)計規(guī)則、樣式、細(xì)節(jié)特征要素的設(shè)計均統(tǒng)一。

下期預(yù)告:繪制圖標(biāo)時的常見問題及解決方案

王旋子同學(xué)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,292評論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,241評論 4 61
  • 記得早先少年時 大家誠誠懇懇 說一句是一句 清早上火車站 長街黑暗無行人 賣豆?jié){的小店冒著熱氣 從前的日色變得慢 ...
    iEsiiiy藍(lán)梔閱讀 243評論 0 0
  • 張瑋瑋:這首歌寫于2007年,寫完隔月就完成錄音,是我第一首完整的歌。 它是我送給當(dāng)時女朋友的生日禮物,算是為了討...
    wanng閱讀 1,330評論 0 0
  • 我喜歡閱讀,卻很少寫讀書筆記,因?yàn)槲蚁嘈抛x過的內(nèi)容就算不刻意記下,大腦也會自動從中擷取所需養(yǎng)分,消化吸收而成為我們...
    鉛筆羊閱讀 1,041評論 1 9