UI設(shè)計基礎(chǔ)

為iOS設(shè)計

iOS包含了以下主題:

  • 遵從:UI是幫助用戶理解內(nèi)容并與其交互,而不是反之
  • 清晰:任何大小的文字都清楚,圖標清晰易懂,裝飾物精妙、適當(dāng),明確的功能驅(qū)動設(shè)計。
  • 縱深:視覺層和交互帶來了活力,增加了用戶的愉悅和理解

無論你是重新設(shè)計已經(jīng)存在的應(yīng)用還是創(chuàng)造新的應(yīng)用,嘗試這樣做:

  • 首先,確認UI與應(yīng)用核心功能的相關(guān)性
  • 接著,使用iOS主題設(shè)計UI和用戶體驗,謹慎增加細節(jié)和裝飾,避免隨便添加
  • 最后,確保你的UI適應(yīng)各種設(shè)備和模式,這樣用戶才能在盡可能多的環(huán)境下使用你的應(yīng)用

當(dāng)然,也要做好打破常規(guī),質(zhì)疑假設(shè)的準備,使內(nèi)容和功能來驅(qū)動每一處設(shè)計。

遵從內(nèi)容

盡管清新、漂亮的UI和流暢的交互是iOS體驗的亮點,但內(nèi)容才是它的核心。

以下是確保你的設(shè)計提高功能性和遵從用戶內(nèi)容的一些方法。

利用整個屏幕 天氣應(yīng)用是這種方法的一個很好的例子,漂亮的全屏展現(xiàn)當(dāng)?shù)靥鞖猓焖俚貍鬟_了重要信息,騰出地方展現(xiàn)每小時數(shù)據(jù)。

重新考慮物質(zhì)和現(xiàn)實的視覺指示 邊框,漸變和陰影有時導(dǎo)致UI過重,壓制了內(nèi)容。因此,應(yīng)該以內(nèi)容為重,使UI為其服務(wù)。

讓透明UI元素暗示其后的內(nèi)容 透明元素(如控制中心)提供內(nèi)容,幫助用戶了解更多可用的內(nèi)容,也可以展示短暫的信息。在iOS中,透明元素僅使直接在他們后面的元素模糊(就好像透過米紙看)屏幕剩余的部分不模糊。

提供清晰

提供清晰是另一種保證你的app內(nèi)容為首的方法。以下是一些使內(nèi)容和功能清晰、簡單的方法。

運用大量負空間 負空間使重要的內(nèi)容和功能更醒目和易于理解。負空間也能給人一種平靜的感覺,使應(yīng)用感覺更專注和高效。

讓顏色簡化UI 主色(如筆記中的黃色)突出了重要的狀態(tài),也巧妙指出了交互。也使應(yīng)用有一致的視覺主題。內(nèi)置應(yīng)用使用一組純凈的系統(tǒng)顏色,這些顏色的每一種色調(diào),明暗背景下都很好看。

使用系統(tǒng)字體以確保清晰 為了使文字易讀和漂亮,iOS系統(tǒng)字體會自動調(diào)整字母間距和行高。無論你使用系統(tǒng)或自定義字體,確保使用動態(tài)字體以使你的應(yīng)用可以在用戶選擇不同的字體大小時有所響應(yīng)。

擁抱無邊框按鈕 默認情況下,導(dǎo)航欄按鈕都是無邊框的。在文字區(qū)域,無邊框按鈕使用文字,顏色和行為召喚標題指明交互。當(dāng)有意義時,內(nèi)容區(qū)域按鈕可以展示一個細邊框或者帶顏色的背景使它不同。

使用縱深交流

iOS經(jīng)常在不同的層展示內(nèi)容來傳達層級和位置關(guān)系,幫助用戶了解屏幕上內(nèi)容的關(guān)系。

通過使用透明背景并讓其漂浮在主屏幕上,文件夾便同屏幕其他內(nèi)容分開了。

如下圖所示,備忘錄在層中展示列表。當(dāng)用戶打開一個列表時,其他列表便在屏幕底部收起來。

日歷使用遞增的轉(zhuǎn)化,當(dāng)用戶在瀏覽年月日時,給其一種層級和縱深的感覺。這里的滾屏年視圖,用戶可以立即看到今天的日期和其他日歷任務(wù)。

當(dāng)用戶選擇月時,年視圖縮小,展現(xiàn)出月視圖。今天的日期仍然保持高亮,年視圖顯示在返回按鈕中,因此用戶清楚的知道他們在哪,他們從哪來,以及怎么返回。

