在APP的(de)UI設計(jì)中，如(rú✔¶ασ)何做(zuò)好(hǎo)圖标的(de​÷← )設計(jì)？

圖标（icon）在APP的(de)界面U‍♣I中是(shì)經常會(huì)用(yòng)到(dào)的(de)→¶→§元素，圖标也(yě)可(kě)以傳遞信息，在一(yī)定程度上(shà♦&©ng)可(kě)以取代文(wén)字，圖标設計(jì)的(de↕™‍)好(hǎo)壞可(kě)以直接影(yǐng)響☆Ω整個(gè)APP的(de)調性和(hé)用(yòng)戶體(tǐ)驗>₹。那(nà)麽，UI設計(jì)師(shī)要(yào)如(rú≤≈)何才能(néng)做(zuò)好(hǎo)圖标的(¶ ★de)設計(jì)呢(ne)？

 

首先将圖标按尺寸大(dà)小(xiǎo)分(fēn)為(∞≤φ®wèi)兩類；細分(fēn)對(duì)應的(de)面性、線性、線面結合、扁平•≥、拟物(wù)化(huà)等類型；最後選擇₩$✔标準、容器(qì)、漸變、3D、手繪、陰影(yǐng)等風(fē  ✘​ng)格。利用(yòng)這(zhè)樣的"&(de)結構層級，可(kě)以明(míng)确δ‍≤₹定義圖标的(de)類别。

圖标的(de)大(dà)小(xiǎo)&♦取決于具體(tǐ)功能(néng)。例如(rú)帶有±☆✘(yǒu)漸變和(hé)陰影(yǐng)的(d×₩↕e)圖标看(kàn)起來(lái)很(hěn)酷，但δ✔γ≠(dàn)把它縮小(xiǎo)到(dào)16px，這(z±÷≠hè)些(xiē)酷炫的(de)效果都(dōu)無法呈現(x• ☆↔iàn)出來(lái)。在對(duì)圖标歸類✘¥時(shí)，首先要(yào)考慮圖标用(y→←σεòng)在什(shén)麽位置需要(yào)多(duō)大(dà)尺寸。大(dΩ✘→à)尺寸圖标通(tōng)常指标志(zhì)性圖标，例如(rú)↑♦≤App啓動圖标或代表品牌形象；小(xiǎo)尺寸圖标用(yòng£>÷)作(zuò)UI控件(jiàn)，起到(dào)引導功能(néng)≈λ↕或裝飾目的(de)。

 

圖标尺寸越小(xiǎo)，展示的(de)細節越有(yǒu)限；相(xiàng  ≤)比于大(dà)圖标，小(xiǎo)圖标的(de)尺✘™寸有(yǒu)一(yī)定局限性，圖标組成包括标準α≈ ∑和(hé)容器(qì)兩種。大(dà)圖标利用(yòng)尺寸★ ≥ 上(shàng)的(de)優勢能(néng)展示更多(≤✔duō)內(nèi)容，分(fēn)為(wèi)多(duō)種組成形式。$€®π簡單的(de)圖像可(kě)以更具包容性，圖​₽€标的(de)尺寸越小(xiǎo)，越考驗設計(jì)師(shī)傳'§±達信息的(de)能(néng)力。

面性圖标易于識别，适合應用(yòng)在小(xiǎo↓∞​ )尺寸圖标中。注意要(yào)确保圖标有(yǒu)清晰的(de)邊緣，避免羽化✘≈β(huà)；圖标複雜(zá)程度随著(zhe)尺寸變小(x≠α¥iǎo)而靈活調整。

 

線性圖标因為(wèi)簡潔性和(hé)現(xiàn)代性而★♣×受到(dào)用(yòng)戶的(de)歡迎；随著(♥"§zhe)屏顯越來(lái)越清晰，我們可(→$∑kě)以更加大(dà)膽地(dì)使用(yòng)線性圖标。線性圖标要(™₽σεyào)确保輪廓像素清晰。越簡單越好(hǎo)。∞§₩追求更簡單的(de)細節。