五、編排(Choreography)
Material的動效能夠吸引使用者注意力,引導使用者關注。
形狀變化
合理的編排設計整個動效中形狀變化過程。
徑向變化的反饋方式
當使用者觸發某個material物件之時,反饋以徑向變化的方式表現(就像水波一樣)。
連續性
仔細挑選變化中所涉及到的元素來進行變化,目的是變化期間使用者仍然能保持聚焦,不會因散亂而分散使用者的注意力。
內容中的所有元素在變化後可見
在變化過程中,那些需要使用者關注的元素需要一直保持可見。
複雜的變化過程中需要保持僅有一個元素是可見的。(見下文)
內容中很少或者沒有元素在變化後可見
如果一個內容在擴大變化之後,原本含有的元素中只有一個元素可見,那麼該元素將作為整個變化過程的焦點,並控制其他所有的元素進行變化。
如果一個內容在擴大變化之後,原本含有的元素中沒有一個元素可見,那麼那些所有淡入淡出的元素(變化後出現的元素)將跟隨著整個內容(面)作垂直運動。
整個內容在變化後不可見
如果在開始變化後整個內容(面)就已經不可見了,那麼就需要從螢幕的另一端出現一個新的內容(面)並建立新的焦點。
內容中多個元素在變化後可見
如果內容在變化的過程中有很多個元素保持可見,那麼其中只需要保持一個重要的元素可見即可。一些元素在變化的過程中需要消失,但一旦變化完成就會立馬出現,這樣做的原因是:如果有太多的元素在變化過程中都保持可見的話,那麼就會分散使用者的注意力。
佈局意識
如果在變化完成後有一些元素沒有載入完成,那麼你需要預留足夠的空間讓這些元素載入完成後出現。這可以有效防止因元素突然出現導致佈局中不和諧的聲音,以及避免使用者觸發後因某些元素的突然消失令使用者感到失望。
建立
新的material物件以及其內容都可以憑空出現(憑空被建立出來)。
建立一個新的material物件
使用者觸發某個頁面中的元素可能會建立出新的material物件。這個新的material物件一般以觸發點為基點,徑向或矩形縮放的方式出現。
編排material物件
當我們同時建立多個material物件的時候,這些material物件應該陸續快速的出現。並且這些material物件的出現過程應該保持一條清晰、平滑的運動路徑以便於使用者聚焦。
自動建立新的material物件
新的material物件可以不通過使用者觸發或者憑空就能出現,其出現的方式:使用簡練的淡入/出、位置以及尺寸的變化。
徑向變化的反饋方式
使用徑向變化的反饋方式來提醒使用者是否觸發(輸入)。
使用者輸入
無論是滑鼠點選還是手指觸發,都是通過波紋(徑向變化)動效和觸發點的指示來告訴使用者輸入(觸發)事件被系統接收。
以觸發點為中點向外做波紋(徑向變化)動效。