一個相似的過度發(fā)生在用戶選擇天時,月視圖分開,將當(dāng)前星期推到屏幕頂部,顯示選中那天每小時試圖。每次轉(zhuǎn)換,日歷增強了年月日之間的層級關(guān)系。

iOS應(yīng)用剖析

幾乎所有iOS應(yīng)用都會采用一些由UIKit框架定義的UI部件。了解這些部件的名字,用途和功能有助于你決定應(yīng)用UI的設(shè)計。

UIKit提供的UI元素可以分為四類:

  • :欄包含文字信息和控件,分別告訴用戶在哪和幫助用戶導(dǎo)航或者開始行動。
  • 內(nèi)容視圖:內(nèi)容視圖包含應(yīng)用詳細信息的內(nèi)容和行為如滾動,插入,刪除和重新排列項目。
  • 控件:控件采取行動或展示信息。
  • 臨時視圖:臨時視圖簡潔地展現(xiàn)重要信息或更多選擇和功能。

除了定義UI元素,UIKit定義執(zhí)行功能的對象,如手勢識別,畫手勢,手勢理解和輸出幫助。

編程上來說,UI元素是一類視圖,因為它從UIView繼承。該類可以在屏幕上畫圖,并知道用戶觸摸其邊界。控件(如按鈕和滑塊),內(nèi)容視圖(如集合視圖和表哥視圖)和臨時視圖(如警告和上拉菜單)都是視圖的類型。

為了管理應(yīng)用中的視圖集合,通常使用視圖控制器。視圖控制器協(xié)調(diào)視圖的展示,在用戶交互背后執(zhí)行功能,還可以管理視圖的轉(zhuǎn)換。例如,設(shè)置使用導(dǎo)航控制器展示層級視圖。

以下是視圖和視圖控制器如何組合呈現(xiàn)應(yīng)用UI的例子。

盡管開發(fā)者認為就視圖和視圖控制器而言,用戶傾向于體驗如同一組屏幕(screen)的iOS應(yīng)用。由此看來,一個截圖在應(yīng)用中通常符合一個不同的視覺狀態(tài)或模式。

注意:iOS應(yīng)用包含窗口,但(與電腦應(yīng)用中的窗口不同)iOS窗口沒有可見的部分,并且不能被移動。多數(shù)iOS應(yīng)用只包含一個窗口,應(yīng)用支持外部顯示可以有多個窗口。

在iOS人機交互規(guī)范中,單詞屏幕(screen)如多數(shù)用戶理解那樣。作為開發(fā)者,你可能還會在其他文章中看到屏幕(screen)一詞,可能會涉及UIScreen對象,使用它可以獲取外部顯示。

自適應(yīng)和布局

內(nèi)置自適應(yīng)

用戶通常希望在其所有設(shè)備上以任意方向使用其喜歡的應(yīng)用。在iOS8和之后的系統(tǒng),使用尺寸等級和自動布局來幫助你滿足用戶這一預(yù)期,定義屏幕(screen)布局,視圖控制器,當(dāng)環(huán)境改變時視圖會自動調(diào)整。(展示環(huán)境的概念可以適用于整個屏幕或僅僅是屏幕的一部分。如彈出框的面積或在分裂視圖控制器中的首要視圖。)

iOS定義了兩種尺寸等級:普通和緊湊。普通尺寸等級與廣闊的空間有關(guān),緊湊尺寸等級與有限的空間有關(guān)。為了描述顯示環(huán)境,要先解釋水平尺寸等級和垂直尺寸等級。你可能會猜到,iOS設(shè)備可以對垂直方向使用一套尺寸等級,對水平方向使用另一套。

顯示環(huán)境的尺寸等級變化時,iOS自動做出布局調(diào)整。例如,當(dāng)垂直尺寸等級從緊湊變?yōu)槠胀ǎ瑢?dǎo)航欄和工具欄自動變高。

當(dāng)你使用尺寸等級還驅(qū)動布局的變化,你的應(yīng)用會在任何顯示環(huán)境下看起來都很棒。了解更多如何在界面構(gòu)建中使用尺寸等級,查看尺寸等級設(shè)計幫助。

注意:在尺寸等級中,持續(xù)使用自動布局來做小的布局調(diào)整,比如拉伸或壓縮內(nèi)容。

