使用指南
完整範例
文字與數字
品牌與版面
互動
狀態指示
元件庫
瀏覽全部 16 個內建 Canvas 場景。開啟元件,查看動態模式、專案路徑與實際改寫方式。
4 個元件
讓單字或短句逐字出現在畫面上。
以絕對時間控制游標,用清晰節奏逐字顯示句子。
以精簡的標題系統介紹姓名與身分。
讓數值以流暢且可重現的方式變化。
結合上移、縮放與內容,呈現聚焦的資訊卡片。
以原始品牌標誌為核心,用短暫揭幕建立辨識度。
結合個人識別、簡短文案與受控的卡片進場。
讓精簡個人徽章轉換為清楚的追蹤狀態。
5 個元件
呈現游標操作與完成訂閱後的狀態。
依序安排提示與回覆氣泡,呈現精簡對話。
結合富有表情的愛心回應與放射狀次要動態。
透過清楚的分階段序列,揭露精簡狀態訊息。
同步控制旋鈕位置、軌道顏色與清楚的狀態變化。
3 個元件
在簡潔的圓角軌道內呈現緩動進度。
以絕對時間產生錯開相位的載入動態。
以程式繪製長條波形,呈現受控的節奏脈動。