1. 光線和陰影
material surface阻擋光源時(shí)會投射陰影几苍。
在material設(shè)計(jì)環(huán)境中翻屈,虛擬燈光照亮UI。關(guān)鍵燈光創(chuàng)建更清晰的方向性陰影妻坝,稱為關(guān)鍵光陰影妖胀。環(huán)境光從各個(gè)角度出現(xiàn),以創(chuàng)建漫射的柔和陰影惠勒,稱為環(huán)境光陰影赚抡。
2. 光源
material環(huán)境中的陰影由關(guān)鍵燈光和環(huán)境光投射。在Android和iOS開發(fā)中纠屋,當(dāng)光源被z軸上不同位置的材質(zhì)表面阻擋時(shí)涂臣,會出現(xiàn)陰影。在web上售担,僅通過操縱y軸來描繪陰影赁遗。
3. 陰影
陰影提供有關(guān)深度、移動方向和surface邊緣的提示族铆。surface的陰影由其標(biāo)高和與其他surface的關(guān)系決定岩四。
3.1. 用法
因?yàn)殛幱氨硎厩嬷g的高度,所以必須在整個(gè)產(chǎn)品中始終使用陰影哥攘。
陰影大小反映標(biāo)高高度剖煌。較高標(biāo)高的曲面有較大的陰影材鹦,而較低標(biāo)高的曲面有較小的陰影。
3.2. Shadows & Motion
陰影為曲面的移動方向以及曲面之間的距離是增大還是減小提供了有用的提示耕姊。
當(dāng)曲面改變形狀或比例桶唐,但其標(biāo)高保持不變時(shí),其陰影不應(yīng)改變茉兰。
當(dāng)曲面更改其標(biāo)高時(shí)尤泽,其陰影應(yīng)該更改。
4. 研究
Material Design對15名低視力參與者進(jìn)行了36次采訪规脸,以更好地了解陰影和輪廓如何影響個(gè)體識別和與組件互動的能力坯约。
研究結(jié)果包括:
陰影和輪廓只是影響用戶識別能力的元素的許多屬性之一。影響元素識別能力的其他屬性包括字體特征莫鸭、標(biāo)高闹丐、顏色、周圍元素之間的布局以及使用上下文黔龟。
使用陰影和輪廓可以提高掃描頁面時(shí)查找組件的難度和速度妇智。
在組件周圍使用陰影或筆劃輪廓可以提高確定是否可以與組件交互的能力。
5. Material Design 系列文章
最新更新以及更多Material Design相關(guān)文章請?jiān)L問 鵬叔的技術(shù)博客空間-Material Design