下面具體的例子會幫助你理解尺寸等級如何描述不同設(shè)備的顯示環(huán)境。例如,iPad在水平和垂直方向都使用普通尺寸等級。也就是說,iPad顯示環(huán)境總是水平和垂直的普通等級。

iPhone的顯示環(huán)境根據(jù)設(shè)備和方向進行變化。

豎屏?xí)r,iPhone6 Plus使用緊湊的水平和普通的垂直尺寸等級。橫屏?xí)r,iPhone6 Plus使用普通的水平和緊湊的垂直尺寸等級。

其他所有iPhone模型,包括iPhone6,使用相同的尺寸等級。

豎屏?xí)r,iPhone6,iPhone5和iPhone4s使用緊湊的水平和普通的垂直尺寸等級。

橫屏?xí)r,這些設(shè)備在水平和垂直方向都使用緊湊的尺寸等級。

在每種環(huán)境下都提供一流的體驗

如果使用自適應(yīng),可以確保你的UI在顯示環(huán)境下對變化做出正確的響應(yīng)。遵從以下的原則以給用戶在所有設(shè)備和方向上提供一流的體驗。

在所有環(huán)境中保持對主要內(nèi)容的專注。這是你的最高優(yōu)先級。用戶使用你的應(yīng)用來瀏覽并與他們在乎的內(nèi)容交互。當(dāng)環(huán)境改變的同時改變焦點會使用戶迷惑,讓他們覺得失去了對應(yīng)用的控制。

避免無謂的布局變化。一個在所有環(huán)境中相似的體驗,當(dāng)他們旋轉(zhuǎn)設(shè)備或在不同的設(shè)備上使用你的應(yīng)用時,使用戶保持其使用習(xí)慣。例如,如果你使用網(wǎng)格在水平普通環(huán)境下來顯示圖像,你不必在水平緊湊環(huán)境下顯示同樣的信息,盡管你可能需要調(diào)整網(wǎng)格的尺寸。

如果你的應(yīng)用只能在一個方向運行,直接告訴用戶。用戶期望在各個方向使用你的應(yīng)用,最好能滿足用戶這一期望。但是如果你的應(yīng)用只能運行于一個方向,應(yīng)該:

  • 避免出現(xiàn)讓用戶旋轉(zhuǎn)設(shè)備的UI元素。清楚地運行在支持的方向,如果有必要,不要給UI增加沒有必要的元素。

  • 支持一個方向的所有變體。例如,如果一個應(yīng)用僅在橫屏下運行,無論用戶持設(shè)備時Home鍵在右邊還是左邊,都能使用。如果用戶在使用時將設(shè)備旋轉(zhuǎn)180度,應(yīng)用最好也能將內(nèi)容旋轉(zhuǎn)180度。

如果你的應(yīng)用將設(shè)備方向變化當(dāng)做用戶輸入的話,用應(yīng)用指定的方法處理旋轉(zhuǎn)。例如,一款游戲讓用戶旋轉(zhuǎn)設(shè)備來移動游戲碎片,不能將屏幕旋轉(zhuǎn)。這種情況下,應(yīng)用應(yīng)該支持要求方向的所有變體,允許用戶在這些變體間轉(zhuǎn)換直到他們開始應(yīng)用的主要任務(wù)。用戶一旦開始主要任務(wù),開始以應(yīng)用指定的方法處理設(shè)備的運動。

運用布局交流

布局不僅僅是在應(yīng)用屏幕中UI元素看起來的樣子。通過布局,可以告訴用戶追重要的東西,他們有哪些選擇以及相互之間的關(guān)系。

提升重要內(nèi)容或功能,使專注于主要功能更輕松。一些好的方法是,把主要的項目放在上半屏,在由左至右的文化中,靠近左邊屏幕:

使用視覺權(quán)重和平衡來暗示用戶屏幕上元素的相關(guān)重要性。大的元素吸引眼球,感覺上比小的元素更重要。較大的元素同時也更容易點擊,這就讓他們在應(yīng)用中更有用——例如手機和時鐘——用戶經(jīng)常在容易分心的環(huán)境中使用。

使用對齊來使仔細觀察更容易并且表現(xiàn)分組或?qū)蛹墶?/strong>對齊傾向于讓一款應(yīng)用看起來干凈、整齊,讓用戶在滾動整屏的信息時可以集中注意。不同信息分組的縮排和對齊指明了分組之間的關(guān)系,讓用戶更容易找到特定的元素。

