日本免费最新不卡视频,成人精品亚洲女人久久久,国产精品自拍1024,亚洲国产精品青青草,男人操女人逼逼逼视频,国产露脸精品国产自产在线拍,97婷婷色在线极品视频,亚洲av综合av一区久久,东北老熟女疯狂作爱视频

iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

1.1 為iOS而設(shè)計(jì)(Designing for iOS) iOS 的革新關(guān)鍵詞如下: 遵從: UI能夠更好地幫助用戶理解內(nèi)容并與之互動(dòng),但卻不會(huì)分散用戶對內(nèi)容本身的注意力。 清晰: 各種大小的文字應(yīng)該易讀

cover1

1.1 為iOS而設(shè)計(jì)(Designing for iOS)

iOS 的革新關(guān)鍵詞如下:

  • 遵從:UI能夠更好地幫助用戶理解內(nèi)容并與之互動(dòng),但卻不會(huì)分散用戶對內(nèi)容本身的注意力。
  • 清晰:各種大小的文字應(yīng)該易讀,圖標(biāo)應(yīng)該醒目,去除多余的修飾,突出重點(diǎn),很好地突顯了設(shè)計(jì)理念。
  • 深度:視覺的層次和生動(dòng)的交互動(dòng)作會(huì)賦予UI新的活力,不但幫助用戶更好理解新UI的操作并讓用戶在使用過程中感到驚喜。

無論你是重新設(shè)計(jì)一個(gè)現(xiàn)有的應(yīng)用或是重新開發(fā)一個(gè),請嘗試下列方法:

  • 首先,去除了UI元素讓應(yīng)用的核心功能呈現(xiàn)得更加直接并強(qiáng)調(diào)其相關(guān)性。
  • 其次,直接使用iOS的系統(tǒng)主題讓其成為應(yīng)用的UI,這樣能給用戶統(tǒng)一的視覺感受。
  • 最后,保證你設(shè)計(jì)的UI可以適應(yīng)各種設(shè)備和不同操作模式,這樣用戶可以在不同場景下舒適地享用你的應(yīng)用。

在整個(gè)設(shè)計(jì)過程中,時(shí)刻準(zhǔn)備著推翻先例,假設(shè)問題,并以重點(diǎn)內(nèi)容和功能(為目標(biāo))來驅(qū)動(dòng)每個(gè)細(xì)節(jié)設(shè)計(jì)。

1.1.1 以內(nèi)容為核心(Defer to Content)

雖然明快美觀的UI和流暢的動(dòng)態(tài)效果是iOS體驗(yàn)的亮點(diǎn),但內(nèi)容始終是iOS的核心。

這里有一些方法,以確保你的設(shè)計(jì)能夠提升你的應(yīng)用功能體驗(yàn)并關(guān)注內(nèi)容本身。

充分利用整個(gè)屏幕。天氣應(yīng)用是最好的例子:漂亮的天氣圖片充滿全屏,呈現(xiàn)用戶所在地當(dāng)前天氣情況這最重要的信息,同時(shí)也留出空間呈現(xiàn)了每個(gè)時(shí)段的氣溫?cái)?shù)據(jù)。

盡量減少視覺修飾和擬物化設(shè)計(jì)的使用。UI面板、漸變和陰影有時(shí)會(huì)讓UI元素顯得很厚重,致使搶了內(nèi)容的風(fēng)頭。應(yīng)該以內(nèi)容為核心,讓UI成為內(nèi)容的支撐。

嘗試使用半透明底板。半透明的控件——比如控制中心——關(guān)聯(lián)了使用場景,幫助用戶看到更多可用的內(nèi)容,并可以起到短暫的提示作用。在iOS中,透明的控件只讓它遮擋住的地方變得模糊——看上去像蒙著一層米紙一樣——它并沒有遮擋屏幕剩余的部分。

1.1.2 保證清晰度(Provide Clarity)

保證清晰度是另一個(gè)方法,以確保你的應(yīng)用中內(nèi)容始終是核心。以下是幾種方法,讓最重要的內(nèi)容和功能清晰,易于交互。

使用大量留白。留白讓重要內(nèi)容和功能顯得更加醒目。此外,留白可以傳達(dá)一種平靜和安寧的視覺感受,它可以使一個(gè)應(yīng)用看起來更加聚焦和高效。

讓顏色簡化UI。一個(gè)主題色——比如在記事本中使用的黃色——讓重要區(qū)域更加醒目并巧妙地表示交互性。這同時(shí)也給了一個(gè)應(yīng)用一個(gè)統(tǒng)一的視覺主題。內(nèi)置應(yīng)用使用家族化的系統(tǒng)顏色,無論在深色和淺色背景上看起來都干凈,純粹。

通過使用系統(tǒng)字體確保易讀性。iOS的系統(tǒng)字體自動(dòng)調(diào)整行間距和行的高度,使閱讀時(shí)文本清晰易讀,無論何種大小的字號都表現(xiàn)良好。無論你是使用系統(tǒng)或是自定義字體,務(wù)必使用動(dòng)態(tài)型,這樣你的應(yīng)用可以在用戶選擇不同字號時(shí)做出應(yīng)對。

使用無邊框的按鈕。默認(rèn)情況下,所有bar上的按鈕都是無邊框的。在內(nèi)容區(qū)域,無邊框按鈕以文案、顏色以及操作指引標(biāo)題來表明按鈕功能。當(dāng)按鈕被激活時(shí),該按鈕呈現(xiàn)高亮的淺色狀態(tài)來作為操作響應(yīng)。

1.1.3 用深度來體現(xiàn)層次(Use Depth to Communicate)

iOS經(jīng)常在不同的層級上展現(xiàn)內(nèi)容,用以表達(dá)分組和位置,并幫助用戶了解在屏幕上的對象之間的關(guān)系。

通過使用一個(gè)在主屏幕上方的半透明背景浮層來區(qū)分文件夾和其余部分的內(nèi)容。

備忘錄以不同的層級展示,如插圖所示。用戶在使用備忘錄里的某個(gè)條目時(shí),其他的條目被收起在屏幕下方(譯者按:其實(shí)這個(gè)視覺提示使用起來很隱晦)。

日歷有較深的層級,當(dāng)他們在翻閱年、月、日的時(shí)候,以及增強(qiáng)的交互動(dòng)畫給用戶一種層級縱深感(循序切換的層次,從年到月到日)。在滾動(dòng)年份視圖時(shí),用戶可以即時(shí)看到今天的日期以及其他日歷任務(wù)。當(dāng)用戶處于月份視圖時(shí),點(diǎn)擊年份視圖按鈕,月份會(huì)縮小至年份視圖中的所處位置。

今天的日期依然處于高亮狀態(tài),年份出現(xiàn)在返回按鈕處,這樣用戶可以清楚地知道他們在哪兒,他們從哪里進(jìn)來并且知道如何返回。

類似的過渡動(dòng)畫出現(xiàn)在用戶選擇一個(gè)日期時(shí):月份視圖從所選位置分開,將當(dāng)前的周日期推向屏幕頂端并翻轉(zhuǎn)出以小時(shí)為單位的當(dāng)天時(shí)間視圖。這些動(dòng)畫加強(qiáng)了日歷上年月日之間的關(guān)系的感知度。

1.2 iOS應(yīng)用解析(iOS App Anatomy)

幾乎所有的iOS 應(yīng)用都應(yīng)用了UIKit framework中定義的組件。了解這些組件的名字,作用和構(gòu)成能夠幫助你設(shè)計(jì)應(yīng)用過程中做出更好的決定。

UIKit提供的UI組件大致分成以下4種大類:

Bars:包含了導(dǎo)航信息,告訴用戶他們所在的位置并包含了一些能幫助用戶瀏覽或啟動(dòng)某些操作的控制按鈕。

內(nèi)容視圖:包含了應(yīng)用的主體內(nèi)容以及某些操作行為,比如滾動(dòng)、插入、刪除、排序等等。

控制按鈕:展示信息或者控制動(dòng)作。

臨時(shí)視圖:短時(shí)間出現(xiàn),給用戶重要信息或者額外的選擇或者其他功能。

除了定義UI組件,UIKit也定義對象實(shí)現(xiàn)的功能,例如手勢識別、繪圖、輔助功能和打印支持。

從編程的角度來說,UI組件被認(rèn)為是不同類別的視圖,因?yàn)樗麄儚腢IView得到繼承。視圖能繪制屏幕內(nèi)容并且知道用戶何時(shí)觸摸了屏幕。視圖的所有類型有:控件(比如按鈕和滑塊),內(nèi)容視圖(比如集合視圖和表格視圖),以及臨時(shí)視圖(如警告提示和動(dòng)作菜單)。

要在應(yīng)用中管理一組或者一系列的視圖,通常需要使用一個(gè)視圖控制器,它能協(xié)調(diào)視圖的顯示內(nèi)容,實(shí)現(xiàn)與用戶交互的功能并能在不同屏幕內(nèi)容之間切換。比如,“設(shè)置”使用了一個(gè)導(dǎo)航控制器來展示其視圖層級。

下面是一個(gè)例子,關(guān)于視圖與視圖控制器如何結(jié)合并呈現(xiàn)iOS 應(yīng)用的UI。

雖然開發(fā)者認(rèn)為真正起到作用的是視圖和視圖控制器,但一般用戶感知到的iOS應(yīng)用是不同屏幕內(nèi)容的集合。從這個(gè)角度來看,在應(yīng)用里,屏幕內(nèi)容一般對應(yīng)于一個(gè)獨(dú)特的視覺狀態(tài)或者模式。

注:一個(gè)iOS應(yīng)用程序包含一個(gè)窗口。但是,不同于計(jì)算機(jī)程序中的窗口,iOS窗口沒有可見的部分并且不能在屏幕上被移動(dòng)到另一個(gè)位置。很多iOS應(yīng)用程序只有一個(gè)窗口;可以支持外部顯示設(shè)備器的應(yīng)用程序可以有不止一個(gè)窗口。

在iOS Human Interface Guidelines中,screen這個(gè)詞和大部分用戶理解的一樣。作為一個(gè)開發(fā)者,你也許需要讀一下其他與UIscreen相關(guān)的章節(jié),這樣你可以更好的了解如何關(guān)聯(lián)外部屏幕。

1.3 適應(yīng)性和布局(Adaptivity and Layout)

1.3.1 為自適應(yīng)而開發(fā)(Build In Adaptivity)

人們通常想隨心所欲地使用自己喜歡的應(yīng)用程序。在iOS 8及未來的版本中,你可以使用不同分辨率和自動(dòng)布局來幫助你定義屏幕布局視圖,視圖控制器以及需要隨顯示環(huán)境改變的視圖(顯示環(huán)境display environment的概念指的是設(shè)備的整個(gè)屏幕或者其中一部分,比如一個(gè)跳出菜單區(qū)域或一個(gè)分視圖控制器的主視圖部分)。

iOS定義了兩個(gè)尺寸類別(size class),常規(guī)的(regular)和壓縮的(compact)。常規(guī)尺寸有著較易拓展的空間,而壓縮尺寸約束了空間的使用。想要定義一種顯示環(huán)境,你需要定義橫縱尺寸類型。如你所想,iOS設(shè)備可以有橫屏豎屏兩種不同的使用模式。

iOS能隨著顯示環(huán)境和尺寸類別變化而自動(dòng)生成不同布局。舉個(gè)例子,當(dāng)垂直尺寸從壓縮變?yōu)槌R?guī)時(shí),導(dǎo)航欄和工具欄會(huì)自動(dòng)變高。

當(dāng)你靠尺寸類別來驅(qū)動(dòng)布局變化時(shí),你的應(yīng)用在任何顯示環(huán)境時(shí)都能顯示得很好。關(guān)于如何在Interface Builder中更好的使用尺寸類別,你可以查閱Size Classes Design Help。

注:在一種尺寸類別中,持續(xù)使用Auto Layout進(jìn)行小的布局調(diào)整,比如拉伸或壓縮內(nèi)容。

下面的實(shí)例可以幫助你理解尺寸類型是如何適配不同設(shè)備的顯示環(huán)境。例如:iPad在長寬和橫屏豎屏?xí)r都使用常規(guī)尺寸類型。換句話說,iPad顯示環(huán)境一直處于垂直和水平的常規(guī)狀態(tài)。

iPhone的顯示環(huán)境可根據(jù)不同的設(shè)備和不同的握持方向而改變。

豎屏?xí)r,iPhone6 Plus使用的是常規(guī)高度和壓縮寬度類型。

橫屏?xí)r,iPhone6 Plus使用的是壓縮高度和常規(guī)寬度類型。

其他iPhone型號,包括iPhone6使用相同的尺寸類型設(shè)置。

豎屏?xí)r,iPhone 6,iPhone 5 和iPhone 4S使用的是壓縮寬度和常規(guī)高度。

橫屏?xí)r,這些設(shè)備在寬高上使用的都是壓縮類。

1.3.2 在不同環(huán)境提供良好體驗(yàn)(Provide a Great Experience in Each Environment)

當(dāng)你使用自適應(yīng)來開發(fā)UI時(shí),你可以保證UI跟隨顯示環(huán)境變化而適當(dāng)?shù)仨憫?yīng)。遵照這些指南,你可以給用戶良好的設(shè)備響應(yīng)體驗(yàn)。

在所有環(huán)境下都保持對主體內(nèi)容的專注。這是最高優(yōu)先級。人們使用應(yīng)用時(shí),與感興趣的內(nèi)容發(fā)生互動(dòng)。當(dāng)使用環(huán)境變化的同時(shí),改變專注點(diǎn)會(huì)讓用戶感覺到迷失方向,喪失了對應(yīng)用的控制。

避免布局上不必要的變化。在所有環(huán)境中類似的使用體驗(yàn)讓人們在旋轉(zhuǎn)設(shè)備或在不同設(shè)備上運(yùn)行你的應(yīng)用時(shí)維持使用模式。例如,如果你使用一個(gè)網(wǎng)格在水平的常規(guī)模式下顯示圖像,你無需在一個(gè)列表中展示與壓縮模式下相同信息,雖然你可能調(diào)整了網(wǎng)格的尺寸。

如果你的應(yīng)用只在一個(gè)方向上運(yùn)行,那么請直接一點(diǎn)。人們希望在各種握持方式下都可以使用你的應(yīng)用,能滿足這個(gè)期待是最好的。但是,如果你的應(yīng)用只在一個(gè)方向下運(yùn)行,那么以下幾點(diǎn)請務(wù)必注意:

  • 避免提示人們旋轉(zhuǎn)設(shè)備的提示UI出現(xiàn)。讓應(yīng)用清晰地運(yùn)行在支持的方向下,讓用戶明白應(yīng)該旋轉(zhuǎn)設(shè)備,而不是添加不必要的引導(dǎo)性混亂。
  • 支持同一個(gè)方向上的變化。例如,如果一個(gè)應(yīng)用只能垂直運(yùn)行,用戶無論用左手或是右手握持時(shí)都能觸及到home鍵。如果用戶在使用應(yīng)用時(shí)180度旋轉(zhuǎn)設(shè)備,那最好應(yīng)用內(nèi)容也能及時(shí)響應(yīng)并旋轉(zhuǎn)180度。

