材料設(shè)計(jì)中的圖標(biāo)分為產(chǎn)品圖標(biāo)和系統(tǒng)圖標(biāo)胎围。產(chǎn)品圖標(biāo)代表著品牌可以提供的產(chǎn)品、服務(wù)和工具药版,系統(tǒng)圖標(biāo)表示產(chǎn)品界面中表示操作辑舷、命令和文件的圖形。產(chǎn)品圖標(biāo)的大小是48dp槽片,系統(tǒng)圖標(biāo)的大小是24dp何缓。總結(jié)了材料圖標(biāo)有四個(gè)特點(diǎn):簡單筐乳、規(guī)整歌殃、精細(xì)和微妙乔妈。
為了保證圖標(biāo)在材料設(shè)計(jì)語言上的一致性蝙云,提供了一套網(wǎng)格系統(tǒng),網(wǎng)格包含了幾個(gè)基本圖形:長方形路召、圓形和正方形勃刨。設(shè)計(jì)師可以在網(wǎng)格系統(tǒng)上把基本圖形作為參考線對圖標(biāo)進(jìn)行設(shè)計(jì)波材。
為了使產(chǎn)品圖標(biāo)表現(xiàn)出材料的觸感和質(zhì)感,對產(chǎn)品圖標(biāo)的結(jié)構(gòu)進(jìn)行了剖析和演示:1身隐、表面處理層廷区;2、圖標(biāo)前景贾铝;3隙轻、顏色;4垢揩、投影玖绿;5、背景叁巨。其中表面處理層模擬了45度傾斜的光線照射在圖標(biāo)上斑匪;圖標(biāo)前景和顏色是融合在一起的形成圖標(biāo)的外形輪廓;在光線的照射下圖標(biāo)在背景上形成兩種陰影:接觸陰影和投影锋勺。說明文檔中對表面處理層和兩種陰影的具體參數(shù)給出了建議蚀瘸。為了表現(xiàn)材料的厚度,在背景和前景上加上了1dp的高光和內(nèi)陰影庶橱。高光和陰影的色值根據(jù)圖標(biāo)和背景的顏色有所不同贮勃。比如在冷色的基礎(chǔ)上疊加20%的深藍(lán)色變現(xiàn)材料的陰影,在暖色的基礎(chǔ)上疊加20%的橘色變現(xiàn)陰影等苏章,具體請參照文檔衙猪。
對于系統(tǒng)圖標(biāo),文檔對線端布近、描邊垫释、鏤空和圓角都作了相應(yīng)的規(guī)范。系統(tǒng)圖標(biāo)在激活撑瞧、未激活和不可用三種狀態(tài)透明度是不一樣的棵譬,在亮背景下分別是87%、54%和38%预伺。