確保用戶在默認大小時能明白主要內(nèi)容。例如,不應(yīng)該讓用戶橫向滾動查看重要文字,或者縮放查看主要圖片。

準備好文字大小的變化。用戶期望大多數(shù)應(yīng)用當(dāng)他們在設(shè)置里選擇了不同的字體大小時,應(yīng)用會有適當(dāng)?shù)捻憫?yīng)。為了適應(yīng)字體的變化,你需要調(diào)整布局。需要更多關(guān)于顯示字體的信息,查看文字應(yīng)該總是易讀的。

盡可能避免UI的不一致性。總的來說,有相似功能的元素應(yīng)該看起來也是相似的。用戶通常會猜測是不是有什么原因才不一致。他們易于花時間去琢磨這個問題。

給每個可交互的元素足夠的控件,使用戶更容易與之交互。給可點擊控件大約44x44點(points)。

開始和停止

立即開始

據(jù)說,用戶評價一個應(yīng)用不會超過一分或兩分鐘。如果你利用好這短暫的時間,立即呈現(xiàn)給其有用的內(nèi)容,你會獲得一名新用戶,給所有用戶一個優(yōu)秀的體驗。

重要:安裝完程序后,不要讓用戶重啟他們的設(shè)備。重啟要花時間且讓用戶覺得你的應(yīng)用不可靠、不好用。

如果你的應(yīng)用有內(nèi)存使用或者其他導(dǎo)致應(yīng)用無法運行的問題,除非系統(tǒng)剛剛啟動,你需要聲明這些問題。開發(fā)一款調(diào)試良好的應(yīng)用的幫助,查看高效內(nèi)存使用。

盡可能避免展示啟動畫面或其他類似啟動體驗。用戶最好能立即使用你的應(yīng)用。

避免讓用戶提供設(shè)置信息。換之:

  • 聚焦80%用戶的需求。這樣做,多數(shù)用戶不用進行設(shè)置,因為應(yīng)用早已按用戶的預(yù)期設(shè)置好了。如果某個功能只有少數(shù)用戶需要——或者多數(shù)用戶只用一次——忽略了吧。

  • 從其他地方獲取盡可能多的信息。如果你能用到用戶在內(nèi)置應(yīng)用或設(shè)備設(shè)置中提供的信息,那么從系統(tǒng)獲取。不要讓用戶再輸入一次。

  • 如果你必須所要設(shè)置信息,讓用戶在你的應(yīng)用中輸入。然后,立即存儲這些信息(也就是說,在你的應(yīng)用內(nèi)的設(shè)置里)。這樣,用戶不會在使用應(yīng)用前被迫進行設(shè)置。如果用戶更改設(shè)置,他們會隨時去設(shè)置中更改。

盡量延遲用戶登錄。最好能讓用戶在未登錄的情況下瀏覽應(yīng)用并使用部分功能。例如App Store在用戶決定購買前不會要求其登錄。用戶通常會卸載那些在他們使用前就讓其登錄的應(yīng)用。

如果用戶必須登錄,在登錄頁告訴簡潔、友善的告訴用戶登錄的原因及對用戶的好處。

仔細想清楚再提供啟動頁體驗。(啟動頁介紹應(yīng)用的特點并演示如何完成一般任務(wù)。)考慮啟動頁前,盡量使你應(yīng)用的所有特點和任務(wù)直觀且易發(fā)現(xiàn)。啟動頁不是好的應(yīng)用設(shè)計的替代品。如果你仍然認為啟動頁是必須的,遵從以下原則創(chuàng)造不妨礙用戶的、簡潔、目標明確的體驗。

  • 只給用戶開始時需要的信息。良好的啟動頁體驗告訴用戶先做什么或者簡潔地演示一些多數(shù)用戶感興趣的特點。如果在用戶體驗應(yīng)用前給他們太多信息,便迫使用戶記住太多當(dāng)下不需要的細節(jié),還會使用戶覺得不好用。某些任務(wù)如果需要額外的幫助,僅在用戶執(zhí)行那些任務(wù)時提供相應(yīng)幫助。

  • 使用動畫和交互吸引用戶并幫助他們在實踐中學(xué)習(xí)。僅當(dāng)能豐富體驗時添加少量文字;別指望用戶會閱讀大段文字。例如,可以用動畫演示簡單任務(wù)時,不要使用文字描述。引導(dǎo)用戶完成一個復(fù)雜任務(wù)時,可以使用一個短暫的覆蓋視圖來描述用戶要做的每一步。盡量避免使用應(yīng)用的截圖,因為它們不能交互且用戶會被應(yīng)用的UI迷惑。

  • 使跳過啟動頁簡單。用戶瀏覽完啟動頁后,可能不會想看第二遍了;其他用戶或許根本不想看。確保記住用戶的選擇,不要強迫他們每次打開應(yīng)用都選一次。