如果你的應(yīng)用將設(shè)備方向翻轉(zhuǎn)視為用戶輸入(的一種指令),那么就按照程序設(shè)定的方式來響應(yīng)設(shè)備翻轉(zhuǎn)。舉個(gè)例子,一個(gè)游戲讓用戶利用設(shè)備翻轉(zhuǎn)來移動(dòng)游戲中的部件,那么這個(gè)游戲應(yīng)用本身(的UI)不能對翻轉(zhuǎn)屏幕產(chǎn)生響應(yīng)。在這種情況下,你必須關(guān)聯(lián)兩個(gè)需要變化的方向,并且允許人們在這兩個(gè)方向切換直到他們開始(了解并執(zhí)行)應(yīng)用的主體任務(wù)。一旦人們開始執(zhí)行主要任務(wù),那就開始按程序設(shè)定的那樣來響應(yīng)設(shè)備的動(dòng)作吧。

1.3.3 使用布局來溝通(Use Layout to Communicate)

布局包含的不僅僅是一個(gè)應(yīng)用屏幕上的UI元素外觀。你的布局,應(yīng)該告訴用戶什么是最重要的,他們的選擇是什么,以及事物是如何關(guān)聯(lián)起來的。

提升重要內(nèi)容或功能,讓用戶容易集中注意在主要任務(wù)上。有幾個(gè)比較好的辦法是在屏幕上半部分放置主要內(nèi)容,以從左到右的習(xí)慣,從靠近左側(cè)的屏幕開始。

使用視覺化的重量和平衡向用戶展示相關(guān)的屏顯重要元素。大型控件吸引眼球,而比小的控件更容易在出現(xiàn)時(shí)被注意到。而且大型控件也更容易被用戶點(diǎn)擊,這讓它們在應(yīng)用中更加有用——就像電話和時(shí)鐘(上面的按鈕)——用戶經(jīng)常在容易分心的環(huán)境中能(正常)使用它們。

使用對齊來讓閱讀更舒緩,讓分組和層次之間更有秩序。對齊讓應(yīng)用看起來整潔而有序,也讓用戶在專注于屏幕時(shí)更有空間,從而專注于重要信息。不同信息組的縮進(jìn)與對齊讓它們之間的關(guān)聯(lián)更清晰,也讓用戶更容易找到某個(gè)控件。

確保用戶能明白處于默認(rèn)尺寸的首要內(nèi)容的含義。例如,用戶無需水平滾動(dòng)就能看到重要的文本,或不用放大就可以看到主體圖像。

準(zhǔn)備好改變字體大小。用戶期望大多數(shù)應(yīng)用能有設(shè)置字號大小的功能。為了適應(yīng)一些文本大小的變化,你也許需要調(diào)整布局;想要得到更多文本顯示相關(guān)的信息,你可以查閱章節(jié)Text Should Always Be Legible.

盡量避免UI上不一致的表現(xiàn)。在一般情況下,有著相似功能的控件看起來也應(yīng)該類似。用戶常常認(rèn)為他們看到的不同總有原因,而且他們傾向于花時(shí)間去嘗試(譯者按:因此為了避免用戶做無用的嘗試所以建議類似功能外觀一樣)。

給每個(gè)互動(dòng)的元素充足的空間,從而讓用戶容易操作這些內(nèi)容和控件。常用的點(diǎn)按類控件的大小是44 x 44點(diǎn)(points)。

1.4 起始與停止(Starting and Stopping)

1.4.1 即時(shí)啟動(dòng)(Start Instantly)

有種說法是用戶往往不會(huì)花超過一兩分鐘去審視一個(gè)新應(yīng)用,當(dāng)你將應(yīng)用從打開到啟動(dòng)這段時(shí)間壓縮得很短,并且同時(shí)在載入過程中呈現(xiàn)一些對用戶有幫助的內(nèi)容,你就會(huì)激發(fā)用戶的興趣并給所有用戶一個(gè)驚喜。

重要:不要在安裝過程結(jié)束后告訴用戶需要重啟設(shè)備。重啟需要時(shí)間并且會(huì)讓人覺得你的應(yīng)用看上去不可靠而且很難使用。

如果你的應(yīng)用有內(nèi)存使用問題,或者不重啟就無法流暢運(yùn)行,你必須聲明這些問題。關(guān)于如何開發(fā)一款性能良好的應(yīng)用,請查閱iOS應(yīng)用編程指南。

盡可能避免使用閃屏或者其他啟動(dòng)體驗(yàn)。用戶能夠在啟動(dòng)后立即開始使用應(yīng)用是最好不過的。

避免讓用戶做過多設(shè)置。而應(yīng)該如此:

  • 聚焦在滿足80%的用戶需求上。這樣主體用戶群就無需設(shè)置各種選項(xiàng),因?yàn)槟愕膽?yīng)用已經(jīng)默認(rèn)處于他們想要的狀態(tài)。如果有些功能有少部分用戶想要,換句話說,大部分人不需要的話,就別管它了。
  • 盡可能用其他方式獲取更多(用戶)信息。如果你能得到用戶在內(nèi)置應(yīng)用或硬件設(shè)置中提供的信息,直接從系統(tǒng)中獲取它們,而不需要再次讓用戶輸入。
  • 如果你必須獲取設(shè)置信息,在你的應(yīng)用中直接向用戶詢問,然后盡快保存這些設(shè)定(譯者注:這段講的是權(quán)限許可,如能否訪問照片或者日歷或地理位置信息等等)。這樣用戶就無需強(qiáng)制跳出應(yīng)用進(jìn)入系統(tǒng)設(shè)置頁面了。如果用戶需要更改設(shè)置,他們可以在任何時(shí)候進(jìn)入應(yīng)用的設(shè)置選項(xiàng)進(jìn)行修改。

盡可能讓用戶晚一些再登錄。最理想的狀態(tài)是,用戶在無需登錄的情況下就能盡量多地瀏覽內(nèi)容并使用部分功能。例如,App Store應(yīng)用會(huì)在用戶瀏覽商品并確定進(jìn)行購買時(shí),才要求用戶進(jìn)行登錄。對于必須登錄才能進(jìn)行后續(xù)瀏覽和操作的應(yīng)用,用戶往往會(huì)直接放棄。

如果你的應(yīng)用必須先登錄后使用,那么你應(yīng)該在登錄頁面有一些簡短的文字,來描述為什么必須先登錄,以及這樣做會(huì)給用戶帶來什么好處。

謹(jǐn)慎使用新手引導(dǎo)(介紹應(yīng)用的功能和如何進(jìn)行操作)。在考慮新手引導(dǎo)之前,你應(yīng)該完善你的應(yīng)用,盡可能使應(yīng)用的功能直觀和易于尋找。有句話說得好,好的應(yīng)用不需要新手引導(dǎo)。如果你確實(shí)覺得需要新手引導(dǎo),那么請參考如下的建議,設(shè)計(jì)一個(gè)簡潔、有針對性并且不妨礙用戶的新手引導(dǎo)。

  • 只提供開始使用應(yīng)用所必需的信息。好的新手引導(dǎo)應(yīng)該告訴用戶接下來第一步應(yīng)該做什么,或者簡短地演示大部分用戶感興趣的一些功能。在能夠?yàn)g覽你的應(yīng)用之前,如果用戶遇到太多的信息,讓用戶記住這些不是當(dāng)前所必須的內(nèi)容,他們很可能會(huì)覺得你的應(yīng)用很難用。如果在某些特定場景下確實(shí)需要一些引導(dǎo),那么也應(yīng)該在用戶進(jìn)入這個(gè)場景之后再進(jìn)行。
  • 使用交互動(dòng)畫來吸引用戶,并讓用戶通過實(shí)際上手來學(xué)習(xí)如何使用。對于文字內(nèi)容的增加應(yīng)該謹(jǐn)慎,且僅當(dāng)增加文字對于提升體驗(yàn)有益時(shí)才這么做。不要指望用戶會(huì)閱讀大段的文字。例如,可以使用動(dòng)畫而不是文字來描述如何執(zhí)行一個(gè)簡單的任務(wù)。在引導(dǎo)用戶了解較為復(fù)雜的任務(wù)時(shí),可以通過一些引導(dǎo)浮層來簡要說明每一個(gè)步驟用戶需要做什么。盡可能避免展示應(yīng)用截圖,因?yàn)榻貓D是死的,用戶可能會(huì)混淆截圖和應(yīng)用的實(shí)際界面。
  • 能夠簡單地取消或者跳過新手引導(dǎo)。有些用戶看完新手引導(dǎo)之后就不想再看,有些甚至根本就不想看新手引導(dǎo)。請記住用戶的選擇,不要強(qiáng)迫用戶每次打開你的應(yīng)用都要再做一次選擇。

不要太早要求用戶去給你的應(yīng)用評分。過早要求用戶進(jìn)行評分可能會(huì)適得其反。如果你想獲得用戶有價(jià)值的反饋和評論,在邀請用戶評論之前,請給他們一點(diǎn)時(shí)間來使用你的應(yīng)用,并對你的應(yīng)用形成印象。例如,你可以等用戶訪問了一定數(shù)量的頁面或完成了一定數(shù)量的任務(wù)之后,再邀請他們進(jìn)行評價(jià)。

一般建議按照屏幕默認(rèn)的定向方式啟動(dòng)你的應(yīng)用。盡管如此,如果你的應(yīng)用只有一種屏幕方向,那么就始終以這個(gè)方向啟動(dòng),讓用戶在他們自己需要時(shí)再改變設(shè)備方向。例如,一個(gè)游戲或者媒體觀看應(yīng)用只在橫屏模式下運(yùn)行,那么就應(yīng)該以橫屏模式啟動(dòng),即使設(shè)備當(dāng)前處于豎屏模式。這樣的話,如果用戶在豎屏模式下打開應(yīng)用,他們也知道應(yīng)該把設(shè)備轉(zhuǎn)成橫屏來進(jìn)行使用。

注:最好讓橫屏應(yīng)用支持兩種模式的橫屏,即home鍵處于左右兩側(cè)的狀態(tài)。如果設(shè)備當(dāng)前已經(jīng)處于橫向狀態(tài),那么就按照當(dāng)前狀態(tài)啟動(dòng)應(yīng)用,除非你有充分的理由不這么做。其他情況時(shí),可以考慮按home鍵處于右側(cè)的方式啟動(dòng)應(yīng)用。(想要了解更多關(guān)于支持不同設(shè)備方向的內(nèi)容,請參閱Respond to Changes in Device Orientation.)

準(zhǔn)備一張與應(yīng)用首頁看上去一樣的閃屏。iOS會(huì)在啟動(dòng)應(yīng)用時(shí)調(diào)用這張圖,這樣可以讓用戶覺得啟動(dòng)速度很快,降低對等待時(shí)間的感知度。具體如何制作閃屏,請查閱Launch Images。(譯者注:Launch Images章節(jié)處在iOS Human Interface Guidelines的Icon and Image Design部分,翻譯將在后續(xù)更新中放出,煩請各位耐心等候。)

如果可能,不要讓用戶在初次啟動(dòng)應(yīng)用時(shí)閱讀免責(zé)聲明或者確認(rèn)用戶協(xié)議。你可以直接在App Store展示這些內(nèi)容,使用戶在下載前就有所了解;雖然這個(gè)辦法能最大地減少麻煩,但也不是一直可行。如果在某些情況下你必須展示這些內(nèi)容,要確保它們與UI保持統(tǒng)一并在產(chǎn)品功能與用戶體驗(yàn)之間達(dá)成平衡。

在應(yīng)用重啟后,需要恢復(fù)到用戶退出使用時(shí)的狀態(tài),讓他們可以從中斷之處繼續(xù)使用。無需讓用戶記住是如何達(dá)到此種退出狀態(tài)的。

1.4.2 時(shí)刻準(zhǔn)備好停止(Always Be Prepared to Stop)

iOS 應(yīng)用無需關(guān)閉或退出選項(xiàng)。當(dāng)用戶切換應(yīng)用,回到主屏幕或者將設(shè)備調(diào)至睡眠模式的時(shí)候,其實(shí)就是停止了當(dāng)前應(yīng)用的使用。

當(dāng)用戶切換應(yīng)用時(shí),iOS的多任務(wù)系統(tǒng)會(huì)將其放置到后臺并將新應(yīng)用的UI替換上來。在這種情況下,你必須做到以下幾點(diǎn):

  • 隨時(shí)并盡快保存用戶信息,因?yàn)樵诤笈_的應(yīng)用隨時(shí)有可能被終止或退出。
  • 當(dāng)應(yīng)用停止的時(shí)候保存當(dāng)前狀態(tài),使用戶可以在回到應(yīng)用時(shí)能從中斷之處繼續(xù)使用。例如,在使用可滾動(dòng)的數(shù)據(jù)列表時(shí),退出后保存列表所在的位置。

有些應(yīng)用可能需要一直在后臺運(yùn)行。例如,用戶可能希望能在使用一個(gè)應(yīng)用的同時(shí)還能一直聽歌,接著又想用另外一個(gè)應(yīng)用來檢查代辦項(xiàng)或者玩游戲。關(guān)于如何正確處理多任務(wù),請查閱Multitasking(譯者注:Multitasking章節(jié)處在iOS Human Interface Guidelines的iOS Technologies部分,翻譯將在后續(xù)更新中放出,煩請各位耐心等候。)

不要強(qiáng)制讓應(yīng)用退出。因?yàn)檫@樣會(huì)讓用戶誤以為是crash。如果有問題產(chǎn)生,需要告訴用戶具體狀況以及如何解決。以下有兩個(gè)建議,取決于出現(xiàn)的問題有多嚴(yán)重而酌情使用:

如果應(yīng)用中所有的功能當(dāng)前都不可用,那么應(yīng)該顯示一些內(nèi)容來解釋當(dāng)前的情形,并建議用戶如何進(jìn)行后續(xù)操作。這部分內(nèi)容給予了用戶以反饋,使用戶相信你的應(yīng)用現(xiàn)在沒問題。同時(shí)這也可以穩(wěn)定用戶情緒,讓他們決定是否要采取糾正措施,繼續(xù)使用應(yīng)用,還是切換到另一個(gè)應(yīng)用。

如果只有部分功能不可用,那么只要當(dāng)用戶使用這些功能時(shí)顯示提示即可。不然的話,用戶就應(yīng)該能正常使用應(yīng)用的其他功能。如果你決定使用警告框來進(jìn)行提示,請確保只在用戶嘗試使用不可用的功能時(shí)再顯示。

1.5 導(dǎo)航(Navigation)

