• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    APP標簽欄設計規范

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

    工具/材料

    sketch

    標簽欄設計規范

    • 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。

    • End
    • 發表于 2017-11-24 00:00
    • 閱讀 ( 1122 )
    • 分類:電腦網絡

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