避免過早讓用給應(yīng)用評論。過早讓用戶評論會惹惱用戶,可能減少有用評論的數(shù)量。為了鼓勵深思熟慮的反饋,確保在你讓用戶做出評價前,給他們形成觀點的機會。例如,等到用戶已經(jīng)訪問不同頁面達到最小次數(shù),或執(zhí)行任務(wù)達到最小次數(shù)。

總之,運行在設(shè)備當(dāng)前方向下。然而,如果應(yīng)用僅在一個方向運行,應(yīng)總是運行在該方向并在必要時讓用戶旋轉(zhuǎn)設(shè)備。例如,如果一個游戲或媒體瀏覽應(yīng)用僅橫屏運行,即使設(shè)備當(dāng)前為豎直,讓應(yīng)用橫屏運行比較合適。這樣,如果用戶在豎屏方向打開應(yīng)用,他們會將設(shè)備旋轉(zhuǎn)為水平來瀏覽內(nèi)容。

注意:僅橫屏運行的應(yīng)用最好支持橫屏的兩種變體——就是,Home鍵在左邊或右邊。如果設(shè)備已經(jīng)在水平方向,除非有充分的理由,僅橫屏運行的應(yīng)用應(yīng)運行在正確的變體下。否則,運行在Home鍵在右邊的方向。(了解更多關(guān)于支持不同設(shè)備方向,查看響應(yīng)設(shè)備方向變化。)

提供運行文件或圖片。在應(yīng)用啟動時,iOS展示一張運行圖片——給用戶一種應(yīng)用很快的印象并給用于充分的時間加載內(nèi)容。在啟動圖中了解如何創(chuàng)造一個啟動文件或內(nèi)容。

當(dāng)應(yīng)用重啟時,還原它的狀態(tài)以便用戶從離開的地方開始。用戶不該記住到達之前頁面的每一步。了解更多關(guān)于保存和恢復(fù)應(yīng)用狀態(tài)的有效方法,查看狀態(tài)保存和恢復(fù)。

隨時做好停止的準備

iOS應(yīng)用從不顯示關(guān)閉或退出選項。當(dāng)用戶切換到其他應(yīng)用,回到桌面,或鎖屏?xí)r,用戶停止使用應(yīng)用。

當(dāng)用戶從你的應(yīng)用切換走時,iOS多任務(wù)處理將它轉(zhuǎn)變?yōu)楸尘安⑻鎿QUI為新應(yīng)用的UI。為了準備這種情況,應(yīng)用應(yīng)該:

  • 盡快并盡可能頻繁合理地保存用戶數(shù)據(jù)。這么做是因為后臺應(yīng)用隨時可能被退出或關(guān)閉。

  • 當(dāng)停在最好的細節(jié)等級時,盡可能保存當(dāng)前狀態(tài)。這樣,當(dāng)用戶切換回來時,不會丟失當(dāng)前的環(huán)境。例如,如果應(yīng)用顯示滾動數(shù)據(jù),保存當(dāng)前滾動位置。你可以在狀態(tài)保存和恢復(fù)中了解更多關(guān)于保存和恢復(fù)應(yīng)用狀態(tài)的高效方法。

一些應(yīng)用可能需要在其他應(yīng)用在前臺運行的同時一直在后臺運行。例如,用戶可能想聽著歌查看to-do list或者玩游戲。在多任務(wù)處理中了解如何正確并優(yōu)雅地處理多任務(wù)處理。

永遠不要以程序方式退出iOS應(yīng)用。
用戶會認為是崩潰。如果應(yīng)用不能按預(yù)期工作,要告訴用戶發(fā)生的情況并告訴用戶他們可以做什么。以下是這樣做的兩個好方法:

如果所有應(yīng)用功能都不可用,展示一個頁面描述發(fā)生的情況并給出處理辦法。
這些信息給用戶反饋并告訴用戶應(yīng)用沒有問題。讓用戶感覺應(yīng)用在其掌控之中,讓他們決定到底是更正錯誤并繼續(xù)使用或者切換到其他應(yīng)用。