除非導(dǎo)航設(shè)計(jì)的不合理,不然用戶不應(yīng)明顯察覺到應(yīng)用中的導(dǎo)航體驗(yàn)。放置導(dǎo)航到一個(gè)能夠支撐你的應(yīng)用結(jié)構(gòu)和目的卻又不過分引起用戶注意的狀態(tài)。

廣義來說,有三種主要類型的導(dǎo)航,每種導(dǎo)航都有其適應(yīng)的應(yīng)用結(jié)構(gòu):

  • 分層。
  • 扁平。
  • 內(nèi)容或經(jīng)驗(yàn)驅(qū)動(dòng)。

在分層應(yīng)用中,用戶在每個(gè)層級中都要選擇其中一項(xiàng),直到目的層級。如果要切換到另一個(gè)層級,用戶必須回退一些層級,或者直接回到初始層級進(jìn)行再次選擇。系統(tǒng)的設(shè)置和郵件應(yīng)用在這方面是很好的示范,可以參考他們。

在扁平應(yīng)用中,用戶可以從一個(gè)主要分類直接切換到另一個(gè),因?yàn)樗械闹饕诸惗伎梢詮闹髌林苯釉L問。音樂和App Store是兩個(gè)使用扁平結(jié)構(gòu)的好例子。

在內(nèi)容驅(qū)動(dòng)或經(jīng)驗(yàn)驅(qū)動(dòng)信息結(jié)構(gòu)的應(yīng)用中,導(dǎo)航的內(nèi)容也會(huì)根據(jù)內(nèi)容或經(jīng)驗(yàn)來進(jìn)行設(shè)計(jì)。例如,在閱讀一本電子書時(shí),用戶會(huì)一頁接一頁地進(jìn)行閱讀,也會(huì)在目錄中選擇想要閱讀的頁碼跳轉(zhuǎn)后開始閱讀。同樣的,在游戲應(yīng)用中,導(dǎo)航的作用也非常重要。

在某些情況下,在一個(gè)應(yīng)用中結(jié)合多種導(dǎo)航類型會(huì)有很好的效果。例如,對于扁平信息結(jié)構(gòu)中某一分類下的內(nèi)容,用分層導(dǎo)航的方式來顯示可能會(huì)更好。

用戶應(yīng)該時(shí)刻清楚自己當(dāng)前在應(yīng)用中所處的位置,以及如何前往他們所想到的頁面。

無論導(dǎo)航類型是否適合你的應(yīng)用結(jié)構(gòu),最重要的是用戶訪問內(nèi)容的路徑應(yīng)該是合理、可預(yù)期和易于尋找的。

UIKit定義了一些標(biāo)準(zhǔn)的UI元素,這些元素即可以構(gòu)建分層或扁平的導(dǎo)航,也可以實(shí)現(xiàn)以內(nèi)容為中心的導(dǎo)航,例如電子書或者媒體觀看類應(yīng)用。游戲或者其他經(jīng)驗(yàn)驅(qū)動(dòng)的應(yīng)用通常需要一些自定義的元素和行為。

使用導(dǎo)航欄(Navigation Bar)幫助用戶輕松訪問分層內(nèi)容。導(dǎo)航欄的標(biāo)題可以顯示用戶當(dāng)前所處的層級,而后退按鈕可以回到上一層級。查看Navigation Bar了解更多。

使用標(biāo)簽欄(Tab Bar)顯示同類型的內(nèi)容或功能。標(biāo)簽欄很適合于扁平信息結(jié)構(gòu),可以讓用戶在分類之間隨意切換,而不用在意當(dāng)前所處的位置。查看Tab Bar了解更多。

在應(yīng)用中,如果每屏顯示的都是同類項(xiàng)或同類頁,可以使用頁面控件(Page Control)。頁面控件的優(yōu)點(diǎn)是可以直觀地告訴用戶共有多少個(gè)項(xiàng)目或頁面,以及當(dāng)前所處的位置。查看Page Control了解更多。

一般來說,最好能給用戶到達(dá)每一屏的路徑。如果用戶需要,就應(yīng)該考慮使用臨時(shí)視圖,例如模態(tài)視圖、動(dòng)作菜單或警告框。查看Modal ViewAction SheetAlert了解更多。

(譯者注:上文提到的章節(jié)均處在iOS Human Interface Guidelines的第4章,翻譯將在后續(xù)更新中放出,煩請各位耐心等候。若有需要,亦可先參考先前已翻譯的iOS7 UI Elements章節(jié):,。)

UIKit同時(shí)還提供了以下相關(guān)控件:

  • 分段控件(Segmented Control)。分段控件讓用戶在一屏內(nèi)就可以查看到不同分類的內(nèi)容,而不需要切換到其他屏幕。
  • 工具欄(Toolbar)。盡管工具欄看起來和導(dǎo)航欄或標(biāo)簽欄相似,但是工具欄不具導(dǎo)航作用。相反,工具欄為用戶提供了可以控制當(dāng)前屏幕內(nèi)容的控件。

1.6 模態(tài)情境(Modal Contexts)

模態(tài)是一個(gè)承載某些連貫操作或內(nèi)容的優(yōu)缺點(diǎn)并存的模式。它可以給用戶提供一種不脫離主任務(wù)的方式去完成一個(gè)任務(wù)或者獲得信息,但是也會(huì)臨時(shí)性地阻止用戶對應(yīng)用的其他部分進(jìn)行交互操作。

理想情況下,用戶可以與iOS 應(yīng)用進(jìn)行一種非線性的交互,所以,盡可能減少應(yīng)用中的模態(tài)體驗(yàn)是最好的。通常情況,在以下情形下可以考慮使用模態(tài)情境:

  • ?必須引起用戶關(guān)注的時(shí)候。
  • ? 一個(gè)獨(dú)立的任務(wù)需要完成或者很明確需要被放棄,為了避免在模棱兩可的狀態(tài)下遺漏用戶信息的時(shí)候。

保持模態(tài)任務(wù)的簡單,簡短和高度聚焦。你肯定不希望用戶使用模態(tài)視圖時(shí)像使用應(yīng)用中的一個(gè)mini應(yīng)用一樣。如果子任務(wù)過于復(fù)雜,用戶會(huì)在進(jìn)入模態(tài)情境時(shí)忽略主要任務(wù)。在設(shè)計(jì)一個(gè)涉及視覺層次的模態(tài)任務(wù)時(shí)特別要考慮這一點(diǎn),因?yàn)橛脩粲锌赡苊允Р⑶彝浫绾位氐街暗牟僮髦腥ァH绻粋€(gè)模態(tài)任務(wù)必須包含不同視圖的子任務(wù),確保給用戶一個(gè)獨(dú)立、清晰的導(dǎo)航路徑,并避免迂回。

始終提供明顯、安全的途徑退出模態(tài)任務(wù)。確保用戶在退出模態(tài)視圖時(shí)可以預(yù)期操作的結(jié)果。

一個(gè)任務(wù)需要多層級的模態(tài)視圖時(shí),確保用戶理解點(diǎn)擊完成按鈕的結(jié)果。點(diǎn)擊一個(gè)低層級視圖上的完成按鈕是完成這個(gè)視圖中任務(wù)的一部分,還是整個(gè)任務(wù)?因?yàn)榇嬖谶@種困惑的可能性,所以要盡可能避免在下級視圖中添加完成按鈕。

保證提醒對話框的內(nèi)容都是重要且可操作的。提醒對話框會(huì)打斷用戶的體驗(yàn)并且要點(diǎn)擊才會(huì)消失,所以要讓用戶感到提醒信息是有用的,打斷是有價(jià)值的。

尊重用戶關(guān)于接收通知的選擇。用戶會(huì)設(shè)置接收應(yīng)用通知的形式,必須尊重要用戶的喜好設(shè)置,否則可能觸怒用戶,導(dǎo)致其關(guān)閉所有的推送通知。

1.7 交互性和反饋(Interactivity and Feedback)

1.7.1 用戶知道標(biāo)準(zhǔn)手勢(Users Know the Standard Gestures)

用戶使用點(diǎn)擊、拖拽、捏合等手勢與iOS設(shè)備進(jìn)行交互。使用手勢拉近了用戶和設(shè)備之間的距離,并且增強(qiáng)了直接操縱感。用戶通常期待手勢在不同應(yīng)用之間都是通用的。

除了用戶熟悉的標(biāo)準(zhǔn)手勢,iOS還定義了一些系統(tǒng)范圍內(nèi)的操作,例如呼出控制中心或消息中心。在任意應(yīng)用下都可以使用這些操作。

不要給標(biāo)準(zhǔn)手勢賦予不同的行為。除非你的應(yīng)用是游戲,否則重新定義標(biāo)準(zhǔn)手勢會(huì)使用戶迷惑,且增加使用難度。

不要?jiǎng)?chuàng)建和標(biāo)準(zhǔn)手勢功能相似的手勢操作。用戶已經(jīng)習(xí)慣了標(biāo)準(zhǔn)手勢的行為,沒有必要讓用戶學(xué)習(xí)達(dá)到同樣效果的不同操作。

可以用復(fù)雜手勢作為完成某任務(wù)的快捷方式,但不能是唯一觸達(dá)方式。最好給用戶提供一些簡單、直接的方式完成某操作,即使這種方法需要額外的動(dòng)作。簡單的手勢能讓用戶集中于當(dāng)前的體驗(yàn)和內(nèi)容,而不是交互操作本身。

除非是游戲,否則避免定義新的手勢。在游戲或其他沉浸式的應(yīng)用中,操作手勢也是有趣體驗(yàn)的一部分。但是在普通應(yīng)用中,幫助用戶達(dá)成目標(biāo)要比操作本身重要的多,所以最好使用標(biāo)準(zhǔn)手勢,盡量避免讓用戶去發(fā)掘和記憶新的操作。

在特定的環(huán)境中,可以考慮使用多指操作。雖然復(fù)雜的操作并不一定適用于所有應(yīng)用,但對用戶會(huì)花大量時(shí)間使用的應(yīng)用來說可以豐富體驗(yàn),例如游戲或創(chuàng)建內(nèi)容環(huán)境。但因?yàn)榉菢?biāo)準(zhǔn)手勢可發(fā)現(xiàn)性差,要盡量少用,并且不要讓這類手勢成為完成任務(wù)的唯一方式。

1.7.2 可交互元素吸引用戶點(diǎn)擊(Interactive Elements Invite Touch)

為了暗示交互性,設(shè)計(jì)時(shí)會(huì)使用很多線索,包括顏色、位置、上下文、表意明確的圖標(biāo)和標(biāo)簽等。并不需要過于修飾元素來向用戶展示可交互性。

一個(gè)關(guān)鍵的顏色可以給用戶提供很強(qiáng)的視覺指引,尤其是沒有冗余的其它顏色時(shí)。為了有對比,使用藍(lán)色標(biāo)記可交互的元素,并且使用統(tǒng)一的、易識別的視覺風(fēng)格。

返回按鈕使用多個(gè)線索指明其可交互性并傳達(dá)其功能:它出現(xiàn)在導(dǎo)航中,顯示了一個(gè)指向后方的圖標(biāo),使用了關(guān)鍵色,顯示了上一級頁面的標(biāo)題。

一個(gè)圖標(biāo)或者標(biāo)題提供了清晰的名稱指引用戶點(diǎn)擊它。例如,地圖中的標(biāo)題“立交橋路線”,“定位到這里”,清晰地說明了用戶可做的操作。結(jié)合關(guān)鍵色,就可以省去按鈕邊界或其他多余的修飾。

在內(nèi)容區(qū)域,有必要給按鈕添加邊界或背景。操作條中的按鈕、動(dòng)作表單和提醒對話框可以不需要邊界,因?yàn)橛脩糁涝谶@種區(qū)域中大多數(shù)選項(xiàng)是可交互的。但是在內(nèi)容區(qū)域,按鈕有必要使用邊界或背景將按鈕從其他內(nèi)容中區(qū)分出來。例如,系統(tǒng)自帶的音樂、時(shí)鐘、照片和App Store應(yīng)用會(huì)在一些特別的場景中使用這種按鈕。

照片應(yīng)用中給分享按鈕增加了邊框,與其他解釋性文本進(jìn)行了區(qū)分。

時(shí)鐘應(yīng)用在秒表和計(jì)時(shí)頁面中給按鈕增加背景來強(qiáng)調(diào)開始和暫停按鈕,并且使按鈕在周圍的內(nèi)容中更容易點(diǎn)擊。

App Store應(yīng)用中使用有邊界的按鈕,將按鈕和整個(gè)內(nèi)容條區(qū)分開來,點(diǎn)擊整條內(nèi)容查看詳細(xì)信息,點(diǎn)擊按鈕進(jìn)行下載安裝。

1.7.3 反饋有助于理解(Feedback Aids Understanding)

反饋會(huì)幫助用戶了解應(yīng)用當(dāng)前在做什么,發(fā)現(xiàn)接下來可以做什么以及理解動(dòng)作產(chǎn)生的結(jié)果。UIKit提供了很多反饋。

盡可能將狀態(tài)或其他的反饋信息整合到UI中。用戶不進(jìn)行操作或不跳出當(dāng)前內(nèi)容就能獲得需要的信息是最好的。例如,郵箱應(yīng)用將當(dāng)前郵箱的狀態(tài)顯示工具條上,這樣就不會(huì)影響當(dāng)前內(nèi)容。

避免顯示不必要的警告框。警告框是一種很強(qiáng)的反饋機(jī)制,只有在傳遞非常重要也是理論上可行的信息時(shí)才需要使用它。如果用戶??吹胶芏嗖皇侵匾畔⒌木婵?,他們很快就會(huì)忽略所有對話框提醒。

1.7.4 輸入信息的方式要簡單(Inputting Information Should Be Easy)

不管用戶是點(diǎn)擊控件還是使用鍵盤,輸入信息都會(huì)花費(fèi)時(shí)間和精力。如果發(fā)揮有用的效用前就讓用戶輸入大量信息會(huì)減弱用戶繼續(xù)使用的欲望。

讓用戶更容易地進(jìn)行選擇。例如,使用選擇器或者表格代替純文本,避免要求用戶打字來提高選擇效率,降低選擇成本。

適宜地從iOS中獲取信息。設(shè)備上存儲了大量的用戶信息。可以的話,不要讓用戶提供你可以輕易找到的信息,例如聯(lián)系人或日歷信息。

提供有用的反饋來平衡用戶的輸入。付出和回報(bào)的概念可以幫助用戶感到進(jìn)程在被推進(jìn)。

1.8 動(dòng)畫(Animation)

iOS的用戶界面中遍布著細(xì)微、精美的動(dòng)畫,它們使得應(yīng)用的體驗(yàn)更具吸引力、更具動(dòng)態(tài)性。適當(dāng)?shù)膭?dòng)畫可以:

  • 傳達(dá)狀態(tài)和提供反饋
  • 增強(qiáng)直接操作的感覺
  • 幫助人們可視化他們的操作結(jié)果

