西西軟件園多重安全檢測下載網(wǎng)站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁編程開發(fā)其它知識(shí) → iOS 人機(jī)交互指南-UI設(shè)計(jì)基礎(chǔ)-Navigation

iOS 人機(jī)交互指南-UI設(shè)計(jì)基礎(chǔ)-Navigation

相關(guān)軟件相關(guān)文章發(fā)表評(píng)論 來源:西西整理時(shí)間:2013/6/23 9:23:01字體大小:A-A+

作者:西西點(diǎn)擊:3次評(píng)論:4次標(biāo)簽: iOS

  • 類型:專業(yè)工具大小:323KB語言:中文 評(píng)分:10.0
  • 標(biāo)簽:
立即下載

iOS 人機(jī)交互指南-UI設(shè)計(jì)基礎(chǔ)-導(dǎo)航

重要:這是針對(duì)于正在開發(fā)中的API或技術(shù)的預(yù)備文檔(預(yù)發(fā)布版本)。雖然該文檔在技術(shù)精確度上經(jīng)過了嚴(yán)格的審核,但并非最終版本,僅供蘋果開發(fā)者計(jì)劃的注冊會(huì)員使用。蘋果提供這份機(jī)要文檔的目的,是幫助你按照文中描述的方式對(duì)技術(shù)的選擇及界面的設(shè)計(jì)開發(fā)進(jìn)行規(guī)劃。這些信息有可能發(fā)生變化,屆時(shí),你的設(shè)計(jì)開發(fā)方式需要基于最終版本的操作系統(tǒng)及文檔進(jìn)行相應(yīng)的調(diào)整和測試。該文檔或許會(huì)隨著API或相關(guān)技術(shù)在未來的發(fā)展而進(jìn)行更新。

譯文最后更新時(shí)間:2013-06-22

人們在使用應(yīng)用時(shí),通常不會(huì)感知到導(dǎo)航的存在,除非導(dǎo)航帶來的體驗(yàn)沒有達(dá)到他們的預(yù)期。而你的工作,就是以符合產(chǎn)品整體架構(gòu)及目標(biāo)的方式打造出不會(huì)被用戶察覺到的導(dǎo)航機(jī)制。

總體上講,導(dǎo)航可以分為三種類型,其中每一類都能很好的適用于一種特定類型的應(yīng)用:

1.樹形信息結(jié)構(gòu)的應(yīng)用
2.扁平化信息結(jié)構(gòu)的應(yīng)用
3.由內(nèi)容或體驗(yàn)所驅(qū)動(dòng)的應(yīng)用

某些情況下,幾種不同風(fēng)格的導(dǎo)航可以很好的整合在同一款應(yīng)用當(dāng)中。例如,扁平化信息結(jié)構(gòu)的應(yīng)用當(dāng)中,某個(gè)分類里的信息也許可以很好的通過樹形結(jié)構(gòu)來呈現(xiàn)出來。

無論采用哪種風(fēng)格的導(dǎo)航,最重要的是,要確保用戶在內(nèi)容當(dāng)中的行進(jìn)路徑符合邏輯、可以預(yù)知、容易跟隨。用戶應(yīng)該始終能夠了解自己在應(yīng)用當(dāng)中所處的位置,以及怎樣行進(jìn)到下一個(gè)目標(biāo)位置。

通過UIKit框架當(dāng)中定義的一些標(biāo)準(zhǔn)UI控件,你可以很輕松的創(chuàng)建樹形導(dǎo)航或扁平化結(jié)構(gòu)的導(dǎo)航。此外,還有一些控件可以幫你創(chuàng)建以內(nèi)容為中心的導(dǎo)航模式,例如很多圖書風(fēng)格或媒體瀏覽方面的應(yīng)用當(dāng)中所使用的那樣。而那些圍繞著體驗(yàn)來打造導(dǎo)航的應(yīng)用,譬如游戲,通常都會(huì)使用訂制化的UI元素及交互行為模式。

通過導(dǎo)航欄(navigation bar),為用戶提供一種能夠輕松的在樹形信息結(jié)構(gòu)當(dāng)中前后行進(jìn)的導(dǎo)航方式。導(dǎo)航欄的標(biāo)題通常用來向用戶展示當(dāng)前界面在信息結(jié)構(gòu)當(dāng)中所處的位置,回退按鈕可以幫助用戶回到上一級(jí)結(jié)構(gòu)。請參考導(dǎo)航欄一節(jié),了解更多詳情。

通過標(biāo)簽欄(tab bar)展示整體內(nèi)容或功能之下的若干個(gè)同級(jí)分類項(xiàng)。標(biāo)簽欄可以很好的支持扁平化的信息結(jié)構(gòu),因?yàn)闊o論用戶當(dāng)前處于哪個(gè)界面,都可以直接在若干類別當(dāng)中進(jìn)行切換。請參考標(biāo)簽欄一節(jié),了解更多詳情。

通過頁碼指示符(page control)來暗示多個(gè)條目或內(nèi)容視圖的存在。該控件可以有效的向用戶展示內(nèi)容單元的數(shù)量,以及當(dāng)前所見的這一條在隊(duì)列中的位置。請參考頁碼指示符一節(jié),了解更多詳情。


注意:雖然工具欄(toolbar)在外觀樣式上與導(dǎo)航欄或標(biāo)簽欄很相似,但它不能用來承載導(dǎo)航方面的功能。要通過工具欄為用戶提供那些針對(duì)當(dāng)前上下文內(nèi)容的功能操作。

一般來講,最好讓每個(gè)界面都有唯一的入口。如果用戶可以在不同的上下文當(dāng)中訪問到同一個(gè)界面,那么請考慮使用一種臨時(shí)化的視圖,例如模態(tài)視圖(modal view)、動(dòng)作表單(action sheet)或是警告提示(alert)。請參考模態(tài)視圖、動(dòng)作表單、警告提示了解更多詳情。

    相關(guān)評(píng)論

    閱讀本文后您有什么感想? 已有人給出評(píng)價(jià)!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評(píng)論

    最新評(píng)論

    發(fā)表評(píng)論 查看所有評(píng)論(4)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字?jǐn)?shù): 0/500 (您的評(píng)論需要經(jīng)過審核才能顯示)