2017 Material design 第一章第三節《Material特性》

D27發表於2017-07-24

三、Material特性(Material properties)

Material有一套屬於自身固定不變的外在特徵和內在行為邏輯

理解material的這些特性有助於我們掌握material design並運用到實際設計當中。

Material的特徵

  • 立體的
  • 在空間中佔有唯一的位置
  • 不能被其他material物件穿過
  • 可變化的形狀
  • 只沿水平方向作變化
  • 不可彎曲
  • 能和其他material物件合併
  • 能被分裂,再合併
  • 能憑空出現或者消失
  • 能在任何軸向上移動


物理特性

Material的尺寸沿x和y軸變化(單位:dp),並且其有著固定不變的厚度(1dp)。

Material的長和寬是可變化的
Material的長和寬是可變化的

可行

Material只有1dp厚
Material只有1dp厚

不可行

Material的投影。
投影的深淺效果跟Material物件之間的位置距離(z軸)相關。

投影的深淺效果反過來暗示material物件之間的位置距離
投影的深淺效果反過來暗示material物件之間的位置距離

可行

接近的Material物件之間絕不會產生過分誇張的投影效果
接近的Material物件之間絕不會產生過分誇張的投影效果

不可行

任何形狀和顏色的內容都能在material上面顯示。新增內容不會增加material的厚度。

任何形狀和顏色的內容都能在material上面顯示
任何形狀和顏色的內容都能在material上面顯示

可行

在material有限的範圍內,內容能夠隨意變化。

material的變化不會影響內容的變化
material的變化不會影響內容的變化

可行

Material是立體的。
輸入事件不能穿過當前被觸發的material物件。

輸入事件隻影響當前被觸發的material物件
輸入事件隻影響當前被觸發的material物件

可行

輸入事件不能穿過當前被觸發的material物件
輸入事件不能穿過當前被觸發的material物件

不可行

在空間內,多個material物件不能同時佔據同一個位置。

沿z軸區分開多個material物件的位置是一種解決方法
沿z軸區分開多個material物件的位置是一種解決方法

可行

多個material物件不能同時佔據同一個位置
多個material物件不能同時佔據同一個位置

不可行

一個material物件不能穿過另一個material物件。舉例,就好比一張紙不能穿過另一張紙一樣。

一個material物件不能穿過另一個material物件
一個material物件不能穿過另一個material物件

不可行


Material的變化

Material能改變形狀。

Material能改變形狀
Material能改變形狀

Material沿水平方向放大縮小(沿x和y軸)

Material沿水平方向放大縮小(沿x和y軸)
Material沿水平方向放大縮小(沿x和y軸)

可行

Material不能彎曲摺疊。

Material不能彎曲摺疊
Material不能彎曲摺疊

不可行

多個material物件能夠合併成為一個material物件。

多個material物件能夠合併成為一個material物件
多個material物件能夠合併成為一個material物件

被分裂的material物件能夠再次合併。

被分裂的material物件能夠再次合併
被分裂的material物件能夠再次合併


Material的運動

Material能夠出現或消失在空間裡的任何地方。

Material能夠出現或消失在空間裡的任何地方
Material能夠出現或消失在空間裡的任何地方

Material能沿任何軸向移動。

Material能沿任何軸向移動
Material能沿任何軸向移動

Z軸上發生的運動變化一般是使用者與material物件互動的反饋結果。

Z軸上發生的運動變化一般是使用者互動的反饋結果
Z軸上發生的運動變化一般是使用者互動的反饋結果

相關文章