謹(jǐn)慎地增加動(dòng)畫,特別是在那些無法提供沉浸性體驗(yàn)的應(yīng)用中。看起來過多的無理由的動(dòng)畫會(huì)阻礙應(yīng)用的流暢性,降低性能,還會(huì)分散用戶在任務(wù)中的注意力。尤其要說的是,要有目的和限制性地使用運(yùn)動(dòng)效果和UI組件中的動(dòng)態(tài)行為,并確保對結(jié)果進(jìn)行測試。一旦被合理的使用,這些效果能提高用戶的理解度和愉悅度;過度使用他們則會(huì)使應(yīng)用看起來很迷惑,很難控制。

在合適的時(shí)候,使自定義的動(dòng)畫與內(nèi)置動(dòng)畫保持統(tǒng)一。人們習(xí)慣于謹(jǐn)慎添加動(dòng)畫,尤其是在那些不能提供沉浸式用戶體驗(yàn)的應(yīng)用中。如果應(yīng)用主要關(guān)注一些嚴(yán)肅的任務(wù)或者生產(chǎn)性任務(wù),那么動(dòng)畫就顯得多余了,還會(huì)無端打亂應(yīng)用的使用流程,降低應(yīng)用的性能,讓用戶從當(dāng)前的任務(wù)中分心。

開發(fā)者的自定義動(dòng)畫應(yīng)該切合內(nèi)置iOS應(yīng)用的動(dòng)畫。用戶習(xí)慣于內(nèi)置iOS 應(yīng)用使用的精細(xì)動(dòng)畫。事實(shí)上,用戶趨向于把視圖之間的平滑轉(zhuǎn)換,對設(shè)備方向改變的流暢響應(yīng)和基于物理力學(xué)的滾動(dòng)效果看作是iOS體驗(yàn)的一部分。除非你的應(yīng)用能夠給用戶沉浸式的體驗(yàn)–比如游戲–自定義動(dòng)畫應(yīng)該可以與內(nèi)置應(yīng)用的動(dòng)畫相媲美。

使用風(fēng)格類型一致的動(dòng)畫。在應(yīng)用中使用風(fēng)格類型一致的動(dòng)畫非常重要,可以讓用戶構(gòu)建基于使用應(yīng)用獲得的用戶體驗(yàn)。

大多數(shù)情況下,恰當(dāng)一點(diǎn)的做法是讓自定義動(dòng)畫更具現(xiàn)實(shí)性。用戶樂意于接受自由的藝術(shù)創(chuàng)作,但當(dāng)你的動(dòng)畫違背物理定律和自然法則的時(shí)候,他們會(huì)感覺到非常迷惑。

1.9 品牌推廣(Branding)

品牌推廣并不僅僅是在應(yīng)用中展示品牌的顏色和logo。理想狀態(tài)下,你開發(fā)的某個(gè)特定品牌的應(yīng)用應(yīng)該通過創(chuàng)建獨(dú)特的外觀和感覺來為用戶提供難忘的體驗(yàn)。

在iOS系統(tǒng)之下可以很容易地使用自定義的圖標(biāo)、顏色和字體來創(chuàng)建區(qū)別于其他應(yīng)用的UI。當(dāng)你進(jìn)行這些元素的設(shè)計(jì)時(shí),牢記以下兩點(diǎn):

  • 每個(gè)自定義的元素本身都需要具備良好的觀感和功能性,但它也應(yīng)該與應(yīng)用中其他元素保持一致,無論應(yīng)用中其他元素是自定義的還是標(biāo)準(zhǔn)的。
  • 為了在iOS中感覺舒適,你的應(yīng)用雖然不必看起來跟內(nèi)置的一樣,但是需要對它的遵從、清晰度和深度(如欲了解更多,參見1.1 為iOS而設(shè)計(jì)(Design for iOS))進(jìn)行整合?;ㄐr(shí)間弄清楚在你的應(yīng)用中遵從、清晰和深度所代表的意味,并把它們在你的自定義元素中表達(dá)出來。

當(dāng)你需要讓用戶意識到你的品牌時(shí),你應(yīng)該遵循以下幾點(diǎn):

以精致優(yōu)雅不唐突的方式植入品牌的顏色和圖片。用戶使用你的應(yīng)用來完成事務(wù)或者進(jìn)行娛樂,他們不希望被強(qiáng)迫著去觀看廣告。為了獲得最好的用戶體驗(yàn),你可以通過字體、顏色和圖像的設(shè)計(jì)來潛移默化地地提醒用戶你的品牌身份。

避免遠(yuǎn)離用戶關(guān)心的內(nèi)容。比如,在屏幕頂部展示一個(gè)二級欄目,僅用來展示品牌資產(chǎn),這意味著內(nèi)容沒有足夠的空間,可以考慮以其他低侵入性的方法無處不在地展示品牌,比如巧妙地定制屏幕的背景。

抵抗住誘惑,不要把你的logo貫穿整個(gè)應(yīng)用。移動(dòng)設(shè)備的屏幕多數(shù)相當(dāng)小,logo的每一次出現(xiàn)都會(huì)占據(jù)空間而將用戶與他們想看的內(nèi)容隔離開。而且,在應(yīng)用中顯示logo并不能像在網(wǎng)頁中顯示logo那樣達(dá)到相同的目的:對于用戶來說通常會(huì)很容易在不知道網(wǎng)頁所屬的情況下訪問一個(gè)網(wǎng)頁,但卻極少有用戶會(huì)在完全不看一個(gè)iOS系統(tǒng)中的應(yīng)用圖標(biāo)的情況下就打開它。

1.10 顏色與字體(Color and Typography)

1.10.1 色彩有助于增進(jìn)溝通(Color Enhances Communication)

在iOS系統(tǒng)中,顏色會(huì)用于表征交互,傳遞活性以及提供視覺連續(xù)性。內(nèi)置的應(yīng)用程序選擇使用那些看起來更具個(gè)性的、純粹、干凈的顏色,并輔以或亮或暗的背景組合。

如果你要?jiǎng)?chuàng)建多樣的自定義顏色,要確保它們能夠和諧共存。例如,如果你的應(yīng)用的基本風(fēng)格是柔和的色調(diào),你就應(yīng)該創(chuàng)建一個(gè)協(xié)調(diào)的柔和色調(diào)的色板用于整個(gè)應(yīng)用。

注意在不同情境下的顏色對比。例如,如果在導(dǎo)航欄的背景與欄按鈕標(biāo)題之間沒有足夠的對比,按鈕就會(huì)很難被用戶看到。 依據(jù)經(jīng)驗(yàn)的法則來說,需要區(qū)分的顏色必須至少存在50%的亮度差異。(我們)需要將設(shè)備置于不同的光照環(huán)境之中(包括晴朗的室外)來測試設(shè)備上的觀感效果。

提示:一種發(fā)現(xiàn)需要更高對比度的區(qū)域的方法是降低UI的飽和度并在灰度模式下查看它。如果在灰度版本中你很難區(qū)分可交互與非可交互元素或背景等,你有可能需要增加這些元素之間的對比度。

當(dāng)你使用自定義的欄顏色時(shí),著重考慮半透明的欄和應(yīng)用內(nèi)容。當(dāng)你需要?jiǎng)?chuàng)建能匹配特別顏色的欄顏色時(shí)(比如一個(gè)已有品牌中的顏色),可能在你獲得你想要的結(jié)果之前,你需要用各種顏色進(jìn)行實(shí)驗(yàn)。欄的顯示將會(huì)同時(shí)受到iOS系統(tǒng)所提供的半透明欄與藏在欄后面的應(yīng)用內(nèi)容的呈現(xiàn)所影響。

API注釋:使用淺色(TintColor)的屬性值給予欄按鈕顏色,使用欄淺色(BarTintColor)的屬性值為欄本身賦色。欲了解更多關(guān)于欄屬性的內(nèi)容,可參見UINavigationBar Class Reference,,UITabBar Class Reference,UIToolbar Class Reference和 UISearchBar Class Reference。(譯者注:相關(guān)章節(jié)翻譯將在后續(xù)更新中放出,煩請各位耐心等候。)

注意顏色的盲區(qū)。多數(shù)色盲的人很難區(qū)分紅色與綠色。需要對你的應(yīng)用進(jìn)行測試以確保在其中你沒有將紅色與綠色作為區(qū)分兩個(gè)不同狀態(tài)或值的唯一方式,一些圖像編輯軟件或工具能夠有效的幫你驗(yàn)證顏色的盲區(qū)。通常意義來說,使用多種方式來表征原色的交互性是非常好的(需要了解更多關(guān)于在iOS系統(tǒng)中表征交互性的信息,詳見Interactive Elements Invite Touch)。

考慮選擇一種基準(zhǔn)色顏色來表征交互性與狀態(tài)。在內(nèi)置的應(yīng)用中基準(zhǔn)色有比如備忘錄中的黃色與日歷中的紅色等。如果你定義一種用于表征交互和狀態(tài)的基準(zhǔn)色,要確保你的應(yīng)用中的其他顏色不會(huì)與它發(fā)生沖突。

色彩可以向用戶傳達(dá)信息,但不一定會(huì)以你希望的方式。每個(gè)人眼中的色彩是不一樣的,不同的文化為色彩賦予的意義也是不相同的?;〞r(shí)間來研究如何使用色彩才可能會(huì)被其他國家或者文化接受。你要盡可能確定應(yīng)用中運(yùn)用的色彩向用戶傳達(dá)了恰當(dāng)?shù)男畔ⅰ?/p>

大多數(shù)情況下,不能讓顏色喧賓奪主,讓用戶分心。除非色彩是應(yīng)用的目的和本質(zhì)所在,通常情況下色彩應(yīng)該用來從細(xì)微細(xì)節(jié)之處提升用戶體驗(yàn)。

1.10.2 文字應(yīng)該清晰易讀(Text Should Always Be Legible)

文字首先必須是清晰可辨的。如果用戶不能看清楚應(yīng)用中的字詞,那么文字再好看也是沒是無意義的。當(dāng)你在你的應(yīng)用中采用Dynamic Type時(shí),你可以實(shí)現(xiàn):

  • 能自動(dòng)調(diào)整文字的粗細(xì),字母間距以及行高。
  • 為語義上有區(qū)別的文本模塊指定不同的文本樣式,比如正文、腳注或者標(biāo)題。
  • 文本可以根據(jù)用戶在動(dòng)態(tài)文字和可訪問性設(shè)置中指定字體大小的變化作出適當(dāng)?shù)捻憫?yīng)。

注:如果你是用自定義字體,你仍然可以依據(jù)系統(tǒng)的字號設(shè)置來規(guī)劃字體范圍。當(dāng)用戶改變設(shè)置時(shí),你的應(yīng)用也必須響應(yīng)式的配合。

就你而言,要采用Dynamic Type需要一些工作。為了學(xué)習(xí)如何使用文字樣式并確保當(dāng)用戶改變文字型號設(shè)置時(shí)你的應(yīng)用能夠獲取通知,可以參考Text Styles in Text Programming Guide for iOS。(譯者注:相關(guān)章節(jié)翻譯將在后續(xù)更新中放出,煩請各位耐心等候。)

文本尺寸的響應(yīng)式變化需要優(yōu)先考慮內(nèi)容。并不是所有的內(nèi)容對于用戶都是同等重要的。當(dāng)用戶選擇更大的文本尺寸時(shí),他們是想要使他們關(guān)注的內(nèi)容更容易閱讀;他們并不總是想要屏幕上的每個(gè)單詞都更大。

例如,當(dāng)用戶選擇具備更大易用性的文本尺寸時(shí),郵件將會(huì)以更大的尺寸顯示郵件的主題和內(nèi)容,而對于那些沒那么重要的信息——如時(shí)間和收件人——則采用較小的尺寸。

在適當(dāng)?shù)那闆r下,當(dāng)用戶選擇一個(gè)不同的文本尺寸時(shí)要調(diào)整頁面布局。例如,當(dāng)用戶選擇小的文本尺寸時(shí),你可能想將內(nèi)容由一列的布局方式改為兩列。如果你決定根據(jù)不同的文本尺寸調(diào)整布局,你可以選擇針對尺寸的子集來實(shí)現(xiàn)——如包含小,中和大尺寸——而不是對于每個(gè)可能的尺寸都進(jìn)行布局的調(diào)整。

確保一個(gè)自定義字體在不同尺寸下的所有類型都具備可讀性。實(shí)現(xiàn)這一效果的方法之一是效仿在不同的文本尺寸下iOS系統(tǒng)呈現(xiàn)字體樣式的一些方法。例如:

  • 文本永遠(yuǎn)都不應(yīng)該小于11點(diǎn)(points),即使是用戶選擇極小的文本尺寸。相較而言,內(nèi)容樣式使用17點(diǎn)的字號作為大尺寸的默認(rèn)文本尺寸設(shè)置。
  • 通常來說,字號與行距值在每一檔的文本尺寸設(shè)置中差別為1點(diǎn)。唯一例外的是兩種標(biāo)題的樣式,它們被應(yīng)用在極小、小和中尺寸的設(shè)置中,使用了相同的字號、行距和字距。
  • 在最小的三種文本尺寸中,字間距相對較大;而在最大的三中文本尺寸中,字間距相對緊湊。
  • 標(biāo)題和內(nèi)容的樣式使用相同的字體尺寸,同時(shí),為了區(qū)分標(biāo)題與內(nèi)容樣式,標(biāo)題樣式使用更重的值。
  • 導(dǎo)航控制欄的文本使用相同的字號,而內(nèi)容文本的樣式則使用大尺寸的設(shè)置(值為17點(diǎn))。
  • 文本總是使用常規(guī)或者中重,一般不適用輕或者加粗。

通常情況下,應(yīng)用中整體應(yīng)該使用單一字體。多種字體的混雜會(huì)使你的應(yīng)用看上去支離破碎和草率。相反,使用一種字體和少數(shù)樣式。根據(jù)語義用途,使用UIFont類的API來定義不同文本區(qū)域的樣式,比如正文或者標(biāo)題。

1.11 圖標(biāo)和圖形(Icons and Graphics)

1.11.1 應(yīng)用圖標(biāo)(The App Icon)

每個(gè)應(yīng)用都需要一個(gè)漂亮的圖標(biāo)。用戶常常會(huì)在看到應(yīng)用圖標(biāo)的時(shí)候便建立起對應(yīng)用的第一印象,并以此評判應(yīng)用的品質(zhì)、作用以及可靠性。

