Auto-Animate是XD的一個很好的補充，但也有局限性和特殊性。當使用Auto-Animate在兩個組件狀態或藝術板之間更改元素的顏色時，其中一個怪癖變得很明顯。它不是在兩種顏色之間平滑插值，而是在測試時突然變化。
當前的解決方法有點尷尬，并且對如何組織主要組件狀態有影響。它包括添加兩個不同顏色的對象，而不是一個，然后交叉淡入兩個對象在這兩種狀態的字母，以實現平穩過渡。默認的淡入淡出過渡可以工作，但如果使用“自動設置動畫”來插值形狀和大小，淡入淡出可能不夠。
使用自動動畫的顏色之間的交叉淡入可以通過在兩種狀態下交叉淡入兩個對象上的字母來實現。如何正確地交叉淡入淡出顏色使用自動動畫在XD。重復網格是XD中另一個非常節省時間的特性，它使組織和維護類似元素的數組變得非常容易。與組件一樣，重復網格具有層次關系，其中網格左上角的第一個元素是定義“子”元素屬性的“父”元素。（也有例外：位圖對于子元素是唯一的，文本字符串也是唯一的，但文本屬性不是。）
但是，在重復柵格中使用零部件時，情況會發生變化。正常使用重復柵格時，對父柵格所做的更改會立即傳播到其子柵格。但是，如果沒有本地特性替代，則主組件更改只會傳播到重復網格中的子級。換句話說，更改網格中組件的屬性會“鎖定”它，使其不受從主組件傳播的更改的影響。
將重復網格與adobexd組件相結合。局部顏色屬性鎖定在重復網格的子實例組件中，但不鎖定大小。若要從父級（父級也是重復柵格中的組件）傳播更改，請將柵格向下調整為僅父級。這將刪除其子對象。然后，將控制柄拖回所需的尺寸以更新子對象。更新重復網格中XD組件的子級。
局部顏色屬性鎖定在重復網格的子實例組件中，但不鎖定大小。一旦設計人員能夠處理組件的特性并重復網格，那么將它們結合起來就非常有效了。當使用基于時間的延遲（而不是基于輸入）在藝術板之間應用轉換時，很自然地會假設組件狀態之間也存在相同的轉換。不幸的是，情況并非如此。所有基于組件的狀態更改都必須基于原型模式中的用戶輸入或交互，而不是時間。
對Adobe的一個建議是：為組件添加一個基于時間的轉換選項，這樣組件的狀態就可以獨立于用戶的輸入進行動畫處理。
基于時間的轉換只存在于藝術板之間，而不存在于adobexd組件狀態之間。
基于時間的轉換只存在于藝術板之間，而不存在于組件狀態之間。
技巧8–克隆主組件層次結構時要徹底
最后一個技巧更像是XD設計師可能不經常遇到的一個邊緣案例，但應該注意。
假設主組件需要一個變體，該變體仍保留繼承屬性的子組件的“一對多”質量，但不影響任何現有子組件。若要創建新的父組件層次結構，必須取消對實例組件的編組并從頭開始重新生成。解組組件還將丟失在原型模式中設置的所有狀態和轉換屬性。這里有一個解決方法：
為組件中的每個狀態克隆組件的實例。
將每個實例的狀態設置為不同的狀態。
遍歷并解組每個組件實例。
開始對每個組件實例進行所需的調整和更改。
重新創建新的主組件。
進入原型模式，重新創建之前設置的交互和轉換類型。
對Adobe的建議是：在Assets面板中右鍵單擊主組件時，提供一個“duplicate”菜單選項。
在過去的幾年中，adobexd在功能和實用性方面有了顯著的改進。它已經發展成為一個有價值的，有競爭力的替代草圖和其他已建立的原型工具。基于該工具自推出以來的發展，可能還會有更多的改進。
特別是，adobexd組件系統在改進和擴展設計者可以創建的交互類型方面具有極好的潛力。注意組件如何與adobexd的其他功能交互，比如自動動畫和重復網格。努力采用一致的工作流實踐來節省時間，例如命名組件和在XD文件中維護一個單獨的主組件粘貼板區域。注意使用adobexd組件的特性，同時保持嚴格的工作流程，將最大限度地提高設計效率。它將避免不必要的清理和維護，并給XD設計師的效率優勢時，原型數字產品。
添加品牌總監微信
總監微信
復制成功
業務咨詢 何先生
業務咨詢 何先生
搜索感興趣的內容
