APP標籤欄設計規範

UI設計師在根據原型圖做設計稿的時候，遵守一定的設計規範能夠讓設計稿看起來更標準，也能體現個人水準，下面介紹標籤欄設計規範。

標籤欄設計規範

（01）進入sketch軟體介面，按A新增畫板，在右側可以選擇預設尺寸。

（02）畫板建立完成後來繪製標籤欄大小，在工具欄中選擇“矩形”

（03）選擇工具後，在畫板中繪製形狀，標籤欄正常高度為98px，所以我們在一倍圖中作圖的話，就要為48px。

（04）形狀建立完成後，在右側屬性中可調整形狀的大小、填充等，一般我們都會新增一個y-1,模糊1的陰影，讓標籤欄能夠和頁面區分開。

（05）標籤欄規範高度一定要為49px，你可以在屬性欄“高”中輸入數字調整。

（06）在標籤欄中肯定要有按鈕進行點選的，那麼按鈕的大小要求是怎樣的呢？我們隨便繪製一個按鈕。

（07）在標籤欄中的按鈕最小點選區域不能小於44*44，所以我們需要繪製一個矩形在按鈕的下方，高寬都要是44哦，切圖的時候連著一起切。

（08）輸出按鈕的時候，選擇“切片”，然後切出44*44區域即可，不要矩形填充顏色的話，可將形狀填充設為0%。

（09）最後匯出的時候要注意，因為我們375*667是一倍尺寸，匯出的時候，大小要選擇2x。