以下幾點(diǎn)是你在設(shè)計(jì)應(yīng)用圖標(biāo)時(shí)應(yīng)當(dāng)記住的。當(dāng)你確定要開始設(shè)計(jì)時(shí),請參考App Icon來獲取更詳細(xì)的設(shè)計(jì)規(guī)格與指導(dǎo)。(譯者注:App Icon章節(jié)處在iOS Human Interface Guidelines的Icon and Image Design部分,翻譯將在后續(xù)更新中放出,煩請各位耐心等候。)

  • 應(yīng)用圖標(biāo)是整個(gè)應(yīng)用品牌的重要組成部分。將圖標(biāo)設(shè)計(jì)當(dāng)成一個(gè)講述應(yīng)用背后的故事,以及與用戶建立情感連接的機(jī)會(huì)。
  • 最好的應(yīng)用圖標(biāo)是獨(dú)特的,整潔的,打動(dòng)人心的,讓人印象深刻的。
  • 一個(gè)好的應(yīng)用圖標(biāo)應(yīng)該在不同的背景以及不同的規(guī)格下都同樣美觀。為了豐富大尺寸圖標(biāo)的質(zhì)感而添加的細(xì)節(jié)有可能讓圖標(biāo)在小尺寸時(shí)變得不清晰。

1.11.2 欄圖標(biāo)(Bar Icons)

iOS提供了一系列小的icon,用以代表各種常見任務(wù)與操作,它們常用在標(biāo)簽欄(Tab Bar)、工具欄(Toolbars)與導(dǎo)航欄(Navigation Bar)中。用戶通常都已經(jīng)了解這些內(nèi)置圖標(biāo)的含義了,因此可以盡可能的多使用它們。

如果需要自定義動(dòng)作或者內(nèi)容,你也可以設(shè)計(jì)自定義圖標(biāo)。設(shè)計(jì)這些小的線性圖標(biāo)與設(shè)計(jì)應(yīng)用圖標(biāo)有很大的區(qū)別,請參考Bar Button Icons來了解更多內(nèi)容。(譯者注:Bar Button Icons章節(jié)處在iOS Human Interface Guidelines的Icon and Image Design部分,翻譯將在后續(xù)更新中放出,煩請各位耐心等候)

請注意,你有時(shí)候也可以用文字來代替工具欄和導(dǎo)航欄的圖標(biāo)。 就像iOS的日歷里面,工具欄上便是使用“今天”、“日歷”和“收件箱”來代替圖標(biāo)進(jìn)行表意的。

想要決定在工具欄和導(dǎo)航欄中到底是用圖標(biāo)還是文字,可以優(yōu)先考慮一屏中最多會(huì)同時(shí)出現(xiàn)多少個(gè)圖標(biāo)。如果數(shù)量過多,可能會(huì)讓整個(gè)應(yīng)用看起來難以理解。使用圖標(biāo)還是文字還取決于屏幕方向是橫向還是縱向,因?yàn)樗揭晥D下通常會(huì)擁有更多的空間,可以承載更多的文字。

1.11.3 圖形(Graphics)

iOS應(yīng)用大多數(shù)圖形豐富。無論是你需要展示用戶的照片,還是需要?jiǎng)?chuàng)建自定義圖片,以下這些需求都應(yīng)該遵守:

  • 支持Retina顯示屏。確保你應(yīng)用中的所有圖片資源都提供了高分辨率規(guī)格。尤其需要注意的是,iPhone 6 Plus需要提供@3x規(guī)格的圖片,而所有其他的高分辨率iOS設(shè)備都需要提供@2x規(guī)格的圖片。
  • 顯示照片或圖片時(shí)請使用原始尺寸,并不要將它拉伸到大于100%。你不會(huì)希望在你的應(yīng)用中看到拉伸和變形的圖片。可以讓用戶自己來選擇他們是否想要縮放圖片。

不要使用帶有蘋果符號與版權(quán)的圖片。這些符號都擁有版權(quán),并且產(chǎn)品的設(shè)計(jì)可能會(huì)經(jīng)常改變。

1.12 術(shù)語和措辭(Terminology and Wording)

你在應(yīng)用中呈現(xiàn)的每一個(gè)字都是與用戶進(jìn)行對話的一部分。把握這樣的對話機(jī)會(huì),為你的用戶提供清晰的表意與愉悅的體驗(yàn)。

設(shè)置是面向全體用戶的一個(gè)基礎(chǔ)應(yīng)用,它使用了簡明扼要的語言來描述了用戶可以進(jìn)行的操作。舉個(gè)例子,設(shè)置→勿擾模式(Do Not Disturb)就沒有使用難以理解的復(fù)雜術(shù)語,而是用了簡單的語言,給用戶描述了里頭的一系列操作。

保證你使用的術(shù)語是用戶能理解的。根據(jù)你對用戶群的理解來決定在應(yīng)用中使用什么樣的詞匯。舉個(gè)例子,在一款針對小白用戶的應(yīng)用中使用技術(shù)術(shù)語是不合適的,但對于針對高端用戶的應(yīng)用來說,使用技術(shù)術(shù)語是很自然的事情。

使用非正式的友好語氣,但不需要太過低三下四。避免太正式太僵化,或者太過嘻嘻哈哈,傲慢無禮。請記住,用戶可能會(huì)反復(fù)閱讀這些文本,因此有些起初看上去很俏皮的語句,多看幾次之后可能會(huì)顯得幼稚和煩人。

像新聞編輯一般遣詞造句,避免不必要的冗余語句。當(dāng)你的文案足夠簡明扼要,用戶就可以很輕松地閱讀和理解它。確定最重要的信息,精煉它并且突出它,讓用戶不需要讀一大段文字才能了解他們在找什么,以及下一步要做什么。

給控件加上短標(biāo)簽或者容易理解的圖標(biāo)。讓用戶只掃一眼就能知道這個(gè)控件是干什么的。

描述時(shí)間時(shí)要注意準(zhǔn)確性。今天和明天這些詞匯確實(shí)顯得比較友好,但有時(shí)候會(huì)讓用戶費(fèi)解,因?yàn)槟憧赡軟]有辦法確定用戶當(dāng)前的時(shí)區(qū)和時(shí)間。舉個(gè)例子,假如有一項(xiàng)活動(dòng)會(huì)在半夜12點(diǎn)前開始,對于在同一個(gè)時(shí)區(qū)的用戶而言,這個(gè)活動(dòng)是在今天開始的,但對于那些在早一點(diǎn)的時(shí)區(qū)里的用戶而言,這個(gè)活動(dòng)在昨天就已經(jīng)開始了。

為你的應(yīng)用寫一則漂亮的App Store描述,最大程度地把握住這個(gè)與潛在用戶溝通的絕佳機(jī)會(huì)。除了準(zhǔn)確描述你的應(yīng)用、強(qiáng)調(diào)應(yīng)用的品質(zhì)與亮點(diǎn)以外,你還需要:

  • 修正所有的拼寫、語法與標(biāo)點(diǎn)符號錯(cuò)誤。這些小錯(cuò)誤也許不會(huì)影響用戶正常使用,但是可能會(huì)讓他們對應(yīng)用的整體品質(zhì)產(chǎn)生負(fù)面印象。
  • 盡量少用全大寫的詞匯。雖然大寫單詞有時(shí)候可以吸引注意力,但是全大寫的段落不適合閱讀,而且會(huì)產(chǎn)生一種朝用戶扯著嗓子吼的感覺。
  • 可以描述bug修復(fù)情況。如果你的應(yīng)用新版包含用戶一直期待的bug修復(fù),那在你的軟件描述中提到這一點(diǎn)就是個(gè)很好的做法。

1.13 與iOS的整合(Integrating with iOS)

與iOS整合,指的是在當(dāng)前平臺上給用戶提供一種舒適的、賓至如歸般的體驗(yàn),當(dāng)然這并不意味著我們要把每一個(gè)應(yīng)用做的和內(nèi)置應(yīng)用一模一樣。

最好的與iOS整合的方式便是深刻地了解iOS的主題與核心——這一部分在上文1.1 為iOS而設(shè)計(jì)(Designing for iOS)部分中已有詳細(xì)描述,并尋求出如何在你的應(yīng)用中融合與表達(dá)這種主題。當(dāng)你這么做的時(shí)候,遵循本章中的指引可以幫助你為你的用戶提供他們想要的體驗(yàn)。

1.13.1 正確使用標(biāo)準(zhǔn)UI元素(Use Standard UI Elements Correctly)

盡可能使用UIKit提供的標(biāo)準(zhǔn)UI元素。多使用標(biāo)準(zhǔn)元素而非自定義元素,你與你的用戶都將受益:

  • 標(biāo)準(zhǔn)UI元素會(huì)根據(jù)iOS官方的更新而自動(dòng)更新——而自定義元素不會(huì)。
  • 標(biāo)準(zhǔn)UI元素對于你自定義外觀和行為來說擁有優(yōu)秀的擴(kuò)展性。舉個(gè)例子,iOS中所有的視圖(Views)都是可自定義顏色的,它讓應(yīng)用配色變得很簡單。想要了解更多如何給UI元素定義顏色,可以參考iOS 7 UI Transition GuideUsing Tint Color的相關(guān)章節(jié)。
  • 用戶更熟悉和習(xí)慣標(biāo)準(zhǔn)的元素,因?yàn)檫@對于他們來說沒有學(xué)習(xí)成本,他們可以立刻明白這些元素的用途。

想要充分地利用標(biāo)準(zhǔn)UI元素的優(yōu)點(diǎn),有一些關(guān)鍵點(diǎn)需要特別注意:

嚴(yán)格遵循每個(gè)UI元素的設(shè)計(jì)規(guī)范。當(dāng)你應(yīng)用中的UI元素的外觀與功能都是用戶所熟悉的,他們可以很容易地根據(jù)先前的經(jīng)驗(yàn)來使用他們,進(jìn)而更好地使用你的應(yīng)用。你可以從這些章節(jié)中找到各種UI元素的設(shè)計(jì)規(guī)范:BarsContent ViewsControlsTemporary Views.

譯者注:上文提到的章節(jié)均處在iOS Human Interface Guidelines的第4章,翻譯將在后續(xù)更新中放出,煩請各位耐心等候。若有需要,亦可先參考先前已翻譯的iOS7 UI Elements章節(jié):。)

不要混用不同版本的iOS里的UI元素。你一定不希望讓用戶覺得你的UI元素來自于與當(dāng)前設(shè)備版本不同的iOS系統(tǒng)。

大體來說,請避免創(chuàng)造自定義UI元素來表現(xiàn)標(biāo)準(zhǔn)交互行為。先問問你自己為什么一定要?jiǎng)?chuàng)建一個(gè)與標(biāo)準(zhǔn)UI元素行為完全相同的自定義元素。如果你只是想改變標(biāo)準(zhǔn)UI元素的外觀,可以考慮使用UIKit外觀定制API(UIKit appearance customization APIs),或者給元素填充別的顏色。如果你需要定義一個(gè)與標(biāo)準(zhǔn)控件稍有不同的行為,請確保你在改變了這個(gè)UI元素的屬性和行為之后,這個(gè)元素仍然能完成你所希望的操作。

 

不要用系統(tǒng)自帶的按鈕和圖標(biāo)表達(dá)其他含義。iOS提供了多種可用的按鈕和圖標(biāo)。請確認(rèn)你了解它們的準(zhǔn)確表意;不要單純憑借你看到這些圖標(biāo)樣式的猜測和理解來解讀和使用它們。(你可以在Toolbar and Navigation Bar ButtonsTab Bar Icons中了解到這些按鈕和圖標(biāo)的準(zhǔn)確含義。)

如果你所需要的功能無法用系統(tǒng)提供的按鈕和圖標(biāo)來表現(xiàn),你也可以設(shè)計(jì)自定義按鈕。自定義按鈕的設(shè)計(jì)可以參考Bar Button Icons。

(譯者注:上文提到的章節(jié)均處在iOS Human Interface Guidelines的第4章,翻譯將在后續(xù)更新中放出,煩請各位耐心等候。若有需要,亦可先參考先前已翻譯的iOS7 UI Elements章節(jié):,。)

如果你的應(yīng)用是沉浸式體驗(yàn),那么創(chuàng)造全新的自定義UI是合理的。因?yàn)槟阍趧?chuàng)造一個(gè)統(tǒng)一的體驗(yàn)環(huán)境,讓用戶在其中能夠有所期待并探索如何控制應(yīng)用。

1.13.2 弱化文件和文檔處理(Downplay File and Document Handing)

iOS應(yīng)用可以幫助用戶創(chuàng)建和處理文件,但這并不意味著用戶需要過分考慮iOS設(shè)備的文件系統(tǒng)如何運(yùn)作。

如果你的應(yīng)用中支持用戶創(chuàng)建和編輯文檔,那么提供一個(gè)清晰的圖形庫視圖(document library view)讓用戶能夠方便地打開或者新建文檔是一個(gè)好的做法。理想狀況下,這樣的圖形庫視圖擁有以下特征:

  • 高度圖形化。用戶通過屏幕上的縮略圖就可以一目了然,快速找出自己想要的文件。
  • 讓用戶用最少的動(dòng)作完成自己的任務(wù)。比如說,用戶可以快速地水平滾動(dòng)文件列表,然后輕點(diǎn)一下自己想要的文件來打開它。
  • 包含新建文檔功能。一個(gè)圖形庫視圖應(yīng)該支持讓用戶點(diǎn)擊一個(gè)新建文檔的占位圖便完成新建文檔操作,而不是讓用戶通過訪問別的地方來新建文檔。

舉個(gè)例子,Pages應(yīng)用的圖形庫視圖里面,既展示了用戶已存在的文檔,也加入了便捷的新建文檔操作。

如果你的應(yīng)用允許用戶使用在其他應(yīng)用中創(chuàng)建的文檔,你可以通過模態(tài)文檔選擇視圖控制器(modal document picker view controller)來幫助用戶觸達(dá)它們。這個(gè)控制器可以提取用戶在iCloud中的文檔,還可以通過文檔提供者擴(kuò)展(Document Provider extensions)來提取在其它應(yīng)用中創(chuàng)建和儲存的文件。想要了解更多文檔提供者擴(kuò)展的內(nèi)容,可以參考Document Provider Extensions; 想要了解更多文檔提取視圖控制器,請參考Document Picker Programming Guide.

給用戶足夠的信心,讓他們相信除非主動(dòng)取消或者刪除,他們的成果會(huì)被隨時(shí)妥善保存。如果你的應(yīng)用幫助用戶創(chuàng)建于管理文檔,不能要求用戶每次都能及時(shí)保存。無論是打開另一個(gè)文檔或切換應(yīng)用的時(shí)候,iOS應(yīng)用都應(yīng)當(dāng)承擔(dān)起幫助用戶保存輸入內(nèi)容的責(zé)任。

如果你的應(yīng)用的主要功能不是創(chuàng)造內(nèi)容,但又允許用戶查看或編輯信息,這種情況下你需要詢問用戶是否要保存修改。在這種場景下,比較好的做法是提供“編輯”按鈕,點(diǎn)擊后進(jìn)入編輯狀態(tài),同時(shí)編輯按鈕變成“保存”和“取消”按鈕,這種變化可以提示用戶當(dāng)前處于編輯模式。“保存”可以保留修改內(nèi)容,“取消”則退出編輯模式。

1.13.3 必要時(shí)提供可配置選項(xiàng)(Be Configurable If Necessary)

