Mobile 框架載入設計
何時使用？
使用者與介面的每一次互動都是一次載入，因操作導致的頁面跳轉、重新整理或彈窗等從而使頁面元素或資訊發生變化行為，頁面都需要向伺服器傳送請求，伺服器再返還被調取的資訊。這個過程的速度取決於發起的資料請求量的體積或網路速度。 因此我們圍繞載入的設計正是這個過程中頁面的反饋狀態，更多情況下用來緩解使用者等待時間內的焦慮感。
基礎樣式
在載入的過程中，將內容以簡單框架的方式優先展現出來，隨後呈現載入完成的真實內容，這就是框架載入（Skeleton Screen）。這樣的載入方式更好地銜接了從“空頁面”到“內容呈現”的過渡，降低了等待中的焦躁情緒，感官上會覺得比其他載入方式更快。
元件級樣式
在載入行為中，可以監測到物件的內容屬性（圖/文/視訊），以及每個容器相互的佈局結構，但無法識別單一內容的數量長度。所以我們將其對應列表（List）的元件組成方式，用對應的簡單圖形一一對應不同屬性的元件，在相似程度較高的維度間再進行一次簡化，最終輸出5個對應元件“圖示”“文字”“圖片”“大圖”“操作”。在優先載入的過程中自動匹配相應元件。
組合樣式
在載入過程中，優先獲取物件的元件屬性、佈局，進行相應的即時組裝，如圖是常見4個典型場景
佈局樣式
上述所有元件整合為一個“內容”，我們為這個內容和容器（也就是白色的卡片底色）設定統一的間距（Padding），在頁面級場景中，以列表實際數量進行縱向陳列，即呈現了框架載入整體的面貌
場景示例
當我們把框架載入的實現邏輯定義完成後，不同的業務場景就會自動匹配出對應的樣式，無須二次設計加工，讓這類載入模式成為一個配置化的選項
動畫效果
動畫的主要作用是向用戶傳遞載入行為的進行態，詳細用例可檢視：https://developer.microsoft.com/en-us/fabric#/components/shimmer