圖標(biāo)-系統(tǒng)圖標(biāo)

定義

系統(tǒng)圖標(biāo)或者UI界面中的圖標(biāo)代表命令、文件、設(shè)備或者目錄。系統(tǒng)圖標(biāo)也被用來表示一些常見功能，比如清空垃圾桶、打印或者保存。

系統(tǒng)圖標(biāo)的設(shè)計(jì)要簡(jiǎn)潔友好，有潮流感，有時(shí)候也可以設(shè)計(jì)的古怪幽默一點(diǎn)。要把很多含義精簡(jiǎn)到一個(gè)很簡(jiǎn)化的圖標(biāo)上表達(dá)出來，當(dāng)然要保證在這么小的尺寸下，圖標(biāo)的意義仍然是清晰易懂。

設(shè)計(jì)原則

展示一些黑體的幾何形狀。

一個(gè)簡(jiǎn)潔的黑體圖形在采用對(duì)稱一致的設(shè)計(jì)時(shí)，一樣能夠擁有***的品質(zhì)。

網(wǎng)格、比例和大小

圖標(biāo)網(wǎng)格是所有圖標(biāo)的基準(zhǔn)網(wǎng)格并且具有特定的組成和比例。圖標(biāo)由一些對(duì)齊圖標(biāo)網(wǎng)格的平面幾何形狀組成?；镜钠矫鎺缀涡螤钣兴姆N，具有特定尺寸以保證所有圖標(biāo)有一致的視覺感和比例。 兩種形狀相同尺寸不同的圖標(biāo)集供您在應(yīng)用程序中使用：狀態(tài)欄、上下文圖標(biāo)集和操作欄、桌面圖標(biāo)集。

圓角

正方形和矩形都應(yīng)該添加圓角，也可以同時(shí)使用圓角和尖角，這樣更具凸凹感。所有由筆劃或線條組成的圖標(biāo)都有尖角。

每一個(gè)尺寸的系統(tǒng)圖標(biāo)集使用不同大小的圓角以保證視覺的一致性。

一致性

一致性非常重要，盡可能使用系統(tǒng)中提供的圖標(biāo)，在不同的app中也一樣。

上下文和應(yīng)用中的圖標(biāo)

圖標(biāo)網(wǎng)格決定了圖標(biāo)位于一個(gè)固定大小(24dps)的區(qū)域內(nèi)。

原文：Icons 翻譯：Haoxiqiang 校對(duì)：cxytomo