某些應(yīng)用需要用戶手動(dòng)安裝或設(shè)置選項(xiàng),但是大部分應(yīng)用不需要如此。一個(gè)好的應(yīng)用可以讓大部分用戶快速上手,并通過主界面給用戶提供便捷的調(diào)整體驗(yàn)的方式。

當(dāng)你的應(yīng)用在默認(rèn)狀態(tài)下就能滿足大部分用戶的期望,用戶對設(shè)置的需求就減少了。如果你需要儲存用戶的基本資料,可以優(yōu)先向系統(tǒng)請求和拉取相關(guān)信息,而不是上來就讓用戶自己填寫它。如果你一定要提供用戶鮮少用到的設(shè)置項(xiàng),請參考App Programming Guide for iOS中的The Setting Bundle部分來了解如何在代碼中定義它們。

盡可能在主界面提供設(shè)置選項(xiàng)。如果用戶在進(jìn)行主線任務(wù)時(shí)有可能頻繁改變設(shè)置,將設(shè)置項(xiàng)放在主UI中會(huì)很方便。如果用戶只是偶爾才會(huì)用到設(shè)置項(xiàng),那么可以將其放在獨(dú)立的視圖中。

如果應(yīng)用內(nèi)相關(guān)設(shè)置需要在系統(tǒng)設(shè)置中改變,幫助用戶直接訪問系統(tǒng)設(shè)置。尤其是,如果你要用一段文字來描述如何改變這個(gè)設(shè)置,比如“設(shè)置>隱私>定位服務(wù)”,倒不如直接放置一個(gè)按鈕,點(diǎn)擊后即可到達(dá)設(shè)置中的定位服務(wù)。想要了解如何實(shí)現(xiàn),請參考 Settings Launch URL.

1.13.4 充分利用iOS技術(shù)(Take Advantage of iOS Technologies)

iOS提供了豐富的技術(shù)方式來支持用戶完成他們所期望的各種任務(wù)和場景。這意味著在絕大多數(shù)情況下,將系統(tǒng)提供的技術(shù)整合到你的應(yīng)用中,往往比自定義一種新的技術(shù)更為可靠。

某些iOS技術(shù),比如多任務(wù)并行(Multitasking)與語音向?qū)В?a target="_blank">VoiceOver)等等,是所有應(yīng)用都應(yīng)該包含的系統(tǒng)級特性。而另外一些技術(shù)是否整合到應(yīng)用中,則取決于應(yīng)用本身的功能性。比如處理門票和禮品卡的應(yīng)用(Passbook)支持用戶通過In-App Purchase完成購買,展示應(yīng)用內(nèi)置廣告(iAd Rich Media Ads)則可以整合 Game Center,同時(shí)支持iCloud。

 

英文原文訪問地址:iOS Human Interface Guidelines
中文翻譯PDF下載:iOS人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)

 

