<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    底部導航設計的3個關鍵點

    • 時間:2016-11-04 17:12
    • 發布:昆明UI培訓
    • 來源:互聯網早讀課

    導航通常是搭載用戶的交通工具。底部導航應該承載重要性等同的頂級目的地。這些目的地需要在app的任何地方留有直接的入口。

    優秀的底部導航設計遵循以下3條定律:

    1.只顯示最重要的目的地

    在底部導航中使用3到5個頂級目的地。如果少于3個,請考慮使用標簽代替。

    底部導航避免使用5個以上,因為點擊目標相互會過于接近。在標簽欄放置過多的項目,讓人們難以點中他們的目標。每多展示一個標簽,app的復雜性就增加一分。

    如果頂級目的地確實有5個以上,不要用底部導航來承載這些入口,請考慮放在其他位置。 避免內容滾動 小屏幕上顯而易見的解決方式,就是部分隱藏式的導航——不必擔心屏幕空間的局限,把標簽項放入滾動的標簽欄即可。但是滾動的內容效率低下,因為你得滑動一下才能看到想要的選項。

    2.表達出當前位置

    沒有表達當前位置,可能是app菜單中最普遍的錯誤。“我在哪里?”是用戶需要回答的基本問題之一,這是順利操作的前提。

    用戶應該在沒有任何外部引導的情況下,一眼就看出如何從A前往B。應該提供適當的視覺線索(圖標、標簽和顏色),操作就不需要任何說明了。

    圖標

    正因為底部導航操作以圖標方式展現,它們所表達的內容應該要適合通過圖標來表達。有些用戶熟知的通用圖標,通常這些都表示搜索、郵件、打印等功能。不幸的是,“通用”圖標很少。app的設計師常常用圖標來代表一些非常難以分辨的功能。

    顏色

    避免在底部標簽欄使用不同顏色的圖標和文字標簽。應當使用app的主色來表示視覺焦點。

    遵循一條簡單的法則——用app的主色來提亮當前的底部導航項(包括圖標和文字標簽)。

    如果底部導航欄有背景色,就要用黑白的圖標和文字標簽。

    文字標簽

    文字標簽要為導航圖標提供簡短有意義的描述。不要用太長的標簽,因為它們不能截斷或換行。

    避免換行、截斷和縮小文字標簽。

    菜單元素要易于瀏覽。用戶要能理解他點擊某個元素時會發生什么。

    點擊尺寸

    目標區域足夠大,才易于點擊。將界面寬度按操作項的數量等分,計算每個底部導航操作項的寬度。或者,把所有底部導航項的寬度設為最寬。

    標簽欄的小紅點

    可以在標簽欄顯示小紅點,表示有相關的新信息。

    3.讓導航不言自明

    優秀的導航應該感覺像一只隱形的手,在操作途中指引用戶。畢竟,如果用戶都無法找到,那最酷的功能和最有吸引人的內容都沒用。

    表現

    每個底部導航圖標都要通向某個目的地。而不能是打開菜單或其他彈出窗口。點按底部導航圖標應該直接通向相應界面,或者刷新當前激活的界面。

    不要用標簽欄提供控制項,用來操作當前界面或app模式中的元素。如果需要提供操作項,請改用工具欄。

    保持統一

    盡可能在每種情況下都顯示標簽欄。這樣能給用戶一種視覺上可靠的感覺。

    不要因為功能不可用就移除某個標簽。如果你在某些情況下移除一個標簽,其他情況確保留,就會讓你的app界面感覺不可靠、難以預料。最佳解決方案是保證所有標簽都是可用的,然后解釋為什么某個標簽沒有內容。

    隱藏標簽欄

    如果界面里是滾動的信息流,標簽欄可以在滾動查看更多內容時隱藏,向下滑動嘗試回頂部時再顯示。

    視覺愉悅

    避免使用橫向滑動的動效來切換界面。激活和未激活的界面,切換過渡效果應該使用疊加漸隱效果。

    上一篇:背景設計也要跟上潮流
    下一篇:防止用戶無意識犯錯的6個方法(上)

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>