(譯)MaterialDesign(二)-MaterialEnvironment

MaterialDesign設計規范系列文章

Material設計是一個三維環境中用光線、材料和投影組成的設計模式。

所有的material對象有x、y、z三個方向的尺寸。

所有的material對象有一個單獨的z軸位置。

關鍵性的光線產生了直接投影,周圍光線產生了軟投影

Material厚度:1px

投影:陰影由重疊材料之間的高度差產生。

image

3D世界

Material環境是一個3D空間,這意味著所有對象都有x,y和z維度。 z軸垂直地對準顯示器的平面,z軸正方向朝向觀看者延伸。 每張材料沿著z軸占據單個位置,并且具有標準1dp厚度,相當于像素密度為160的屏幕上的一個像素厚度。

在網格上,z軸用于分層,而不用于透視。 3D世界通過操縱y軸來模擬。

image

光線和投影

在Material環境中,虛擬光照亮場景。 關鍵光線產生方向陰影,而環境光從所有角度產生柔和陰影。

Material環境中的陰影由這兩個光源投射。 在Android開發中,當光源被沿著z軸的各種位置處的材料片阻擋時,發生陰影。 在網絡上,陰影通過僅操縱y軸來描繪。

由主要光線產生的陰影
由環境光線產生的陰影
二者結合的效果()
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容