感謝你的閱讀,本文由 騰訊ISUX 版權(quán)所有,轉(zhuǎn)載時(shí)請注明出處,違者必究,謝謝你的合作。
注明出處格式:騰訊ISUX (http://isux.tencent.com/ios8-human-interface-guidelines.html)

給TA打賞
共{{data.count}}人
人已打賞
網(wǎng)頁理論

網(wǎng)頁版式設(shè)計(jì)之圖版率

2015-1-6 6:27:14

網(wǎng)頁理論

iOS 8人機(jī)界面指南(二):設(shè)計(jì)策略

2015-1-9 2:43:01

0 條回復(fù) A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個(gè)人中心
購物車
優(yōu)惠劵
有新私信 私信列表
搜索
天天日天天插天天色| av毛片网站免费观看| 91九色老熟女视频蝌蚪| 国产精品无码一区免费看红楼| 七十路の高齢熟妇无码水多多| 国产精品情侣高潮呻吟| 精品成人码亚洲av在| 天天操天天射天天舔内射| 另类专区 欧美专区| 在线视频日韩另类综合| 天天草天天干天天插| 新男人的天堂在线观看| 亚洲天堂2018色| 亚洲尺码和欧洲尺码av| 日韩欧美一二三区不卡| 亚洲天堂2018色| 男人和女人一起插插插的视频| 国产在线视频网站你懂得| 亚洲天堂2018中文字幕| 国产精品久久久久久久久久免费动| 人妻中文字幕一区二区三| 91在线视频免费播放| 激情av成人偷拍网站| 97人妻人人爽人人澡人人澡| 韩国女主播青草直播视频| 少妇高潮区二区三区| 天天插天天射天天色网站 | 亚洲天堂2018中文字幕| 亚洲第一精品夜夜躁人人爽| 免费看瑟瑟视频的软件| 黄色aa网站在线观看| 人妻丝袜中文字幕视频| 日本午夜一级成人片| 韩国av一区二区在线观看| 久久夜色精品国产69| 午夜精品福利久久一区| 国产网站在线观看一区二区| 天天干天天操天天在| 顶级嫩模被啪啪得娇喘呻| 最近日本MV字幕免费高清在线| 国产美女丝袜诱惑一区| 欧美在线日韩a精品久| 人妻中文字幕一区二区三| 美女张开大腿让男人桶| 可以免费在线观看av的软件| 中文字幕色在线视频| 99精品丰满人妻一区二区| 亚洲天堂中文在线播放| 都市激情亚洲校园春色| 青青草原精品在线观看| 国产精品国产三级精品| 综合性久久久久久久久久久| 国产又大又长又粗又硬又 | 欧美一区二区无卡免费| 亚洲综合欧美一区二区| 亚洲乱熟女一区二区三区影片| 成人自拍视频手机免费在线观看 | 亚洲国产综合久久精品| 免费黄在线观看网站| 真实亲子乱子伦纪实| 欧美日韩精品aaa| 免费中文字幕第一页在线观看| av毛片网站免费观看| 中国少妇久久一区二区| 日韩精品中文字幕美女| 天天日天天插天天色| 嗯嗯嗯嗯啊啊啊啊啊在线观看| 日韩福利在线免费视频| 人妻丝袜诱惑久久精品免费视频| 区一区二视频在线观看| 北条麻妃av在线看| 欧美国产一区免费在线观看| 蜜桃视频免费一区二区| 一区二区三区午夜探花| 黄色蜜桃av黄色在线| 大香蕉www大香蕉| 堕落人妻之巧合av在线| 亚洲欧美偷拍综合图片| 免费网色网址在线观看| 国产精品综合系列av| 精品视频久久久精品| 亚洲欧洲自拍偷拍av| 国产九色自拍美女大胸视频 | 久久久久久美女精品啪啪| 蜜桃精品久久久久久久免费观看| 啪啪网国产精品视频| 一级片在线观看中文字幕| 熟妇人妻精品一区二区三区 | 精品老熟女一区二区三区在线| 看全色黄大色黄女片18女人| 国产一区二区三区偷拍视频| 亚洲一卡2卡3卡4卡乱码| 熟女高潮一区二区三区在线视频 | 人妻少妇精品专区性色av不卡| 久久久久有精品国产白浆 | a级特黄大片慈禧太后| 夜夜嗨蜜乳av一区二区| 99久久婷婷国产综合亚洲| 亚洲天堂2018中文字幕| 大香伊一本线中文字幕| 和农村大屁股熟妇的艳遇| 中文字幕无码免费久久99| 可以免费在线观看av的软件| 欧美人与动一级完整视频| 91又粗又长又大又爽又猛| 亚洲狠狠婷婷综合久久影院| 国产又大又长又粗又硬又| 欧美人与性动交a欧美精品| 亚洲欧美偷拍综合图片| 国产欧美亚洲精品a第一页| 鲁大师在线观看视频免费高清版| 深夜在线看福利视频| 在线观看69式视频| 96精品久久久久久久久久a| 欧美在线观看黄页网址| 最新免费国产电影电视剧在线播放 | 麻豆激情网站一区二区| c美女福利r18视频在线观看| 亚洲另类图片综合小说| 国产成人无码精品久久久免费看| 欧美视频在线观看一区三区| 日本 欧美 在线视频| 国产亚洲小视频在线观看| 亚洲尺码和欧洲尺码av| 九九久久只有这里有精品| 69国产成人精品电影| 国产91刺激对白在线播放| 啪啪啪在线观看网址| 亚洲第一精品国产精品| ysl蜜桃色6696| 懂色精品欧美日韩懂色a| 亚洲无码成人福利视频| 中文字幕日韩人妻在线天堂| 97人妻人人爽人人澡人人澡| 大鸡巴操出淫水视频| www日韩精品在线| 日本一二三区不卡高清| 女人的鸡巴豆豆视频| 亚洲最大中文字幕在线| 清纯唯美激情自拍偷拍少妇| 黄色aa网站在线观看| 182tv视频在线| 国模GoGo无码人体啪啪| 操你啦操你啦在线观看| 亚洲熟妇色xxxxx欧美| 中文字幕av日韩在线`| 国产美女福利小视频| 人妻少妇啊灬啊用力快| 成人黄色一级av大片在线观看 | 国产精品女人精品久久久天天| 免费中文字幕第一页在线观看| barazza熟女俱乐部| 1204人妻一区二区三区| av优选精品在线观看| 这里只有99精品最新| 国产成人高清精品亚洲一区二区| 欧美日韩午夜中文字幕一区 | 国产一级片久久免费看同| 亚洲熟妇熟女久久精品| 国产黄片精品一区二区三区| 欧美成人在线视频365天资源站| 大香蕉一条大香蕉 下一句| 日本午夜小视频国产| 天天透天天狠天天日| 操操操操操操操操操操操操操日日| av二区免费在线观看| 爱的久久999精品久久久久久| 与上司出轨的人妻电影在线| 蜜桃亚洲一区二区三区| 美女被躁aaa久久久久久亚洲 | 国产午夜在线视频观看麻豆| 人人爽人人搞人人爽人人搞| 色偷偷2019免费视频| 国产精品亚洲美女视频| yellow在线亚洲精品一区| 欧美国产亚洲欧美国产| 瑟瑟鲁视频在线观看| 亚洲精品成人一区二区在线| 自由xxx西元亚洲人电影| 成人性生交大片免费看中文带字幕 | 国产91蝌蚪熟女入口熟女| 亚洲成人精品999| 人妻中文字幕久久不卡| 国产老鸭窝在线观看| 在线看的免费网站黄页| 亚洲成人精品999| 黄av在线免费观看| 九九久久只有这里有精品| 激情综合色综合久久久久久| 久久中文高清字幕网| 亚洲无码成人福利视频| 亚洲熟妇自偷自拍另欧美| japan女同女女日韩| 性感美女在线色视频| 不卡av在线免费看| 九色精品国产一区二区| 青春草97在线视频| 一区二区精品av在线| 国产一级av国片免费| av毛片黄片在线观看| 国产av大片亚洲一区二区| 91污短视频在线观看| 真实亲子乱子伦纪实| 欧美国产一区免费在线观看| 国产91刺激对白在线播放| 性感美女黄色刺激视频| 最近中文字幕在线中文字幕7| 天天干天天色天天爽| 青青草小视频在线播放| 青青青视频观看免费在线观看视频 | 日韩精品成人影院在线观看| 在线免费观看三上悠亚av| 亚洲一区高清资源在线| 7777777亚洲成a人片| 九色精品国产一区二区| 亚洲人成色6666在线观看| 韩国三级视频在线观看网站| 91九色老熟女视频蝌蚪| 鸡巴双插美女在线视频| 欧美性猛交XXXXX按摩欧美 | 91精品国产高清久久久久久lo| 蜜桃视频免费一区二区| 清纯唯美激情自拍偷拍少妇| 免费看全黄特级全黄网站| 91九色麻豆人妻蝌蚪| 香蕉为什么要叫香蕉| 香蕉为什么要叫香蕉| 五十路熟女俱乐部hd| 欧美人成视频在线视频| 国产无遮挡又爽又刺激又激情| 玩弄放荡人妻少妇在线视频| 大鸡巴操出淫水视频| 日韩中文字幕在线播放视频| 一区二区在线观看视频网站| 岛国av动作片免费在线观看| 91小视频在线免费看| 青青青青青青青青在线视频观看| 亚洲欧洲另类小说图片| 9191色在色在线播放| 9色熟女露脸九色自拍视频| 亚洲人成电影网站 久久影视| 免费看视频高清无码| av 在线 地址一| 都市激情亚洲校园春色| 特级黄色搞逼的亚洲的| 人人澡人人妻人人爽欧美一区| 91成人精品在线一区二区三区| 午夜精品福利久久一区| 欧美男男激情freegay视频| 日日噜噜夜夜躁躁狠狠| 国产综合色在线视频区| 国产专区中文字幕在线| 又粗又硬又黄又长又爽| 欧美一级精品高清在线观看| 中文字幕区1区3区| 中国亚洲免费在线观看| 午夜精品久久秘?18免费观看| 人妻中文字幕久久不卡| 亚洲熟妇色xxxxx欧美| 亚洲国产综合久久精品| 美女张腿让男人捅爽| 91九色国产丰满老熟女| 天天操天天射天天舔内射| 成人精品视频99在线观看免费| 青青草手机免费在线观看高清视频| 韩国民间高潮内射播放| 激情五月婷婷亚洲综合| av网页一区二区三区| 欧美在线观看黄页网址| 69人妻精品丰满熟女区| 青青草国产av电影| 欧美成人小视频在线| 欧美老熟女老熟妇极品| 久久久亚洲国产天美传媒修理工| 在线视频聊天你懂得| 一区二区三区国产成人久久| 欧美整片一区二区三区| 成年人亚洲黄色av天堂| 69精品视频免费看| 性感美女黄色刺激视频| 这里只有国产精品视频| 久久久久久91精品人妻| 久久精品国产亚洲AV蜜臀色欲| 久久久亚洲国产天美传媒修理工| 97超碰中文字幕在线| 国产又粗又黄又猛视频| 日韩精品无码专区蜜桃| 欧美整片一区二区三区| 国产精品亚洲成在线97| 国产成年人在线观看网站| 鲁大师在线观看视频免费高清版| 青青青视频观看免费在线观看视频| 日日操夜夜爽天天干| 在线视频日韩另类综合| av日本女优在线观看| 最新中文字幕av一区| 欧美亚洲中文字幕第一页| 国产夫妻在线观看视频| 国产精品视频在线麻豆| 亚洲国产日韩欧美一区二区三区,| 99久高清视频在线视频| 自由xxx西元亚洲人电影| 2019av中文字幕| 97人妻起碰免费观看| 人妻互换一区二区三区四区五区 | 自拍偷拍99亚洲视频| 国产裸体免费无遮挡大尺度视频| 黄片 18禁大胸av一区二区| 秋霞电影网理论片久久| 成人国产精品视频免费| 丰满人妻少妇被猛烈进入中文字幕| 女孩要大鸡巴干免费短视频| 又大又长又爽又硬又粗| 自由xxx西元亚洲人电影| 一二三区日本亚洲视频| 国产不卡av一区二区在线观看| 对白视频一区二区在线观看| 老熟妇一区二区三区四区| 最强蜜臀美腿av尤物| 国产精品白丝久久久| 国产夫妻在线观看视频| 欧洲av亚洲av综合| 天天干天天日天天扣| 日本黄色三级免费网址| 99免费在线精品视频| 91又粗又长又大又爽又猛| 亚洲之子档案室密码怎么输入| 情欲少妇人妻100篇| 激情综合五月天一区二区| av亚洲情色在线观看| 午夜免费激情福利a| 乱人伦××××国语对白| 另类专区 欧美专区| 欧美大几巴舔小嫩逼视频| 五月天久久丁香综合国产一区| 啪啪网国产精品视频| 国产精品av亚洲三区| 欧美1区2区3区4区| 少妇被粗大的猛烈进出动视频| 日韩高清不卡视频在线观看| 国产老妇一区二区三区熟女 | 天美影视传媒mv视频大全| 激情五月婷婷亚洲综合| 国产女主播福利在线观看| 污的免费在线观看视频| japan女同女女日韩| 年轻夫妻免费伦理夫妻性生活| 911亚洲精选青草衣衣| 日日夜夜精品在线观看| 日本 欧美 在线视频| 顶级嫩模被啪啪得娇喘呻| 亚洲日韩成人无码电影 | 毛片xxxxx久久久| 日本直接看不卡的视频在线| 中国亚洲免费在线观看| 国产 精品 自拍 视频| 婷婷激情五月俺也去| 亚洲激情五月一区二区三区| 瑟瑟鲁视频在线观看 | 天堂成人免费在线播放视频| 我想看最真实最刺激的大鸡巴日逼| 人妻换人妻a毛片人妻换人妻 | 国产精品xxxx国产喷水| 亚洲av夏目彩春jux956| 苍井空大战黑人一小时| 亚洲麻豆av免费在线| 中文字幕av熟女系列| a女人毛片一区二区三区| 熟女老阿姨中文字幕av| 99国产精品视频免费观看一公 | 日日操夜夜爽天天干| 国产精品亚洲成在线97| 这里只有99精品最新| 不卡不卡一区二区三区| 99热在线视频观看免费| 亚洲国产激情精品在线观看| 97人妻起碰免费观看| 国产一区二区三区免费观看视频| av亚洲情色在线观看| 视频一区视频二区亚洲| 91精品免费公开视频| 久久中文字幕日韩精品| 黄av在线免费观看| a√最新在线一区二区三区亚洲| 2020最新国产精品| 中文字幕乱码熟女人妻在线第一页 | jvid精品一区二区三区| 亚洲va欧美va人人爽夜夜嗨| 一区二区三区 中文字幕 在线| 美女被草在线观看免费| 精品熟妇视频在线观看| 成a人片在线观看久亚洲| 成人30分钟毛片免费| 这里只有99精品最新| 又大又爽又粗在床上app| 亚洲欧美aaavvv| 99国产精品视频免费观看一公| 男人天堂社区一区二区| 亚洲AV无码sm变态另类专区| 欧美性猛交XXXXX按摩欧美| 91九色ts另类国产人妖| 伊人久久大香线蕉av综合| 鲁大师在线观看视频免费高清版| 思思久久这里只有精品| 久久久久高清免费看| 中文字幕日韩人妻在线天堂| 女孩要大鸡巴干免费短视频| 人妻人人做人人澡人人添| 嗯嗯嗯嗯啊啊啊啊啊在线观看| 国产情侣自拍一区视频| 黄页网站大全在线看免费视频| 日日操夜夜爽天天干| 另类专区 欧美专区| 亚洲之子档案室密码怎么输入| 国精品人妻一区二区三区电影| 国产在线播放中文字幕| 与上司出轨的人妻电影在线| 久久久久久久久久久久久人妻综合| 中文字幕日韩人妻在线天堂| 成人黄色一级av大片在线观看| 精品国产一区二区三区无码孕妇| 国产美女啪啪啪啪啪啪| 啪啪啪在线观看网址| 亚洲h色有声小说在线收听网| 人妻换人妻a毛片人妻换人妻| missav中文字幕| 青青草原精品在线观看| 欧美成人小视频在线| 91九色ts另类国产人妖| 亚洲精品综合激情久久| 欧美一区二区无卡免费| 国产九色自拍美女大胸视频 | 久久午夜偷拍免费视频| 中国亚洲免费在线观看| 免费看国产曰批40分钟男男| 日本丰满肉感bbw| 91精品国产自产在线观看,| 女人把腿张开让男人捅在线看| xxx欧美插爽多人视频| 操操操操操操操操操操操操操日日| 国产午夜在线激情免费| ysl蜜桃色6696| 卡一卡二卡三国产精品| 中国美女操逼一区二区三区| 日本aⅴ爽av久久久久久 | 人妻人妻videos人| 999久久久久久精品久久| 宅男午夜网站免费看| 97人妻起碰免费观看| 久久99亚洲一区二区| 免费观看六十分钟瑟瑟视频| 人人妻人人澡人人爽精品日本| 国产成年人在线观看网站| 女人的鸡巴豆豆视频| 免费网色网址在线观看| 日日夜夜狠狠噜噜夜夜| 2019av中文字幕| 2020最新国产精品| 好吊视频一区2区3区| 天天射天天舔天天摸| 欧美人与性动交a欧美精品| 日本午夜福利免费在线播放| 91麻豆欧美成人精品| 久久夜色精品国产69| 青青草国产av电影| 亚洲人成色6666在线观看| 日韩中文字幕在线播放视频| 最新中文字幕av一区| av毛片黄片在线观看| 啪啪啪在线观看网址| 亚洲一区二区三区中文| 在线91精品亚洲网站精品成人| 日韩欧美一二三区不卡| 天天色天天干天天好逼综合网| 真实亲子乱子伦纪实| 少妇被粗大的猛烈进出动视频| 啪啪网国产精品视频| 天天日天天色天天射天天色综合| 国产在线播放中文字幕| 又黄又猛又大又长又硬又久免费| 国产高清国内精品福利| 不卡av在线免费看| chinese国产高清av| 偷拍专区 视频专区 偷拍专区| 99久久婷婷国产综合亚洲| 堕落人妻之巧合av在线| 成人免费动漫网站入口| 亚洲av在线免费播放| 亚洲无码成人福利视频| 人人妻人人澡人人爱精品| 熟妇激情内射com| 国产精品白丝久久久| brazzerss色欧美熟妇| 亚洲精品视频在线观看你懂的| a级大片视频免费看| 久久一区二区不卡视频| 亚洲中文字幕无码av一区| 国产精品国产三级精品| 精品国产一区二区三区无码孕妇| 视频一区二区三区日韩视频| 韩国一级片一区二区三区 | 特级黄绝片一级黄色片| jdav简单av在线播放| 国产av巨作路边搭讪美女| 国产精品蜜桃一区二区三区| 免费女同在线一区二区| 亚洲第一福利视频在线| 中文字幕区1区3区| 中文字幕,久久爽一区| 亚洲人成色6666在线观看| 亚洲精品成人一区二区在线| 欧美亚洲另类网址在线| 天天爱天天日天天操天天干| 2020最新国产精品| 亚洲欧美日韩制服诱惑国内| 少妇被粗大的猛烈进出动视频 | 国产女主播福利在线观看| 天天色天天爽天天操| 日韩色系视频免费观看| 色播五月亚洲综合网| 精品久久在线观看视频| 免费看国产曰批40分钟男男| 又大又长又爽又硬又粗| 亚洲三级av高清在线播放| 午夜一区 二区 三区| 国产美女啪啪啪啪啪啪| 男人把女人操出白浆视频| 91在线视频免费播放| 伊人99国产在线播放| 苍井空大战黑人一小时| 天天舔天天日天天干天天操天天射| 成人精品视频99在线观看免费| 国产夫妻在线观看视频| ysl蜜桃色6696| 天天操天天色天天透| 男人把女人操出白浆视频| 婷婷激情丁香花五月天| 中文字幕2023av| 欧洲av亚洲av综合| 欧美人与动一级完整视频| 在线观看免费日本av| 激情av成人偷拍网站| 亚洲黄色免费观看视频| japan女同女女日韩| 无码人妻一区二区三巨免费视频| 大胆少妇高潮毛片免费看| 这里只有国产精品视频| 福利视频免费在线播放| 久久久久久九九九九热| 爆乳无修肉动漫在线播放| 日韩中文字幕超碰免费电影| 堕落人妻之巧合av在线| 国产精品视频网站在线观看| 国内精品自在自线视频香蕉| 中国日韩欧美一级片| 男人把女人操出白浆视频 | 亚洲3dav三级在线观看| 狠狠躁日日躁夜夜躁2020| 日本韩国三级伦理片| 亚洲人成电影网站 久久影视| 成人动漫精品一区三区| 五月天开心激情视频| 999久久久久久精品久久| 第四色在线视频网站| 日韩av综合中文字幕| 337p欧美日本大胆精品色噜噜| 亚洲精品乱码久久久久的用户评价| 日韩福利在线免费视频| 大香蕉www大香蕉| 人人妻人人澡人人爱精品| 婷婷激情五月俺也去| 汤唯梁朝伟激情无删减在线 | 精品成人码亚洲av在| 日韩久久久久中文字幕| 国产精品视频网站在线观看| 在线观看视频探花精品婷婷| av在线免费播放资源| 亚洲一区二区三区青椒| 天天操天天摸天天干天天舔| 交换年轻夫妇中文字幕| 人人妻人人澡人人爱精品| 大型黄色av网站在线播放| 日本aⅴ爽av久久久久久 | 在线观看成人精品视频自拍| av网页一区二区三区| 日韩第一视频在线观看| 91大神在线播放视频| 精品国产乱码久久久久久桃色| jdav简单av在线播放| 人人操人人爽人人狠狠| 天天干天天日天天扣| 亚洲 自拍 制服 丝袜| 不卡的一区二区在线视频| 日本久久久久久人妻| 日本视频一二三四五六七八十| 九色精品国产一区二区| 欧美成人小视频在线| 东京热加勒比欧美日韩| 大香伊一本线中文字幕| 成人30分钟毛片免费| 91粉色国产福利在线观看| 牛牛精品大机巴男人日B片| 亚洲不卡一区二区高清| 天天操天天摸天天草| 亚洲乱熟女一区二区三区三州| 偷拍区自拍区亚洲欧美| 中文字幕av第一页在线| freesex高清日本| 国产精品情侣高潮呻吟| 爱的久久999精品久久久久久| 区一区二视频在线观看| 草草久性色av综合av专区| 精品一区尤物视频蜜桃| 天天操天天色天天透| 亚洲激情五月一区二区三区| 99久久在线观看视频| 91国产在线视频直播| 69堂国产成人精品视频免费| 午夜精品久久秘?18免费观看| 18禁在线视频免费观看| 97国内视频在线观看| 日韩久久久久中文字幕| 大鸡巴用力插麻豆视频| 视频一区视频二区亚洲| 成人动漫精品一区三区| 与上司出轨的人妻电影在线| 欧美视频一区二区在线观看| 极品美女销魂一区二区三区| 顶级嫩模被啪啪得娇喘呻| 国产高清视频在线观看97| 日本club女同性恋视频网| 亚洲天堂中文在线播放| 69堂国产成人精品视频免费| 亚洲中文字幕2区8页| 综合激情久久综合久久| 337p欧美日本大胆精品色噜噜| 天天草天天干天天插| 麻豆激情网站一区二区| 日本100禁中文字幕| 亚洲精品视频在线观看你懂的| 精品熟妇一期二区三期| 亚洲国产精品自产拍在线观看| 石原莉奈一区二区无码青涩| 自拍偷拍唯美清纯亚洲| 美国和俄罗斯特级大黄片| 日本一级特黄aaaaa片口| 国产精品xxxx国产喷水| 91大神夯51部在线观看| 少妇高潮精品无码免费| 亚洲熟妇自偷自拍另欧美| 秋霞电影网理论片久久| 国产精品高清在线免费观看| 国产第一综合另类色区奇米| 在线精品免费观看一区三区| 亚洲专区+欧美专区+自拍| 人妻丝袜诱惑久久精品免费视频| 人妻中文字幕久久不卡| 日日摸夜夜精品一区| 免费av 自拍偷拍| 青青青青青青青青在线视频观看 | chinese国产高清av| 亚洲精品乱码久久久久的用户评价| 亚洲一区二区中文字幕久久| 亚洲国产激情精品在线观看 | 国产在线视频一区二区三区| 新久草超碰在线免费| 亚洲成a人7777在线播放| 免费网色网址在线观看| 久久精品国产亚洲AV蜜臀色欲| 亚洲av大全在线观看| 亚洲一区二区三区青椒| 国产第一综合另类色区奇米| 天天射天天干天天透综合网| barazza熟女俱乐部| 秋霞电影网理论片久久| 激情视频大鸡巴操小逼高潮喷水| a级大片视频免费看| 日日夜夜精品在线观看| 黄色蜜桃av黄色在线| 亚洲中文字幕2区8页| 亚洲av成人午夜电影在线观看| 日本午夜一级成人片| 亚洲一区二区有码在线| 亚洲成a人7777在线播放| 久久综合久久综合鬼色 | 免费观看在线播放视频一区二区| 丰满美女BB白大男人操水多| 91精品国综合久久久蜜臀九色| 91国产在线视频直播| 97国内视频在线观看| 久久久久高清免费看| 亚洲精品综合激情久久| 不卡中文字幕在线视频| 国产在线午夜一区二区| 日日夜夜精品视频看看| 国产一区日韩一区日韩 | 亚洲午夜资源在线观看| 青青青在线视频观看免费| 国产不卡av一区二区在线观看| 亚洲欧美日韩制服诱惑国内| 人妻互换一区二区三区四区五区| 丰满美女BB白大男人操水多| 亚洲精品成人一区二区在线| 亚洲国产精品大秀在线播放| 欧美国产亚洲欧美国产| 中文字幕久久久久久| 乱子伦国产精品视频在线观看| 国产精品女人精品久久久天天| 精品视频在线免费播放15| 91久久久久无码精品国产孕妇| 欧美成人在线视频365天资源站| 天天日天天色天天射天天色综合 | 人妻人妻videos人| 视频一区视频二区亚洲| 天天色天天爽天天操| 亚洲黄色天堂网站在线观看禁18| 女孩子张开腿让我操她逼视频| 久久久久有精品国产白浆| 香港午夜一级大片在线播放| 少妇被粗大的猛烈进出动视频| 中文字幕福利视频在线观看| 亚洲手机在线免费视频观看| 亚洲成人精品h在线观看| 欧美女同同性恋网站| 日韩专区欧美精品三区二| 国产精品视频对白刺激| 免费国产人做人视频在线观看| 国产一级片久久免费看同| 日韩人妻电影一区二区| 欧美日韩午夜中文字幕一区| 亚洲不卡一区二区高清| 天堂成人免费在线播放视频| 国产成人精品午夜福利在线观看| 国产欧美亚洲精品a第一页| 中文字幕久久久久久| 少妇一区二区三区观看网站 | 91久久精品免费视频| 洲色熟女图激情另类图区| 国产不卡av在线免费观看| 黄色aa网站在线观看| 超碰在线免费97观看| 美女视频在线欧美日韩| 亚洲av夏目彩春jux956| 国产精品亚洲美女视频| 黄色91免费一区二区| 欧美v亚洲v日韩午夜久久久| 91亚洲国产亚洲国产亚洲| 亚洲一区二区中文字幕久久| 狠狠cao久久cao| 日本一二三区不卡高清| 在线视频一区二区精品免费观看| 99久久免费在线观看| 亚洲h色有声小说在线收听网| freesex高清日本| 亚洲自拍偷拍视频区| 国产av大片亚洲一区二区| 日本黄色十八禁视频播放器| 亚洲永久精品一区二区三区| 成a人片在线观看久亚洲| 日本午夜福利免费在线播放| chinese国产高清av| 欧美在线一区二区观看| 久久久有码一区二区三区| 外国人眼中的亚洲美女| 日韩精品在线观看你懂的| 欧美人与兽黄色录像| 新男人的天堂在线观看| 97人妻起碰免费观看| 182午夜tv在线观看| 免费日本伦理片在线观看| 大香蕉一条大香蕉 下一句| 香港午夜一级大片在线播放| 一区二区三区 中文字幕 在线| 五十路视频在线观看| 青青免费操在线视频观看| 又大又爽又粗在床上app| av亚洲情色在线观看| 在线观看69式视频| 变态另类国产亚洲综合| 国产情侣自拍一区视频| 日韩高清不卡视频在线观看| 国产黄色免费精品网站| 夜夜嗨蜜乳av一区二区| 色偷偷2019免费视频| 国产 精品 自拍 视频| 人妻精品这里只有精品| 中文字幕小综合 97视频| 夜夜嗨蜜乳av一区二区| 国产 精品 自拍 视频| 大香蕉www大香蕉| 久久久亚洲女精品aa| 亚洲一区二区三区中文| 免费在线播放不卡av| 欧美成人在线视频365天资源站| av日本女优在线观看| 欧美中文字幕一区二区| 无码人妻一区二区三巨免费视频| 亚洲欧美久久一区二区三区| 麻豆视频黄版在线观看| av在线免费看影视网站| 青青草手机免费在线观看高清视频| 怡红院精彩视频在线观看| 亚洲欧洲在线观看av| 韩国女主播青草直播视频| 青青草手机免费在线观看高清视频| 岛国av动作片免费在线观看| 夜夜躁爽日日躁狠狠躁av| 北条麻妃av在线看| 天天舔天天日天天干天天操天天射| 五月天欧美激情视频免费观看| 伊人久久大香线蕉av综合| 天码av高清毛片在线看| 人人妻人人澡人人爽人人精品日本 | 国产裸体免费无遮挡大尺度视频| 中文字幕一区二区免费视频| 四虎亚洲中文在线观看 | 懂色精品欧美日韩懂色a| 亚洲av在线免费播放| 911亚洲精选青草衣衣| 久久久久久久久久久久久久久蜜桃| 又黄又猛又大又长又硬又久免费| 五月天欧美激情视频免费观看 | 日韩久久成人特黄毛片一二区| 97超碰人妻免费看| 天天透天天狠天天日| 国产一级a毛一级a看91| 一区二区三区高清在线播放| 精品九九九一区二区| 午夜精品福利久久一区| 成人av天堂中文在线| 天天干天天要天天色| 韩国三级日本三级国产三级| 97人妻起碰免费观看| 中文字幕欧美日韩熟女| 亚洲中文无码AV永久伊人| 情欲少妇人妻100篇| 最新中文字幕av一区| 中文字幕一区二区三区久久| 午夜日本免费观看视频| 人妻中文字幕久久不卡| 青青草小视频在线播放| 青青草小视频在线播放| 亚洲最大中文字幕在线| 精品日本视频一二三| 中文字幕亚洲精品乱无码| 91人妻丰满熟妇aⅴ无| 2020最新国产精品| 免费观看六十分钟瑟瑟视频| 国产精品污污污网站入口| 好吊视频一区二区三区在线| 91免费在线免费观看| 亚洲自拍偷拍视频区| 免费av 自拍偷拍| 一区二区日韩激情在线观看视频| 噜噜人妻少妇精品一区二区三区 | 中文字幕亚洲欧美加勒比| 久久中文字幕2015| 与上司出轨的人妻电影在线| 日本少女漫画之不知火舞| 国产精品视频网站推荐 | 狠狠躁日日躁夜夜躁2020| 污视频在线观看地址| 欧美一级精品高清在线观看| 成人午夜福利一区二区| 色yeye香蕉蜜臀av一区| 精品视频在线免费播放15| 黄色91免费一区二区| 精品日本视频一二三| 亚洲熟妇色xxxxx欧美| 婷婷激情五月俺也去| 18禁在线视频免费观看| 久久99精品久久久久久国产水牛 | 国产三级视频在线观看视频| 久久久久久av电影av| 中国少妇久久一区二区| 天天操天天色天天透| 大鸡巴操出淫水视频| 最近日本MV字幕免费高清在线| 床上插女人逼逼视频| 全国男人最大的天堂网| 日本六十路熟妇图片| 91麻豆欧美成人精品| 丝袜制服 欧美 日韩| hitomi中文字幕一区二区| 黄色免费电影网站东京热| 69人妻精品丰满熟女区| 91在线视频免费播放| 邻居中文字幕在线观看| 中文字幕久久99精品| 天堂在线中文字幕av| 最近最新的中文字幕国语在线| 91精品国产情侣高潮对白会所| 亚洲成人一区二区在线观看下载| 国产在线视频网站你懂得 | 亚洲熟女一区二区二区| 久久国产精品一区二区久久| 免费日本伦理片在线观看| 国产精品综合系列av| 久久久有码一区二区三区| 精品无人伦一区二区三区| 精品国产第一区二区三区日韩| 成人自拍视频手机免费在线观看| 亚洲综合在线视频在线| 亚洲综合在线视频在线| 99久久国家一区二区三区| 东北老熟女啪啪嗷嗷叫 | 日本aⅴ爽av久久久久久| 中文字幕av日韩在线`| free美女女同性| 五十路视频在线观看| 亚洲手机在线免费视频观看| 最近最新的中文字幕国语在线| 国产avvs日产av| 欧美性猛交XXXXX按摩欧美| 欧美视频一区二区在线观看| 国产精品久久久久久久久久免费动 | 中文字幕小综合 97视频| 国产精品视频网站推荐| 男人操美女的小骚逼| 中文字幕日本人妻在线| 精品一区精品二区免费| 人妻中文字幕久久不卡| 欧美日韩精品aaa| 日韩福利在线免费视频| 在线观看成人精品视频自拍| 天天做天天摸天天爽| 亚洲国产综合久久精品| 91九色ts另类国产人妖| 国产成人在线视频网站| 日韩欧美一二三区不卡| 久久精品熟女亚洲av麻| 国产成人精品午夜福利在线观看| 亚洲尺码和欧洲尺码av| 久久久久久91精品人妻| 精品人妻一区二区乱码| 香港午夜一级大片在线播放| 国产综合色在线视频区| 人妻中文字幕久久不卡| 日韩在线电影一区二区三区| 玩弄放荡人妻少妇在线视频| 乱人伦××××国语对白| 1204人妻一区二区三区| 久久中文字幕2015| 久久中文高清字幕网| 美女露出胸阴道让男人捅| 亚洲麻豆av免费在线| 交换年轻夫妇中文字幕| 天天操,天天干,天天插| 超碰在线播放福利91| 天天摸天天舔天天操天天日| 亚洲午夜资源在线观看| 亚洲不卡一区二区高清| 亚洲av黄色在线免费观看| 伊人狠狠综合网入口| 热99久久这里只有精品| 亚洲麻豆av免费在线| 91大神视频哪里能看| 人妻一区视频在线观看| 又大又爽又粗在床上app| 欧美激情三级线在线观看在线播放| 中文字幕欧美日韩熟女| 在线观看亚洲激情电影| 中文字幕乱码熟女人妻在线第一页 | 国产精品情侣高潮呻吟| 超碰91在线资源站| 亚洲精品伦理熟女国产一区二区| 国产精品视频对白刺激| 邻居中文字幕在线观看| 偷拍另类激情17c| 北条麻妃av在线看| 最近日本MV字幕免费高清在线| 亚洲avav在线天堂| 亚洲一区二区有码在线| 一区二区三区亚洲av色图| 日日噜噜夜夜躁躁狠狠| 亚洲国产激情精品在线观看| 亚洲卡一卡二卡三在线| 亚洲精品天堂国产888| 邻居中文字幕在线观看| 最强蜜臀美腿av尤物| 亚洲日韩成人无码电影| 精品无人伦一区二区三区| 天天操天天操天天操天天操夜夜操| 美国和俄罗斯特级大黄片| 少妇高潮区二区三区| 天天爱天天日天天操天天干| 一区二区三区经典不卡 | 国产无遮挡又爽又刺激又激情| 色在线视频在线观看| 久久久久久九九九九热| 1级黄色片在线观看| 91国产在线视频直播| 天天操天天干天天忙| b一区二区三区视频| 天天干天天日天天扣| 精品区一区二在线观看| 欧美日韩精品aaa| 在线精品免费观看一区三区| 精品在线视频播放你懂的| 91精品国产91久久综合桃花| 最强蜜臀美腿av尤物| 人妻少妇偷人精品久久视频| 免费av 自拍偷拍| 国产一级a毛一级a看91| 日本直接看不卡的视频在线| 日韩精品无码专区蜜桃| 亚洲码欧洲码一区二区三区四区| 天天干天天色天天爽| 在线亚洲男人的天堂| 亚洲h色有声小说在线收听网| 污视频在线观看地址| 人妻换人妻a毛片人妻换人妻| 亚洲欧洲另类小说图片| 欧洲美女b毛裸体日韩影院| 国产精品亚洲中文欧美| 爱的久久999精品久久久久久| 人人妻人人澡人人爱精品| 深田咏美在线av中文观看| 亚洲第一福利视频在线| 曰韩中文字幕在线视频| 中文字幕无码免费久久99 | 女子裸体免费视频网站| 成人自拍视频手机免费在线观看| 亚洲精品无码免费观看| 全国男人最大的天堂网| 在线观看自拍视频国产| 182午夜tv在线观看| 国产精品白丝久久久| 夜夜躁爽日日躁狠狠躁av| 91精品国综合久久久蜜臀九色| 国产女主播视频福利| 中文字幕一区一二三区四区五区人| 99热这里只有精品最新首页| 黄色av不卡免费在线观看| 免费观看六十分钟瑟瑟视频| 最强蜜臀美腿av尤物| 人妻一区二区中文字幕91| 热99久久这里只有精品| 亚洲人成色6666在线观看| 五月天欧美激情视频免费观看 | 久久中文字幕2015| 不卡不卡一区二区三区| 亚洲avav在线天堂| 最近中文字幕在线中文字幕7| 亚洲综合国产中文色婷婷| 成人自拍视频手机免费在线观看| 亚洲日产精品一二三| 大香蕉一条大香蕉 下一句| 东京热加勒比欧美日韩| 国产富婆做全套视频高潮| 美女的天堂av在线| 欧美亚洲中文字幕第一页| bbbb在线免费av| 住在隔壁欲求不满的丰满人妻| 囯产亚洲精久久久久久无码| 中文字幕色在线视频| 午夜激情大尺度在线| 囯产亚洲精久久久久久无码| 区一区二视频在线观看| 91精品国产91久久综合桃花| 在线视频日韩另类综合 | av老熟妇在线播放网| 深夜在线看福利视频| 精品视频久久久精品| 免费女同在线一区二区| 美女被草在线观看免费| 91色婷婷在线视频免费观看| 最强蜜臀美腿av尤物| 亚洲卡一卡二卡三在线| 高颜值九色自拍视频网站| 人妻熟妇av一区二区| 国产成人无码精品久久久免费看| a级特黄大片慈禧太后| 国产综合色在线视频区| 天天操天天射天天靠| 青青草国产av电影| 国产麻豆精品在线观看免费| 日本 中出 中文字幕| 亚洲av成人www新版精品久久| 免费欧美老年人性生活| 毛片xxxxx久久久| 性色av一二三区免费| 欧美一区二区无卡免费| 国产成人亚洲情趣丝袜888| 国产午夜精品免费视频| 亚洲成人一区二区在线观看下载| 天天日天天爽天天日天天爽| 在线观看一区二区国产| 亚洲中文无码AV永久伊人| 91九色麻豆人妻蝌蚪| 色哟哟AV无码国产永久播放| 国产精品视频999| 变态调教一区二区三区男同 | 思思久久这里只有精品| 亚洲国产综合久久精品| 四虎亚洲中文在线观看| 国产精品高清在线免费观看| 亚洲成a v人片在线观看| 日韩亚洲中文字幕不卡精品| 亚洲不卡一区二区高清| 国产在线精品一区二区动漫| 与上司出轨的人妻电影在线| 国产精品久久久久久久久久免费动| 99久久久99久久91熟女| av日本女优在线观看| 日韩在线电影一区二区三区| 中文字幕无码免费久久99| 国产在线观看不卡一区二区| 激情五月婷婷亚洲综合| 亚洲av天堂在线视频| 久久久久久九九九九热| barazza熟女俱乐部| 九色91露脸半推半就熟女| 国产女主播视频福利| darlacrane熟女俱乐部| 国产裸体免费无遮挡大尺度视频| 国产精品亚洲成在线97| 大鸡巴操出淫水视频| 久久久久久九九九九热| 男女搞黄色视频日本| 人妻人妻videos人| 天天爽天天狠综合久久久综合| 亚洲欧美在线视频91| 亚洲,欧美,一区二区三区| 欧美经典精品一区二区| 一二三区日本亚洲视频| 国产女主播福利在线观看| 亚洲专区+欧美专区+自拍| 亚洲av夏目彩春jux956| 成人国产综合视频在线观看一区 | 九色91露脸半推半就熟女| 偷拍另类激情17c| 精品熟妇一期二区三期| 亚洲一区二区三区青椒| 狠狠躁日日躁夜夜躁2020| 青青操在线视频播放| 日本a级片视色网站| 国产99精品一区二区三区四区| 现代日本美人画全集| 国产裸体免费无遮挡大尺度视频| 69国产精品视频免费播放| 日韩久久久久中文字幕| 曰韩中文字幕在线视频| 东北老熟女啪啪嗷嗷叫| 国产又粗又长又黄亚洲| chinese国产高清av| 日本韩国三级伦理片| 人妻人妻videos人| 99久久免热在线观看| 91大神视频哪里能看| 少妇极品熟妇人妻无码APP|