如果只有一些功能不可用,當(dāng)用戶嘗試使用這些功能時,展示一個頁面或者警告框。否則,用戶可以使用剩下的功能。如果你決定使用警告框,確保僅當(dāng)用戶嘗試使用不能使用的功能時展示該警告框。

導(dǎo)航

除非導(dǎo)航不符合用戶預(yù)期,否則他們不會關(guān)心應(yīng)用的導(dǎo)航。你的工作就是讓導(dǎo)航支持應(yīng)用的結(jié)構(gòu)和目的從而不讓導(dǎo)航引起用戶注意。

一般來說,有三種主要的導(dǎo)航樣式,每一種都適合一類特定的應(yīng)用結(jié)構(gòu):

  • 層級結(jié)構(gòu)
  • 扁平結(jié)構(gòu)
  • 內(nèi)容或體驗驅(qū)動結(jié)構(gòu)

在使用層級結(jié)構(gòu)的應(yīng)用中,用戶通過在每個頁面做出選擇直到到達目的地的方式來操作。要到達其他目的地,用戶必須返回之前的步驟——或者從頭開始——做出不同的選擇。設(shè)置和郵件是使用層級結(jié)構(gòu)的典型例子。

(原文當(dāng)中有演示視頻,此處不提供,有興趣可自行查看。)

在使用扁平結(jié)構(gòu)的應(yīng)用中,用戶可以從一個主目錄到另一個,因為所有主目錄都可以從首頁到達。音樂和App Store是使用扁平結(jié)構(gòu)的典型例子。

(原文當(dāng)中有演示視頻,此處不提供,有興趣可自行查看。)

在以內(nèi)容或體驗為驅(qū)動的應(yīng)用中導(dǎo)航由內(nèi)容或體驗定義并不奇怪。例如,用戶看書時,會一頁一頁的翻或者選擇一頁;在游戲中,導(dǎo)航通常是體驗中重要的一部分。

(原文當(dāng)中有演示視頻,此處不提供,有興趣可自行查看。)

有些情況下,應(yīng)用需要結(jié)合使用多個導(dǎo)航結(jié)構(gòu)。例如,在扁平結(jié)構(gòu)中的一個項目使用層級展示效果最好。

用戶應(yīng)該總是清楚他們處在應(yīng)用中的什么位置以及如何到達他們下一個目的地。不管導(dǎo)航是否適合應(yīng)用結(jié)構(gòu),最重要的是在內(nèi)容中的用戶通路須是有邏輯的,可預(yù)測的以及易跟隨的。

UIKit定義了一些標準UI元素來簡化層級和扁平導(dǎo)航的實現(xiàn),除了一些幫助你實現(xiàn)內(nèi)容為中心的導(dǎo)航元素,如類書或媒體瀏覽的應(yīng)用中。游戲或其他提供體驗驅(qū)動導(dǎo)航的應(yīng)用,特別依賴定制元素和行為。

使用導(dǎo)航欄讓用戶輕松在層級間穿梭。導(dǎo)航欄的標題可以告訴用戶處在層級中的當(dāng)前位置;返回按鈕讓用戶輕松返回上一級。了解更多,查看導(dǎo)航欄。

使用標簽欄展示幾個相同種類的內(nèi)容或功能。標簽欄是支持扁平信息結(jié)構(gòu)的好方法,并且標簽欄位置固定,無論用戶當(dāng)前在什么位置都可以進行切換。了解更多,查看標簽欄。

當(dāng)應(yīng)用的每一屏都代表一個不同類型的條目或頁面,使用頁面控制。頁面控制很好的展示給用戶有多少條目或頁面以及用戶當(dāng)前的位置。例如,天氣使用了頁面控制來告訴用戶打開了多少指定地點的天氣頁面。了解更多關(guān)于頁面控制,查看頁面控制。

總的來說,最好給用戶一條通往各個屏幕的路徑。如果有一屏用戶需要在多種環(huán)境下看到,考慮使用臨時視圖,比如模態(tài)視圖,動作表單,或者警告框。

UIKit同樣提供了一下相關(guān)控件:

  • 分段控件。分段控件提供給用戶查看屏幕上內(nèi)容的不同類目或方面;無法用它到達新的屏幕。

  • 工具欄。盡管工具欄與導(dǎo)航欄或標簽欄看起來很像,但它不能導(dǎo)航。反之,工具欄提供給用戶作用在屏幕中內(nèi)容的控件。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容