无码精品一区二区三区免费视频,2019国产精品青青草原,爱性久久久久久久久

<dfn id="sm46c"></dfn>

我們是如何提升產品設計和開發效率的

命名順序：位置_功能_輔助描述（可選）_狀態。
示例
- 標簽欄選中狀態：tabbar_home_normal（底部標簽欄_首頁_默認狀態）。
- 微信底部導航示例：可按 “tabbar_contacts”“tabbar_discover”“tabbar_me” 等命名。

命名順序：位置 / 功能 / 輔助描述（可選）/ 狀態，以 “/” 分隔，在 Symbol 控件列表中呈現層級結構。
示例
- 導航欄組件：Navigation/Navigation Bar。
- 標簽欄組件：tab_bar/home/selected（首頁標簽欄_選中狀態）。

模塊（UI mode）	類別	功能	狀態
導航欄（nav）	標志（logo）	搜索（search）	選中（sel/selected）
菜單欄（tab）	圖標（icon）	收藏（collect）	不可點（dis/disabled）
背景（bg）	按鈕（btn）	時間（time）	默認（nor/normal）
左側導航（leftbar）	進度條（progress bar）	音頻（audio）	按下（pressed/focused）
啟動頁面（default）	默認圖片（def）	視頻（video）	高亮顯示（hig/highlighted）
工具欄（tool）	分隔圖片（seg）	用戶（user）
主頁面（home）	圖片（img）	排名（ranked）
列表（list）	評論（comment）	關閉（close）
個人資料（profile）	廣告（ad）	返回（back）
登陸（login）	提示信息（msg）	編輯（edit）
注冊（register）	彈出（pop）	刪除（delete）
標題（title）	輸入框（input）	鏈接（link）
菜單（menu）

新建 Sketch 文件，置入兩組完整 Banner，整理圖層結構并命名，創建不同尺寸畫板備用（如大尺寸、小尺寸）。
圖層命名示例
- 主體 1 相關：主體/1/字1、主體/1/裝飾1、主體/1/主體物1、主體/1/背景1。
- 主體 2 相關：主體/2/文字2、主體/2/主體物2、主體/2/裝飾2、主體/2/背景2。

選擇 Banner 組件：選中其中一個 Banner，右鍵點擊或通過上方菜單欄選擇 “Create Symbol” 新建為組件。
嵌套組件創建
- 進入組件庫（PAGES 下的 Symbols），打開 “主體 1” 組件，選擇 “主體 / 1 / 背景 1”，按上述方法創建子組件。
- 復制組件并修改命名：選中 “主體 / 1 / 背景 1” 組件，按command+D復制，重命名為 “主體 / 2 / 背景 2”，刪除原組件內容，復制另一個 Banner 的背景文件粘貼至新組件。
重復組件創建流程：將 “主體 1” 內的 “主體物 1”“字 1”“裝飾 1” 等圖層依次創建為組件，復制后替換為另一個 Banner 的對應元素。

組件替換：從組件庫拖出 “主體 1”，在右側 “Overrides” 面板中調整參數，替換為 “主體 2” 的元素（如背景 2、主體物 2 等）。
尺寸擴展方法
- 在組件庫中選擇 Banner 的組成部分（如背景、主體物、文字），拖動至新尺寸畫板。
- 使用 “縮放” 工具調整組件尺寸，注意主尺寸與擴展尺寸的比例及位置關系，確保構圖協調。