如何設(shè)計(jì)有效的圖標(biāo)

了解你的圖標(biāo)類型
應(yīng)用程序和數(shù)字界面中的圖標(biāo)通常屬于以下三類之一:
應(yīng)用程序圖標(biāo)。這些應(yīng)用程序徽標(biāo)或品牌資產(chǎn)有各種尺寸和格式。創(chuàng)建時(shí)遵循 iOS 或 Android 準(zhǔn)則,以免在商店提交過程中被放大或拒絕。
系統(tǒng)圖標(biāo)。每個(gè)平臺(tái)都有自己的一套導(dǎo)航欄和面板。由于用戶熟悉每個(gè)平臺(tái)的形狀和隱喻,因此最好不要重新發(fā)明。
工作流圖標(biāo)。位于應(yīng)用程序內(nèi)部——工具欄、選項(xiàng)欄和面板——這些減少了對(duì)文字的需求。可以防止文本擁擠,并有助于在內(nèi)容本地化時(shí)保持一致的外觀。

要為圖標(biāo)賦予意義,首先了解它將如何幫助用戶成功完成任務(wù),然后將該操作轉(zhuǎn)化為視覺實(shí)體——一個(gè)隱喻。為圖標(biāo)找到正確的隱喻是一個(gè)以研究為指導(dǎo)并以想象力和靈感為完成的過程。
想象一下,在一個(gè)界面中尋找特定的功能,卻找不到它,因?yàn)閳D標(biāo)畫得不好,或者隱喻太離譜或太抽象,以至于無法與動(dòng)作相關(guān)聯(lián)。圖標(biāo)應(yīng)該總是熟悉和直接的,這樣人們就不會(huì)猜測。

例如,圖標(biāo)中的箭頭隨著云存儲(chǔ)的引入而流行起來,云存儲(chǔ)區(qū)分了內(nèi)容的存儲(chǔ)位置。但箭頭(和人字形)也是通用形狀,用于傳達(dá)基本方向和可計(jì)算的轉(zhuǎn)換(如文件導(dǎo)出)。它們獨(dú)特的形狀使它們?cè)谛〕叽鐣r(shí)也很容易區(qū)分,而且由于箭頭的不同方向可以顯示要連接、選擇、下載或共享的事物之間的關(guān)系,因此它們可以快速傳達(dá)可預(yù)測的結(jié)果。

視覺一致性
保持圖標(biāo)集的一致性很重要,提前考慮一些事情會(huì)有所幫助:
盡早定義圖標(biāo)樣式。添加圓角半徑、大小、顏色、筆劃粗細(xì)和筆劃末端帽等特征將有助于定義您的圖標(biāo)樣式,但也一定要考慮圖標(biāo)畫布內(nèi)的修飾符和比例。
考慮復(fù)雜的形狀。默認(rèn)情況下,在圖標(biāo)周圍添加一個(gè)或兩個(gè)像素的安全空間。這將使圖標(biāo)集在視覺上保持一致,即使簡單和復(fù)雜的形狀彼此相鄰放置也是如此。
重復(fù)使用形狀。重復(fù)使用已有的東西(箭頭、矩形、加號(hào)),而不是創(chuàng)建僅略有不同的新形狀。
如果對(duì)你有所幫助,別忘了點(diǎn)個(gè)贊哦。