欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

iOS 8人機界面指南:iOS技術

2014-12-30    藍藍設計的小編

藍藍設計www.73404.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務.

每一個扁平化界面設計,都是我們的心靈碰撞致力于最棒的 metro ui 設計


來源:http://www.51design.com/index.php?app=news&mod=Index&act=newsDetail&id=926

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

3.1 應用擴展(App Extensions)

應用擴展可以延伸應用的使用范圍。當用戶使用其他應用時,應用擴展使得用戶仍能使用你應用的核心功能。舉個例子,當人們在Safari中瀏覽網頁時,他們可以使用你的分享擴展來發送一張圖片或一篇文章到你的社交網站上。或者當使用照片應用時,人們可能會使用你的圖片編輯擴展來為一張圖片加上一個濾鏡效果。(在這些場景中,Safari和照片應用承載用戶使用擴展的場景,因而被稱為宿主應用(host apps)。)

你需要提交包含應用擴展的完整iOS應用到App Store(包含擴展的應用被稱為容器應用)。在啟用擴展之后,人們就可以在使用其他應用時,通過使用擴展來執行快速任務。例如,在郵件中瀏覽某個商品時,人們可以不用離開郵件應用就使用你的動作擴展來把商品添加到購物清單中。

表17-1列舉了可以創建的iOS應用擴展類型。

表17-1應用擴展類型

應用擴展類型 人們使用擴展來做…
今天部件(Today widget) 在通知中心中獲得快速更新或者在今天視圖中快速完成任務
分享(Share) 發送到網站或者和他人分享內容
動作(Action) 通過另一個應用的上下文信息來操作或查看內容
圖片編輯(Photo Editing) 使用照片應用編輯圖片或視頻
文檔提供者(Document Provider) 進入和管理文檔庫
自定義鍵盤(Custom keyboard) 替換iOS系統鍵盤

以下指南適用于所有類型的應用擴展,針對特定類型應用擴展的指南請參閱后續章節。(如果想了解如何開發、調試和發布一個擴展,請參閱App Extension Programming Guide。)

確保是單任務。應用擴展并不是應用的精簡版,它幫助用戶在有全局目標的上下文中完成狹義范圍內的有限任務。例如,動作擴展可以為用戶提供一種不同的方式來查看當前內容。

保證用戶的交互是有限和流暢的。好的應用擴展應該只需幾步點擊就可以幫助人們完成任務,這樣他們就能盡快回到之前的場景中。例如,分享擴展只需一次點擊即可完成一張圖片的分享。

將容器應用及其應用擴展的名稱保持一致。一個容器應用中如果有多個擴展,需要使用不同的名稱,你需要確保用戶能夠理解你的擴展和應用之間的關系。人們會在很多不同的情況下遇到擴展,如果他們當下沒有認出來,那么他們就未必會信任這些擴展。

大部分情況下,復用容器應用的圖標。顯示用戶熟悉的圖標是獲得用戶信任的另一種方式。請注意,對于動作擴展來說,你應該使用單色版本的容器應用圖標(詳見分享和動作擴展)。

重要:和設計圖標和圖形一樣,不要重復使用iOS的圖標和圖片,不要為蘋果的產品和設計再設計一套圖片。

避免在擴展上顯示模態視圖。很多擴展默認以模態視圖來顯示,所以應避免再疊加模態視圖。盡管有時候用戶可能會在擴展上遇到警告框,但是在設計擴展的流程時,應避免出現模態視圖。

3.1.1 今天部件(Today Widgets)

人們會在通知中心的今天區域中查看今天部件(Today widgets)。因為人們會設置今天區域以顯示他們最關注的信息,所以在此進行設計可以有效幫助你的部件在這些用戶最重要的信息中占據一席之地。

iOS 8人機界面指南(三):iOS技術(上)

設計與通知中心風格一致的外觀。當使用通知中心的默認邊距和背景時,你的今天部件就會給用戶以統一的體驗。為獲得最佳的結果,你應該重點關注你的內容而不是背景或者其他的,尤其應該避免繪制一片純色背景。

注意:iOS會自動在自定義的部件內容上方顯示應用的圖標和標題(圖標會顯示在標題前面的空白處)。

將部件內容與標題對齊。當你的部件內容與標題對齊時,人們就可以很簡單地瀏覽今天視圖中他們想要的部件。遵守今天視圖中的邊距規范,并將內容約束在如圖的部件內容區內。

[ISUX轉譯]iOS 8人機界面指南(三):iOS技術(上)

一般情況下,使用白色的系統字體來顯示文本。在通知中心默認背景下白色文字會看起來較好。對于二級文本,可以使用系統提供的vibrant外觀樣式(查看notificationCenterVibrancyEffect了解更多)。

提供通知中心式的體驗。人們訪問通知中心來獲取簡要的更新或者執行一個非常簡單的任務,所以今天部件最好只顯示適量的信息和進行有限的互動,特別是:

  • 避免用戶在部件中需要滾動或縱向移動來查看全部的信息。部件可以通過縱向擴展來顯示更多的信息,但若部件的高度超過通知中心的高度就不是一種好的體驗了,因為這樣會干擾其他部件的查看。
  • 避免使用橫向掃動或拖曳,因為這會干擾在通知中心進行導航。
  • 盡可能使用戶只需一步操作就完成任務或打開你的應用(注意,在今天部件中鍵盤是不可用的)。
  • 優化性能以便人們可以即刻獲得有用的信息。可以考慮在本地緩存信息,以便當有更新時就可顯示最近信息。人們只希望在今天視圖中花很少的時間,如果部件使用內存不當,iOS就可能會終止它。

在適當情況下,讓人們點擊你的今天部件來打開你的應用。因為今天部件提供了專一的體驗,所以就能有效引導人們去到你的應用以獲取更多信息或功能。最好不要顯示“打開應用”按鈕,而是應該讓你的整個今天部件都可被點擊來打開應用。你也可以讓用戶點擊部件中的UI對象,以打開你的應用并跳轉到關于此UI對象的視圖中。舉個例子,日歷部件顯示了今天的事件,如果用戶想要獲得某個事件的更多信息,他們可以點擊部件中的事件來打開日歷應用進行查看。

注意:雖然從部件打開應用的方式對用戶來說還不錯,但繼續在部件中提供有用且及時的信息依然是很重要的。人們可不一定會欣賞一個功能只是打開應用的今天部件。

3.1.2 分享和動作擴展(Share and Action Extensions)

人們通過點擊應用中的動作按鈕(Action button)來使用分享和動作擴展。在通過動作按鈕顯示的動作視圖控制器(activity view controller)中,動作擴展被列在底部,分享擴展被列在動作擴展之上。人們可以使用更多(More)按鈕來管理顯示在動作視圖控制器中的分享和動作擴展。

iOS 8人機界面指南(三):iOS技術(上)

分享或動作擴展通常被認為是在當前用戶場景下用來輸入內容之用。例如,當在Safari中閱讀一篇文章時,用戶可能會點擊動作按鈕并使用一個分享擴展來發送這篇文章到分享網站上,也可能會使用一個動作擴展來查看這篇文章的翻譯。

注意:在動作視圖控制器中,iOS只會顯示支持當前內容類型的動作擴展。例如,當用戶當前內容是視頻時,iOS就不會顯示支持文本的動作擴展。

盡可能在分享擴展中使用系統提供的UI。系統所提供的撰寫視圖控制器(compose view controller)提供給用戶一種一致的體驗,并能自動支持一些常用任務,例如預覽和確認標準項,同步內容,查看動畫,以及完成一封郵件。欲知更多關于使用系統提供的撰寫視圖控制器,請參見App Extension Programming Guide中的Share

如果上傳需要一定時間,那就應考慮在分享擴展的容器應用中顯示上傳進度。無論分享的文件有多大,人們都期待在點擊擴展中的發送或分享按鈕后,能立即返回他們之前的場景。你需要讓進度狀態隨時更新,但是人們不想每次上傳完畢后都收到通知,并且也無法自動重啟擴展。在這種場景下,在容器應用中顯示上傳進度是一種解決方案,這樣容器應用就可以在后臺處理任務,并在遇到問題時發送通知。

動作擴展使用單色的應用圖標。(不同的是,分享擴展則應該使用其容器應用的彩色應用圖標。)要為動作擴展設計圖標時,你可能需要從創建一個應用圖標的模版開始著手。如有需要,可以專注圖標所特有的元素來進行簡化設計。

如果你在容器應用中提供了多個動作擴展,那么最好為他們設計一套圖標,且確保這套圖標中的每一個看起來都與容器應用的圖標是有關聯的。

3.1.3 圖片編輯擴展(Photo Editing Extensions)

當人們在照片(Photos)應用中查看圖片或視頻時,可以使用圖片編輯擴展。一般來說,圖片編輯擴展能幫助用戶篩選圖片或進行一些其他的圖片或視頻編輯。在用戶確認之后,編輯后的內容就會出現在照片應用中。

照片應用提供了一個模態視圖來顯示圖片編輯擴展的自定義UI。當用戶在確認對圖片或視頻的編輯時選擇了取消(你必須要在代碼上保證存在這個行為),照片應用還可以顯示一個確認視圖。

避免在圖片編輯擴展中使用導航欄。如圖所示,承載擴展的模態視圖已經包含了導航欄,若再增加另一個導航欄,既會占據更多你的界面空間,還會使用戶產生困擾。(照片應用默認會以全屏高度來顯示你的視圖,所以你的內容會出現在內建的導航欄之下。)

iOS 8人機界面指南(三):iOS技術(上)

如果可以,讓用戶能夠預覽編輯結果。盡可能讓用戶在關閉擴展返回照片應用之前看到他們編輯的成果。

3.1.4 文檔提供者擴展(Document Provider Extensions)

文檔提供者擴展幫助人們在其他各種應用中查閱你的應用所管理的文檔。在宿主應用(host app)中,文檔采集視圖控制器(document picker view controller)會顯示你的擴展所提供的UI(想要了解更多有關文檔采集視圖控制器的內容,請查閱UIDocumentPickerViewController Class Reference)。

注意:文檔提供者擴展由兩個不同的部分組成:文檔采集視圖控制器擴展和文件提供者擴展。文檔采集視圖控制器擴展包括了你的自定義UI,文件提供者擴展實現對文件的訪問。本節所使用的術語文檔提供者擴展(Document Provider extension)是為了表述擴展中文檔采集視圖控制器部分的UI和體驗。

避免在文檔提供者擴展中使用導航欄。iOS會顯示擴展的自定義UI,而自定義UI又包含在文檔采集視圖控制器中基于導航欄的界面之中。所以,在內建導航欄之下再顯示第二個導航欄會使用戶感到困惑,并且還會占據原本你的內容區域。(文檔采集視圖控制器默認會以全屏高度來顯示你的視圖,所以你的內容會出現在內建的導航欄之下。)

iOS 8人機界面指南(三):iOS技術(上)

3.1.5 自定義輸入法(Custom Keyboards)

人們使用帶有自定義輸入法的輸入法擴展來替換iOS的自帶輸入法。在啟用輸入法擴展之后,除了受保護的文本區域(例如密碼輸入區)和手機鍵盤區(例如聯系人中的電話號碼區)外,當人們點擊任何文本輸入區域后就能使用自定義輸入法。

為用戶提供明顯的方式來切換輸入法。人們對于iOS的輸入法切換按鈕很熟悉,他們會期望在你的輸入法中也有類似的體驗。

iOS 8人機界面指南(三):iOS技術(上)

3.2 通知(Notifications)

通知為人們提供即時的重要信息和功能。人們能在多種情況下收到通知,例如在鎖屏界面中,或者在使用應用時,或者訪問通知中心時。

通知中心有兩種視圖:通知(Notifications)和今天(Today)。

今天視圖顯示了一組可編輯的部件。今天部件是一個應用擴展,顯示了少量及時和重要的信息或功能,這些信息或功能則是由用戶所關注的應用所提供。舉例來說,日歷部件只顯示了今天的事件。點擊日歷部件中的一個事件可以喚起日歷應用,并打開該事件,用戶接下來可以編輯該事件或管理其他的事件。想要了解更多關于設計今天部件的內容,請參見今天部件

iOS 8人機界面指南(三):iOS技術(上)

通知視圖會顯示用戶感興趣的應用所發出的最近通知。用戶可以在設置(Settings)中來設置是否在通知中心顯示該應用的通知。

iOS 8人機界面指南(三):iOS技術(上)

iOS應用可以使用通知來讓人們知道一些有趣的事情是什么時候發生的,例如:

  • 收到一條消息
  • 事件即將發生
  • 有新的數據可下載了
  • 某些狀態發生了變化

在iOS8及之后的版本中,應用可以定義用戶在通知中的操作。例如,用戶可以在待辦事項應用的通知中就標記該事項已完成,而無需額外打開應用。

iOS定義了兩種類型的通知。

  • 本地通知(local notification)由應用安排待發送,最終通過iOS發送到同一設備中,無論該應用當前是否正在后臺運行。例如,日歷或待辦事項應用可以安排一條本地通知來提醒人們一個即將到來的會議或者日期。
  • 遠程通知(remote notification)(也稱為推送通知(push notification))是由應用的遠程服務器通過蘋果推送通知服務來發送的,這類通知最終會被推送到所有安裝了該應用的設備。例如,一款在線競技類的游戲,用戶可以和其他玩家競賽的,可以更新所有玩家的狀態。

注意:應用擴展可能會要求遠程通知必須發送到它的容器應用。在這種場景下,容器應用常常會在后臺運行來處理通知。想要了解更多關于應用擴展的內容,請參見應用擴展

如果當你的應用正在后臺運行時收到了本地或遠程的通知,你就應該以你的應用所特有的方式將信息傳達給你的用戶。

為了確保用戶能夠自定義他們的通知體驗,你應該盡可能多地支持以下的通知類型:

  • 橫幅(Banner)
  • 警告框(Alert)
  • 小氣泡(Badge)
  • 聲音(Sound)

注意:在iOS8及之后的版本中,你必須對所有你想發送給用戶的通知類型進行注冊。當你第一次進行注冊動作時,用戶會遇到一個警告框,他們可以在其中操作來決定允許或拒絕所有來自你的應用的通知。不管用戶選擇的結果是什么,他們應始終能訪問應用的設置來更改此項設置,或者設置他們想要接收的通知類型。

橫幅(banner)是一個小而透明的視圖,會出現在屏幕頂部并在幾秒后消失。用戶還可以看到在鎖屏當中的橫幅以及在通知中心中以通知形式出現的橫幅。在橫幅中,iOS會顯示通知的內容和應用的小圖標(欲了解更多關于小圖標的內容,請參見 App Icon)。用戶點擊橫幅來隱藏顯示并切換到發送通知的應用。

iOS 8人機界面指南(三):iOS技術(上)

除了默認的點擊動作之外,當用戶輕掃橫幅時,你還可以定義兩個動作按鈕。點擊通知動作按鈕來隱藏橫幅的顯示并啟動你的應用(可能是在后臺)來執行動作。

iOS 8人機界面指南(三):iOS技術(上)

通知警告框是顯示在屏幕上的標準警告框視圖,需要用戶操作后才會隱藏。當用戶點擊Options按鈕后,你需要提供并顯示通知消息以及任何一個默認動作,或最多四個特定動作。警告框的背景樣式不能做修改。

iOS 8人機界面指南(三):iOS技術(上)

當用戶點擊警告框中的一個默認或自定義動作按鈕時,iOS會同時隱藏警告框并運行你的應用(可能是在后臺)。點擊關閉或確定按鈕會隱藏警告框而不打開應用。

iOS 8人機界面指南(三):iOS技術(上)

小氣泡(badge)是一個顯示未讀通知數量的紅色小圓(小氣泡顯示在應用圖標的右上角)。小氣泡的大小和顏色不能做修改。

iOS 8人機界面指南(三):iOS技術(上)

橫幅、警告框和小氣泡這三種通知都可以使用自定義或系統提供的聲音

在通知中謹慎使用具破壞性的動作。要確定用戶有足夠的上下文來避免意想不到的后果。為了幫助用戶區分你所定義的破壞性動作,iOS會用紅色來顯示它。有時候,在應用執行破壞性動作之前,應該請求用戶進行確認。舉個例子,如果在鎖屏的橫幅(banner)中提供了一個破壞性動作,那么就應確保只有設備的主人才能執行該動作(你需要在代碼上實現這一需求)。

為每個動作按鈕提供自定義標題。創建一個簡短的標題來描述清楚將要發生的動作。例如,游戲可能會使用“Play”作為標題來表明,點擊這個按鈕會打開應用來進行游戲。確保標題:

  • 使用標題樣式的大小寫(title-style capitalization)
  • 足夠簡短,能不被截斷地顯示在按鈕內(也應確保測試各種語言文字的標題顯示正常)

不要為同一個事件重復發送通知。用戶可以選擇處理通知項;通知項在用戶未處理前會一直顯示。如果為同一事件重復發送通知,通知中心列表中會滿是通知,用戶就有可能會關閉你的應用的通知。

不要在通知消息中包含你的應用名稱。自定義信息會在警告框和橫幅中顯示,也會在通知中心中以通知的形式顯示。你無需在自定義信息中顯示你的應用名稱,因為iOS會在顯示信息的同時自動顯示應用名稱。

為了使本地或遠程通知信息更有作用,你應該:

  • 專注于信息而不是用戶的行為。避免告訴人們點擊哪個按鈕或如何打開你的應用。
  • 足夠簡短,一兩行就可以顯示完整。較長的信息對于用戶來說很難進行快速閱讀,也會造成在警告框中需要滾動才能查看完整。
  • 使用句式大小寫(sentence-style capitalization),并配以合適的結束語句符號。可能的時候,可以使用一個整句。

注意:如有必要,iOS會縮短你的消息以便能在各種通知發送樣式下顯示;為了最好的效果,你不應主動縮減你的消息。

保持小氣泡的內容是的。當用戶注意到新信息時,即時更新小氣泡非常重要,這樣用戶就不會覺得收到了額外的通知。注意,當小氣泡為0時也會移除通知中心中所有對應的通知項。

重要:不要使用小氣泡做通知以外的用途。記住,用戶能夠關閉應用的小氣泡,所以你無法確定他們一定能看到小氣泡中的內容。

當收到通知時,提供用戶可以選擇聽到的音效。當人們沒有在看屏幕的時候,可以通過音效獲取他們的注意。例如,日歷應用可能會在顯示警告框的同時播放一個音效來提醒人們一個即將到來的事件。再如,協作任務管理應用可能會在小氣泡更新時播放一個音效來告知某個遠程協同的同事已經完成了某個任務。

你可以提供自定義的音效,或者使用內置的警告音。如果你創建了自定義音效,請確保它是簡短的、有特色的并且是經由專業制作的。(想要了解更多關于音效的技術需求,請參閱Local and Remote Notification Programming Guide中的Preparing Custom Alert Sounds。)注意,當通知發送后,你無法以編程方式來觸發設備的震動,因為用戶對于警告框是否伴隨震動擁有支配權。

3.3 多任務處理(Multitasking)

多任務處理讓人們可以在最近使用的應用之間進行快速切換。

iOS 8人機界面指南(三):iOS技術(上)

為了支持這樣的體驗,多任務處理會讓一款應用在用戶切換離開后,在后臺進入掛起狀態。當用戶切換回來時,應用可以快速被重新使用,因為應用無需重新加載UI。人們使用多任務處理UI(如上圖)來選擇一款最近使用的應用。

API注釋:想要學習在你的代碼中如何支持多任務處理,請參閱App Programming Guide for iOS中的App States and Multitasking

能否在多任務處理中處理好取決于能否在設備中與其他應用和諧共存。從更高的層面來說,這意味著所有的應用都應:

  • 處理好中斷或來自其他應用的聲音
  • 停止和重啟,即快速平滑地從后臺切換到前臺
  • 不在前臺時應恪守己任

下述指南細則可以幫助你的應用在多任務處理中取得成功。

準備好被打斷,并恢復。多任務處理增加了后臺應用中斷你的應用的可能性。其他特性,諸如廣告出現和更快的應用切換,也會造成更頻繁地打斷。越快速和越地保存應用當前狀態,人們就可以越快地重新運行應用,并從之前離開的頁面繼續使用。你可以通過利用UIKit的狀態保存和恢復來為用戶提供無縫的重新開始的體驗(查看State Preservation and Restoration了解更多信息)。

確保你的UI可以處理兩倍高度的狀態欄。兩倍高度的狀態欄會在諸如通話、錄音和共享等過程中出現。在未作處理的應用中,狀態欄的額外高度會引起布局問題,如UI被向下擠壓或者被遮住。在多任務處理環境中,使兩倍高狀態欄顯示正常是格外重要的,因為它可能會出現在更多的應用當中。

準備好暫停需要人們注意或主動參與的活動。例如,如果你的應用是一款游戲或媒體觀看應用,你需要確保你的用戶從應用切換走時,不會丟失任何內容或事件。當人們切換回游戲或媒體播放器時,他們希望能繼續之前的體驗,就好像他們從未離開過應用。

確保音頻行為合適。當你的應用正在運行時,多任務處理會使得其他媒體活動更可能地同時進行,也會有更多可能性使你的音頻不得不暫停,并恢復處理中斷。查看聲音來幫助你確保你的音頻能滿足人們的期望,并與設備中的其他音頻和平共處。

適度使用本地通知。應用可以在特定時間發送本地通知,無論應用是在暫停中還是運行中亦或是根本就沒有運行。為了達到最好的用戶體驗,應避免用過多的通知來騷擾人們,并遵循通知中創建通知內容的指南。

必要時,在后臺完成用戶的任務。當人們開始一個任務時,他們通常會期望即使已經從應用中切換走了任務仍能夠完成。如果你的應用在執行用戶任務途中,并且這個任務不需要額外的用戶交互,那么你就應該在應用掛起之前就在后臺完成任務。

3.4 社交媒體(Social Media)

人們會期望在任何場景下都可以使用他們喜愛的社交媒體帳號。iOS以人們喜歡的方式將社交媒體的交互與你的應用進行了整合。

iOS 8人機界面指南(三):iOS技術(上)

注意:當用戶點擊動作按鈕時,他們會得到一個如上圖的動作視圖控制器。想要了解更多關于這個視圖控制器的內容,請參見Activity View Controller
動作視圖控制器的中間一行顯示了用戶啟用的和系統提供的分享應用擴展。想要了解更多關于設計分享擴展的內容,請參見Share and Action Extensions

考慮在你的應用中為用戶提供一種簡便的方式來撰寫郵件。用戶有可能會啟用分享擴展以便能在任何地方都可以發送內容。但是你也可以使用系統提供的撰寫視圖控制器來呈現給用戶,他們可以在其中進行編輯操作。你可以在顯示給用戶進行編輯之前,預先加載具有自定義內容的撰寫視圖(在你呈現給用戶之后,只有用戶可以編輯這些自定義內容)。想要了解更多關于社交框架(Social framework)的編程界面,包括SLComposeViewController類,請參見Social Framework Reference

可能時,避免要求用戶登錄進入一個社交媒體賬戶。社交框架(Social framework)會和帳號框架(Accounts framework)一起來支持一個單點登錄模式,所以你可以獲得授權來訪問用戶的帳號,而無需要求他們來重新授權。如果用戶還沒有登錄進入一個帳號,你可以顯示UI來讓他們進行登錄。

3.5 iCloud

iCloud可以讓用戶隨時隨地用不同的設備訪問他們想要的內容。將iCloud集成到應用中,用戶不用進行同步操作就可以在不同場景下使用不同的設備訪問并編輯私人信息。

iOS 8人機界面指南(三):iOS技術(上)

為了提供這種體驗,你可能需要重新檢查你的應用中現有的信息,尤其是用戶自建內容的存儲、訪問和展示方式。想要學習如何使用iCloud,請參考iCloud Design Guide

iCloud用戶體驗的一個基本方向是透明性:理想情況下,用戶不需要知道他們的信息存儲在什么地方,也不需要去思考當前瀏覽的信息是哪個版本的。以下幾點可以幫助你創建用戶期望的iCloud體驗。

如果可以的話,讓用戶方便地啟用iCloud。在iOS設備上,用戶可以在設置中登錄iCloud賬戶,因此多半用戶會期望應用可以自動啟用iCloud。但是如果你覺得用戶可能需要自主選擇是否使用你應用的云服務,你可以在用戶第一次進入應用時提供一個簡單的選項來進行設置。大多數情況下,這個選項應該為:是否將所有內容上傳到云端。

注意用戶iCloud空間大小。一定要記住iCloud空間是用戶花錢買來的有限資源。你應該使用iCloud來存儲用戶自己創建和可理解的信息,避免將可再生的應用資源和內容存儲在云端。同樣要記住,當用戶登錄了iCloud賬戶時,你的應用的文件夾內容也會自動備份到云端。所以為了節省用戶云端空間,你最好只挑選必要的信息存儲于文件夾中。

避免讓用戶自己選擇在iCloud上存儲哪些文件。一般,用戶會期望他們在意的所有信息都能夠通過iCloud訪問到。為了提供更好的用戶體驗,你可能想要重新構建處理和展示內容的方式,這樣就可以給用戶提供更多的文件管理功能。但實際上大多數用戶都不需要進行個人文件存儲的管理,所以你的應用也可以不用考慮這個問題。

決定哪種類型的信息需要存儲在云端。除了存儲用戶自建的文件和內容,你還可以存儲少量的其他信息在云端,例如用戶當前的狀態,用戶的偏好設置等等。你可以使用iCloud的關鍵值存儲來保存這類信息。例如,用戶使用你的應用看了一個雜志,你可以使用iCloud的關鍵值存儲來保存用戶瀏覽到的位置,這樣用戶在別的設備上重新打開這個雜志時就能從上次離開的地方繼續瀏覽了。

如果你使用iCloud的關鍵值存儲來保存用戶的偏好設置,確保用戶在每個設備上都是想這樣設置的。例如,有些偏好設置在工作環境中比在家里要更好用。在某些情況下,將偏好設置保存在應用服務器上要比保存在云端更合理,這樣偏好設置就不會受iCloud的限制。

確保iCloud無法使用時應用的行為是合理的。例如,用戶退出iCloud賬戶,關閉應用的iCloud或者進入飛行模式時,iCloud都是無法使用的。在這些情況下,用戶都進行了某些操作來禁止iCloud服務,所以你的應用可以不用再進行提醒。但是,需要告訴用戶在打開iCloud之前,當前做的修改在其他設備上都無法看到。

避免給用戶創建本地文件的選項。不管你的應用是否支持iCloud,都不應該給用戶提供因設備而區分的文件系統。相反,你應該希望用戶關注通過iCloud訪問文件的普適性。

在合適的時候自動更新信息。最好不需要用戶來確認他們正在訪問的是的內容。但是,也需要在用戶設備存儲空間和帶寬限制之間做出平衡。如果你的用戶要使用非常大的文件,那么讓他們自己選擇是否要從云端下載一個更新的文件可能更合適。如果需要這樣做的話,可以設計一種方式來指出當前在云端有一個該文件的版本。當用戶選擇更新時,如果下載時間較長最好給用戶明顯的反饋。

告知用戶刪除某文件的后果。當用戶從有iCloud服務的應用上刪除文件的時候,這個文件同樣會從用戶的iCloud賬號和其他設備上刪除。所以最好在執行刪除操作之前告知用戶刪除的后果,讓用戶進行確認。

必要時盡可能早地告知用戶沖突問題。使用iCloud編程接口,你需要在不打擾到用戶的情況下解決大多數不同版本之間的沖突問題。但在有些情況下,你需要盡可能早地檢測出沖突問題來避免用戶在錯誤版本上浪費太多時間。你需要設計一種自然的方式來告訴用戶有沖突存在,接著給用戶提供方便的方式來區分不同版本以及做出決策。

確保在搜索中包括用戶在云端的信息。使用iCloud的用戶趨向于認為云端的信息是普遍可訪問的,所以他們會期望搜索結果中也有云端的信息。如果你的應用允許用戶搜索他們的信息,確保你使用了將搜索擴展到iCloud賬戶的接口。

3.6 電子卡包(Passbook)

Passbook應用是幫助用戶查看和管理各種數字化票券的,例如登機證、優惠券、會員卡和各種票。你可以在應用中創建一個票券,向用戶描述它,并且在有更改時進行更新。

iOS 8人機界面指南(三):iOS技術(上)

使用PassKit框架可以方便地用自定義內容來收集一個票券到用戶票券庫中并訪問它。(想要學習Passbook技術的核心概念和PassKit接口的使用方法,請參考Passbook Programming Guide。)以下幾點可以幫助你創建一個用戶樂意保留并使用的票券。

不要只是簡單復制已有的物理票券。Passbook已經建立了有美感的設計,票券也都配合這種設計以看起來更好。所以不要只是復制物理票券的外觀,抓住這次機會設計一個符合Passbook組成和功能的干凈簡潔的票券樣式。

對放在票券正面的信息精挑細選。用戶期望掃一眼票券就能快速獲得他們需要的信息,所以票券正面的信息應該是整潔且易讀的。如果有用戶可能會需要的額外信息,將它們放到票券的背面要比擠在正面好得多。

通常情況下,避免使用純白色背景。通常,一個好看的票券應該使用鮮艷的純色背景或者使用強烈的,充滿活力的圖片作為背景。當然,在設計背景時還要確保內容的可讀性。

注意:最好在票券的合適區域展示所有的文本內容,并且避免將文本嵌入圖片或使用自定義的字體。這樣做有兩個好處:它方便使用VoiceOver的用戶獲得票券中的所有信息并且可以使你的票券有一致的外觀。(譯者注:VoiceOver是一種幫助視障人士的語音輔助程序。)

在商標文本區域顯示你的公司名稱。所有票券的商標文本區域的文字都使用了統一的字體。為了避免和其他票券發生沖突,還是建議您在商標文本區域輸入文字,不要使用自定義字體。

使用單色的公司商標。商標圖片放置在票券左上角公司名稱的旁邊。最好提供一個單色的,不包含文字的商標。如果你想要增強商標的效果,又想要與文字風格匹配的話,可以增加一個在y軸方向上有1像素偏移,有1像素模糊和透明度為35%的黑色陰影效果。

如果可以的話,使用長方形的條形碼。類似于PDF417這樣的長方形條形碼比正方形二維碼更適合票券的布局。如下右圖所示,正方形的二維碼會使兩邊有空白區域并且會在垂直方向上使上下方內容變得擁擠。

iOS 8人機界面指南(三):iOS技術(上)

為性能優化圖片。因為用戶通常會通過電子郵件或者瀏覽器接收票券,所以下載的越快越好。為了提高用戶體驗,使用能滿足視覺效果的最小的圖片文件。

在合適的時候更新票券以增強其效用。即使一個票券代表的物理實體并不會改變,數字的票券也可以通過映射真實世界的一些事件來提供更好的用戶體驗。例如,當某個航班延誤時你可以更新登機牌上的信息,這樣用戶就能夠通過查看電子登機牌來獲得當前的信息了。

3.7 應用內購買服務(In-App Purchase)

應用內購買服務使用戶可以在你的應用、你設計的商店中購買數字產品。

iOS 8人機界面指南(三):iOS技術(上)

例如,用戶可能:

  • 將一個應用從基礎版升級到高級版
  • 每月訂閱新內容
  • 購買虛擬商品,例如游戲中的等級或道具
  • 購買并下載新書

重要:應用內購買服務只提供支付功能,其他功能由你自己提供,例如向用戶展示商品,解鎖內置功能,從你自己的服務器上下載內容等等。當然,你所提供的所有商品都必須在應用商店注冊過。

想要了解添加購買功能的技術問題,請查看In-App Purchase Programming Guide。想要了解應用內購買的商業問題,請查看App Store Resource Center。當然,你還應該查看許可協議來確定你的應用出售哪些商品以及如何提供商品。

你可以使用StoreKit框架在你的應用中嵌入一個商店并且支持應用內購買服務。當用戶進行購買時,StoreKit連接到應用商店進行安全支付,然后再告知你的應用來提供購已購買的商品。

以下幾點可以幫助你設計用戶喜歡的購買體驗。

將商店體驗集成到你的應用中。在展示商品和處理用戶交易時,給用戶提供一致性的體驗。你一定不想讓用戶在訪問你的商店時感覺進入了另一個不同的應用。

使用簡短簡潔的標題和說明。最好能讓用戶在掃過一組條目時快速發現感興趣的內容。用戶更容易理解不需要截斷隱藏的簡單直接的語言和標題。

不要替換默認的確認提醒框。當用戶購買一個商品時,StoreKit會提供一個確認提醒框(上方有展示)。這個提醒框可以幫助用戶避免意外購買,所以不要修改它。

3.8 游戲中心(Game Center)

游戲中心給用戶提供玩游戲,組織在線多人游戲以及其他更多的功能。玩家可以使用內置的游戲中心應用來注冊一個賬戶,發現新游戲,添加好友,瀏覽玩家排名和戰績成就。

iOS 8人機界面指南(三):iOS技術(上)

作為一個游戲開發商,你可以使用GameKit接口發送分數和戰績到游戲中心的服務器上,在你的游戲頁面中顯示玩家排名,幫助用戶找到其他玩家。想要學習如何將游戲中心集成到你的應用中,請查看Game Center Programming Guide

以下幾點可以幫助你給用戶提供好的游戲中心體驗。

不要使用自定義的界面來提示用戶登錄到游戲中心。如果用戶在未登錄到游戲中心的情況下打開了一個需要啟用游戲中心的應用,系統會自動提醒他們登錄。所以自定義登錄界面沒有存在的必要,而且有可能使用戶感到困惑。

一般情況下,使用標準的游戲中心界面。在少數情況下,可能有必要自定義游戲中心的界面,但是這樣做有使用戶感到疑惑的風險。標準游戲界面是iOS和OS X用戶熟悉的,而且它會給用戶一種置身于一個大的游戲社區的感覺。

給用戶提供關閉語音聊天的途徑。有些用戶可能不想在進入游戲時自動開啟語音聊天功能,而且大多數用戶希望在特定情境下可以關閉語音聊天。

3.9 iAd富媒體廣告(iAd Rich Media Ads)

如果你允許你的應用中出現廣告,那么你就可以通過用戶瀏覽或者點擊廣告獲得收益。(這里是一個放置iAd橫幅(banner)的簡單示例。)

iOS 8人機界面指南(三):iOS技術(上)

iAd網絡提供的廣告都會有一個確定的樣式。最簡單的,這種樣式可以是一個作為入口的橫幅廣告。當用戶點擊這個橫幅時,廣告執行預排程序的動作,例如播放一段影片,展示可交互的內容或者啟動瀏覽器打開一個頁面。這個動作展示的內容會蓋住你當前的界面,或者使你的應用轉換到后臺運行。

有三種類型的橫幅:標準(standard),中等矩形(medium rectangle)和全屏(full screen)。所有類型的橫幅都提供同樣的功能,就是引導用戶進入廣告,只是它們的外觀和行為不同。

標準橫幅(standard banner)占用屏幕較少的空間,通常從始至終都可見。你可以選擇在應用的哪些頁面顯示標準橫幅,并且在這些頁面布局時給橫幅留出空間。

iOS 8人機界面指南(三):iOS技術(上)

所有的iOS應用都可以展示標準橫幅。你可以使用ADBannerView類中的視圖來顯示標準橫幅。

中等矩形橫幅(medium rectangle banner)的行為和標準橫幅相同,同樣也可以選擇展示中等矩形橫幅的位置。

iOS 8人機界面指南(三):iOS技術(上)

中等矩形橫幅只能在iPad應用中使用。你可以使用ADBannerView類中的視圖來顯示中等矩形橫幅。

全屏橫幅(full screen banner)會占用屏幕的大部分甚至是所有空間,并且通常只在應用程序流的特定時間或特定位置顯示。你可以選擇使用模態顯示橫幅或者用獨立的頁面來展示可滾動的內容。(在下面的示例中,應用提供了一種雜志閱讀的體驗,通過翻頁離開或回到全屏廣告頁面。)

iOS 8人機界面指南(三):iOS技術(上)

你可以使用ADInterstitialAd類中的視圖來顯示全屏橫幅。

iAd框架包含了所有類型的橫幅,并且會在右下角顯示iAd的標識。iAd框架的設計固定在屏幕底部時最好看。

為了保證無縫的集成和提供最好的用戶體驗,可以遵循以下幾點。

將標準橫幅盡量放置在屏幕底部或底部附近。這個位置的差別取決于底部是否有欄(bar)以及是什么樣的欄。

標準橫幅的位置
屏幕底部沒有欄 屏幕底部
屏幕任何地方都沒有欄 屏幕底部
底部有工具欄(toolbar)或者選項卡(tab bar) 底部欄上方

將中等矩形橫幅放置在不會干擾內容的地方。和標準橫幅一樣,中等矩形橫幅也最好放置在屏幕底部或底部附近。放在底部附近也能減少干擾用戶的可能性。

用戶體驗中有中斷時使用模態展示全屏橫幅。如果你的應用中有自然中斷或者情景轉換,模態展示的風格會更合適。當你模態展示全屏橫幅時(通過使用presentFromViewController實現)用戶要么進入廣告,要么關閉它。出于這個原因,當用戶有做出轉變的預期時(例如完成了一個任務后)用模態展示形式比較好。

應用視圖中有轉場切換時不要使用模態展示全屏橫幅。如果用戶在使用你的應用時會頻繁的進行屏幕切換操作,例如雜志翻頁或翻閱一些條目集合,此時使用非模態的形式會更合適。當你使用非模態來顯示全屏橫幅時(通過使用presentInView實現),可以在界面中保留欄(bar)讓用戶通過應用控件進入或退出廣告。和其他橫幅廣告一樣,點擊全屏橫幅會啟動iAd體驗,但是如果條件允許,你也可以在應用中支持橫幅內的其他手勢操作(例如拖動或滑動)。

確保使用合適的動畫效果來顯示和隱藏非模態的全屏橫幅視圖。例如,雜志閱讀應用可以用和雜志翻頁一樣的動畫效果。

確保橫幅在應用中出現的時間和位置的合理性。用戶只有在不覺得廣告打擾了他們時才可能進入iAd。這點對于游戲這樣的沉浸式應用尤其重要:你肯定不想將橫幅放置在影響用戶玩游戲的位置。

避免將橫幅放置在用戶只一掃而過的頁面。最好不要將橫幅放置在用戶會快速略過的頁面。因為通常用戶在一個頁面停留1、2秒后才可能點擊一個廣告。

盡可能的支持雙向展示橫幅廣告。最好讓用戶在使用應用時不必旋轉設備就能瀏覽廣告。當然,支持雙向也能給你的廣告提供更大的區域。想要學習如何確保轉換方向時橫幅能正常響應,請查看iAd Programming Guide

不要讓標準或中等矩形橫幅滾出屏幕。如果你的應用需要滾動來展示內容,確保橫幅一直固定在它的位置上。

當用戶瀏覽廣告或與廣告進行交互時,暫停那些吸引用戶注意力或需要操作的活動。當用戶選擇瀏覽廣告時,他們不想因此錯過應用中的事件,也同樣不想讓應用打斷廣告體驗。一個好的方法是像應用轉入后臺運行那樣暫停當前活動。

除非有特殊情況,否則不要中斷廣告。一般情況下,在用戶瀏覽并與廣告交互時,應用還是在繼續運行并接收事件的,所以也有可能突然出現一個事件需要獲得用戶的注意力。然而,需要打斷廣告的場景其實非常少。有一種情形是應用提供互聯網語音協議服務(VoIP)。在這種應用中,有電話接入時可能會取消正在運行的廣告。

注意:取消廣告可能會對應用能接受的廣告類型以及能獲取的收益有不好的影響。

掃一掃,案例分享帶回家(藍藍設計微信公眾平臺)

日歷

鏈接

個人資料

藍藍設計的小編 http://www.73404.com.cn

存檔

主站蜘蛛池模板: 黄瓜视频在线观看污 | 国产美女网 | 一区二区在线免费看 | 成人av在线一区二区三区 | 一区二区美女视频 | 亚州综合 | 在线观看1区| aa免费视频| 亚洲视频免费播放 | 小丽的性荡生活 | 中文字幕在线精品中文字幕导入 | 神马午夜在线观看 | 国产波霸爆乳一区二区 | 日韩在线免费播放 | 风流老熟女一区二区三区 | 欧洲精品一区二区三区 | 日韩精品内射视频免费观看 | 久久男人网 | 婷婷成人综合激情在线视频播放 | 日韩人妻无码精品-专区 | 成人免费看片载 | 嫩草福利视频精品一区二区三区 | www.99热| 国产麻豆视频 | 亚洲熟伦熟女新五十路熟妇 | 可以在线观看的av | 亚洲a麻豆乱潮 | 超碰婷婷| 黄色视屏在线 | 久久视频免费观看 | 日本少妇一级片 | 少妇呻吟白浆高潮啪啪69 | 久久免费视频播放 | 亚洲亚洲人成综合网络 | 亚洲免费在线视频观看 | 七月婷婷综合 | 国四虎影永久去哪里了 | 国产精品另类激情久久久免费 | 成人性色生活片免费看l | 无码国产成人午夜电影在线观看 | 一本一道无人区 | 牛鞭伸入女人下身的真视频 | 老司机成人永久免费视频 | 日韩精品极品视频在线观看免费 | 亚洲黄色在线视频 | 91丨九色丨蝌蚪最新地址 | 熟妇人妻av中文字幕老熟妇 | 色欧美亚洲| 天天做天天摸天天爽天天爱 | 98精品国产 | 天天爽夜夜爽夜夜爽精品 | 3p在线播放 | 男人激烈吮乳吃奶视频片 | 精品国产一区二区三区不卡蜜臂 | 国产亚洲精品久久久久久久 | 91在线导航| 日本不卡视频一区二区三区 | 在线免费观看国产精品 | 肥婆大荫蒂欧美另类 | 免费在线观看a级片 | 男女啪啪免费观看网站 | 天天躁日日躁狠狠躁av麻豆 | 久久久福利视频 | 久久久国产毛片 | 国产香港明星裸体xxxx视频 | 色噜噜一区二区三区 | 玖玖在线观看视频 | 日韩性网| 成人免费看毛片 | 日韩在线观看视频一区二区 | 久久久久国色av免费观看 | 91福利在线播放 | 一级a性色生活片毛片 | 国产精品成人一区二区不卡 | 日韩黄色一区 | 99热这里只有精品在线观看 | 中文字幕第9页 | 国产成人综合久久久久久 | av男人的天堂网 | 国产区视频在线观看 | 激情福利网 | 女人少妇偷看a在线观看 | 18禁真人抽搐一进一出在线 | 热99re久久精品这里都是精品 | 性高朝大尺度少妇大屁股 | 色yeye香蕉凹凸视频在线观看 | 久久99中文字幕 | 在线黄色免费 | 精品国精品国产自在久国产87 | 波多野结衣在线视频网站 | 国产成人久久av免费高清密臂 | 免费无码又爽又高潮视频 | 国产农村妇女毛片精品久久麻豆 | 三级av在线播放 | 97亚洲熟妇自偷自拍另类图片 | 黄色正能量网站 | 超碰色偷偷 | 先锋影音人妻啪啪va资源网站 | 国产女主播视频一区二区 | 99精品免费久久久久久久久日本 | 性感美女av在线 | 视频区图片区小说区 | 日本欧美一级 | 午夜影院h | 亚洲图片欧美 | 国产女人爽到高潮免费视频 | 97婷婷狠狠成为人免费视频 | 日韩男女视频 | 久久亚洲美女 | k8经典少妇在线观看 | 夜夜操网站 | 99久久99久久精品国产片果冻 | 不卡中文字幕在线观看 | 夜夜爱爱 | 天天躁日日摸久久久精品 | 在线观看亚洲国产 | 337p粉嫩日本欧洲亚洲大胆 | 高清精品一区二区三区 | 国产精品日本一区二区不卡视频 | 自拍偷拍小视频 | 巨大乳沟h晃动双性总受视频一区 | 国产日韩一区二区三区 | 少妇毛片一区二区三区 | 天堂av在线中文 | 欧美精品影院 | 欧美疯狂xxxx乱大交 | 天天射综合网站 | 日本大片免a费观看视频三区 | 森泽佳奈av | 色综合久久久无码中文字幕 | 国产丝袜一区二区三区 | 中文字幕+乱码+中文字幕无忧 | 久久精品一区二区免费播放 | 激情福利网 | 无遮无挡爽爽免费视频 | 日本欧美视频在线观看 | 在线午夜| 婷婷com| 国产精品无码久久久久久久久久 | 国产精品午夜在线观看 | 国产又粗又黄视频 | 午夜影院在线播放 | 无码137片内射在线影院 | 97精品在线观看 | 欧美亚洲天堂 | 香蕉午夜福利院 | 97人人艹 | 97caoporn| 午夜激情福利视频 | 国产美女激情视频 | 俄罗斯少妇性高清ⅹxx | 超碰在线| 97国产精品亚洲精品 | 亚洲免费大全 | 僵尸叔叔在线观看国语高清免费观看 | 教师夫妇交换刺激做爰小说 | 欧美精品久久久久性色 | 精品一区中文字幕 | 女女同恋一区二区在线观看 | 长篇乱肉合集乱500小说日本 | 污污网站在线播放 | 国产精品一级二级三级 | 色www情 | 成人午夜在线影院 | 久久精品无码专区免费东京热 | 丰满少妇又爽又紧又丰满在线观看 | 色婷婷亚洲一区二区三区 | 亚洲色图久久 | 亚洲v成人天堂影视 | 久久国产免费 | 亚洲黄色毛片视频 | 天天色综合天天色 | 亚洲最大福利网站 | 日本国产一区 | 日韩欧美国产一区二区在线观看 | 国产成人久久精品77777综合 | 国产一区二区三区中文字幕 | 成年女人男人免费视频播放 | 欧美做爰xxxⅹ性欧美大片 | 日韩国产网站 | 欧美日韩亚洲天堂 | 亚洲а∨天堂久久精品9966 | 亚洲成人网页 | 青青草伊人网 | 亚洲国产精品福利 | 波多野结衣视频在线播放 | 国产a视频 | 五月婷婷爱 | 1000部拍拍拍18勿入免费视频下载 | 日韩精品一区二区三区国语自制 | 国产成人无码aa精品一区 | 国产xxxx视频在线观看 | 99热99| 日韩福利一区 | 国产精品视频免费播放 | 啪一啪射一射插一插 | 少妇高潮久久久久久一代女皇 | 成人免费毛片嘿嘿连载视频 | 性插视频在线观看 | 欧美毛片免费看 | 成人毛片100部免费看 | 成人久久一区 | 国产视频在线一区二区 | 国产中文字幕精品 | 欧美大胸大乳人奶波霸 | a天堂视频 | 国产精品办公室沙发 | 九色porny丨国产首页注册 | 成人免费网站 | 狠狠色依依成人婷婷九月 | 午夜大尺度做爰激吻视频 | 男女毛片视频 | 日韩无套无码精品 | 粉嫩av淫片一区二区三区 | wwwxxxcom国产| 在线观看视频国产 | 亚洲国产网站 | 欧美激情精品久久久久久免费 | 成人乱码一区二区三区av66 | 天天插天天干天天射 | 亚洲精品无码一区二区 | 色播亚洲 | 日韩亚洲欧美中文字幕 | xxxx日本免费 | 日韩成人av网址 | 国产男女无遮挡猛进猛出 | 情欲按摩院同性3 | 波多野结衣av在线观看 | 成人爽站w47pw | 99久久免费看精品 | 亚洲色啦啦狠狠网站 | 手机av观看 | 国产国产人免费人成免费 | 亚洲免费观看 | 麻豆安全免费网址入口 | 91午夜精品 | 超碰在线最新地址 | 五月婷婷婷 | 男女交性全过程免费观看网站 | 日本强好片久久久久久aaa | 亚洲国产情侣 | 久久精品九九精av | 成人在线免费视频 | 日本内谢少妇xxxxx少交 | 92看看福利1000集合集免费 | 午夜视频在线免费 | 人妻少妇av无码一区二区 | 99精品欧美一区二区三区小说 | 鲁死你av资源站 | 日韩一欧美内射在线观看 | 久久久亚洲成人 | 国产精品入口传媒小说 | www788com色淫免费 | 欧美一级成人 | 免费国精产品—品二品 | 成人黄色网址在线观看 | 91们嫩草伦理 | 国产午夜无码精品免费看 | 国产www视频 | 好吊妞视频这里只有精品 | 在线免费观看成人 | 石榴视频成人在线观看 | 亚洲精品中文字幕久久久久 | 丁香狠狠色婷婷久久综合 | 日本免费人成视频播放 | 强美女免费网站在线视频 | 7777精品久久久久久 | 一区二区国产精品精华液 | 欧美精品乱码99久久影院 | 欧美一级片在线视频 | 久久精品网站免费观看 | 欧美巨波霸乳影院 | 性欧美丰满熟妇xxxx性久久久 | 一级片中文字幕 | 日韩三级在线 | 亚洲天堂av在线免费观看 | 少妇自摸视频 | 青青青青青操 | 成 人 黄 色视频免费播放 | 四虎影院免费 | 亚洲午夜视频 | 久久精品视频5 | 日本真人做爰免费的视频 | 日韩av中文在线 | 中文字av| 国产男女性潮高清免费网站 | 91日批视频 | 麻豆视频在线免费看 | 九色丨蝌蚪丨成人 | 四虎免费观看 | 中文字幕亚洲综合久久综合 | av男人天堂网 | 欧美色图3p| 国产农村妇女在野外高潮 | 91在线免费看 | 麻豆影院免费夜夜爽日日澡 | 少妇高清精品毛片在线视频 | 欧美一区二区日韩国产 | 欧美一级黄色片 | 性饥渴艳妇性色生活片在线播放 | 久久激情片 | 日本少妇翘臀啪啪无遮挡动漫 | a男人的天堂久久a毛片 | 狠狠色狠狠色综合久久第一次 | 九九综合va免费看 | 精品96久久久久久中文字幕无 | 亚洲天堂日韩精品 | 国产精品高潮av | 婷婷五月综合丁香在线 | 在线观看黄色片 | 91在线资源 | 毛茸茸亚洲孕妇孕交片 | 少妇做爰免费视频网站裸体艺术 | av不卡一区二区 | 亚洲激情五月婷婷 | av 高清 尿 小便 嘘嘘 | 国精产品999国精产品蜜臀 | 成人黄色a级片 | 91极品国产情侣高潮对白 | 天堂久久一区 | 九色porny丨首页入口网页 | 看免费黄色毛片 | 日韩午夜免费 | 亚洲一区二区 | 久久久受www免费人成 | 一本久道久久综合狠狠爱 | 成人精品啪啪欧美成 | 亚洲精品人成无码中文毛片 | 久久ww精品w免费人成 | 国产 欧美 视频一区二区三区 | 欧美黄在线 | 日本japanese极品少妇 | 国产精品人八做人人女人a级刘 | 成人做爰高潮片免费视频韩国 | 精品无码国产自产拍在线观看蜜 | 麻豆chinese极品少妇 | 成人性生交大全免 | 女人下边被添全过视频的网址 | 大尺度做爰啪啪床戏 | 国产88久久久国产精品免费二区 | 欧美国产成人精品一区二区三区 | 黄色不卡 | 日狠狠 | 欧美日韩a级| 无码中文字幕日韩专区 | 中国精学生妹品射精久久 | 加勒比色老久久综合网 | 亚洲精品喷潮一区二区三区 | 久久www香蕉免费人成 | 做爰丰满少妇1314 | 欧美人与禽2o2o性论交 | 男男一级淫片免费播放 | 一本加勒比hezyo无码专区 | 少妇久久人人爽人人爽人人片欧美 | 我要看一级黄色毛片 | 69av在线| 手机看片1024国产 | 性xxxx另类xxⅹ | 国产毛片欧美毛片久久久 | 色老二导航 | 亚洲一区二区中文字幕 | 一区二区国产精品精华液 | 91精品国产综合久久久蜜臀 | aaa级吃奶摸下免费视频 | 影音先锋女人aa鲁色资源 | 天堂网男人 | 日本三级午夜理伦三级三 | 亚洲精品久久久久中文字幕m男 | 国产高清自拍一区 | 久久久免费在线观看 | 福利片一区二区三区 | 中文字幕人妻偷伦在线视频 | 男男毛片| 亚洲玉足av久久影视 | 欧美成人精品一区二区三区 | 91精品国产色综合久久久蜜香臀 | 久久久午夜爽爽一区二区三区三州 | 国产伦精品免编号公布 | 中文字幕精品一区二区精品 | 亚洲 中文 欧美 日韩 在线 | 五月久久| 西野翔之公侵犯中文字幕 | 日韩免费大片 | 乱h高h女np群欢 | 欧美一级免费观看 | 俺来也俺来啦awww官网 | 纤纤影视理伦片在线看 | 亚洲欧美日韩精品久久亚洲区 | 欧美a级片视频 | 在线播放国产视频 | 国产精品成 | 媚药一区二区三区四区 | 蜜臀av夜夜澡人人爽人人 | 久久久福利 | 丰满岳跪趴高撅肥臀尤物在线观看 | 成人无码视频在线观看网址 | 国产无遮挡免费视频 | 中日韩在线 | 两个人看的vvv在线高清 | 亚洲一二三区av | 国产乱人伦精品一区二区三区 | 亚洲特黄视频 | 无码人妻丰满熟妇精品区 | 精品国产一区二区三区久久久蜜月 | 久久亚洲精精品中文字幕早川悠里 | 日韩一区二区在线看 | 美女网站免费福利视频 | 欧美综合自拍 | 热播之家| 国产精品久久久不卡 | 蜜桃视频日韩 | 免费色片网站 | 日韩美女黄色片 | 欧美刺激性大交 | 久久精品亚洲精品国产色婷 | 亚洲色图婷婷 | 国产精品久久久久久久免费看 | 国产一级黄色大片 | 亚洲视频一二三四 | 日产精品99久久久久久 | 黑人巨大精品欧美黑寡妇 | 黄视频在线免费看 | 欧美日韩加勒比 | 免费在线一级片 | 国产图片一区 | 乱人伦人妻中文字幕不卡 | 日日操网 | 国产麻豆剧传媒精品国产av | 国产精品外围 | 欧美一乱一性一交一视频 | 欧美人与性动交a欧美精品 欧美人与性动交xxⅹxx | a国产在线| 免费视频99 | 欧美成人午夜精品久久久 | 亚洲中文无码av永久 | 天天躁日日躁很很很躁 | av免费黄色 | 亚洲一道本| 亚洲 欧美 变态 另类 综合 | 欧美成人看片一区二区三区尤物 | 熟妇无码乱子成人精品 | 婷婷六月激情 | 国产精品美女www | 性欧美18-19sex性高清播放 | 性――交――性――乱睡觉 | 日韩视频一区二区三区在线播放免费观看 | 国产真人真事毛片 | 久久综合久久综合九色 | 欧美熟妇xxxxx欧美老妇不卡 | 欧美综合视频在线观看 | 护士奶头又白又大又好摸视频 | 欧美www在线观看 | 国产精品a成v人在线播放 | 看全色黄大色大片免费久久 | 国产婷婷色一区二区三区 | 久草精品视频在线看网站免费 | www.com色| 国产成人高清在线 | 亚洲区精品 | 超碰91人人 | 国产农村妇女高潮大叫 | 人人爽人人爽人人片av东京热 | 在线成人免费视频 | 国产精品99久久 | 亚洲成人黄色 | 国产在线视频自拍 | 韩国一区二区三区在线观看 | 女人18片毛片60分钟 | 成人妇女免费播放久久久 | 久久午夜无码免费 | 欧亚成人av| 中国偷拍毛茸茸肥老熟妇 | 黄色av网址大全 | 四虎影视成人永久免费观看亚洲欧美 | 欧美大肚乱孕交hd孕妇 | 日本久久综合网 | 丰满人妻熟妇乱又伦精品 | 国产丰满精品伦一区二区三级视频 | 女人爽到高潮的免费视频 | 伊人五月天婷婷 | 少妇特黄a一区二区三区 | 青青青在线视频人视频在线 | ass日本粉嫩pics珍品 | 超碰v| 欧美一级二级片 | 无码人妻精品一区二区三区9厂 | 欧美 亚洲 国产 另类 | 首页干日本少妇 | 亚洲色图插插插 | 欧美模特做爰xxxⅹxxx | 操欧美美女| 96视频在线 | 91国内精品自线在拍白富美 | 亚洲一区二区三区偷拍女厕 | 国产精品久久久久久久久久10秀 | 久操视频网站 | 少妇啊灬啊别停灬用力啊免费视频 | 成人影片在线免费观看 | 十八禁真人啪啪免费网站 | 亚洲综合在线视频 | 亚洲中文字幕无码一区在线 | 狠狠色噜噜狠狠狠狠97俺也去 | 张津瑜警花国产精品一区 | 国产边打电话边被躁视频 | 一本大道无码人妻精品专区 | 欧美性久久久久 | 国产人成免费爽爽爽视频 | 婷婷午夜精品久久久久久性色av | 亚洲激情一区 | 欧美又大又色又爽aaaa片 | 欧美三级韩国三级日本三斤 | 少妇啪啪av一区二区三区 | 91丨porny丨国产| 国产成人无码视频一区二区三区 | 亚洲综合天堂av网站在线观看 | 日批视频在线播放 | 日韩在线导航 | www.欧美国产 | 免费播放毛片精品视频 | 99国产精品国产精品九九 | 免费一级黄色片 | 国产123区| 69xx网站 | 少妇下面好紧好多水真爽播放 | 97精产国品一二三产区区别视频 | 久久久人人人 | 久久久久琪琪去精品色无码 | 亚洲欧美伦理 | 国产精品久久久久久久久久久久人四虎 | 九九热免费在线视频 | 久久天天躁狠狠躁夜夜躁2014 | 伊人久久大香线蕉av超碰演员 | 黑人巨大精品欧美一区二区免费 | 强制高潮18xxxx国语对白 | 黄色一级大片在线免费看产 | 无码人妻精品一区二区三18禁 | 久久久久久久久99精品 | 偷窥村妇洗澡毛毛多 | 欧美人妖aa1片 | 妖精视频一区二区 | 国产一区二区在线播放 | 国产黄色理论片 | 中文中幕a在线 | 97青娱国产盛宴精品视频 | 538国产精品视频一区二区 | 亚洲一区二区三区日本久久九 | 国产色婷婷五月精品综合在线 | 国产精品一区网站 | 国产精品无码久久综合网 | 看黄色小视频 | 污污的视频在线观看 | 一本久久a久久精品vr综合 | 偷窥目拍性综合图区 | 中文幕无线码中文字蜜桃 | 色鬼久久 | 三级黄片毛片 | 美国一级大黄一片免费中文 | 国产农村妇女毛片精品久久麻豆 | 国产96视频 | 免费大片黄在线观看 | 日韩经典在线 | 亚洲精品久久久蜜桃网尤妮丝 | www欧美com | 免费观看毛片 | 国产精品久久久久久白浆 | 九色porny视频黑人 | 亚洲精品国产精品国自产在线 | 东京干手机福利视频 | 日韩三级网址 | 又粗又猛又爽又黄少妇视频网站 | 韩国日本三级在线观看 | 国产精品黄色大片 | 波多野42部无码喷潮 | 免费午夜爽爽爽www视频十八禁 | 在线日韩视频 | 一本色道无码道在线观看 | 欧美丰满白嫩bbw激情 | 色就是色欧美色图 | 性歌舞团一区二区三区视频 | 成在线人视频免费视频 | 欧美一级色图 | 真人第一次毛片 | 国产一级免费av | 国产成人一区在线观看 | 国产伦孑沙发午休精品 | 欧美日韩精品一区二区在线视频 | 日韩欧美成人网 | 免费一级毛毛片 | 妇挑战三黑人4p日本中文字幕 | 成人nv在线观看 | 成年人的视频网站 | 欧美日韩中文字幕在线播放 | 香蕉私人影院 | 久久人妻公开中文字幕 | 欧美v国产v亚洲v日韩九九 | 夜夜高潮夜夜爽精品欧美做爰 | 黑人性受xxxx黑人xyx性爽 | 我们的2018在线观看免费高清 | 欧美日韩一区二区成人午夜电影 | 国内精品视频在线 | 污视频网站在线看 | 免费在线观看日韩av | 精品久久久久久无码国产 | 巨大乳女人做爰视频在线看 | 国产色视频一区二区三区qq号 | 国产精品99久久久久久人 | 一区二区三区入口 | 在线视频网站 | 国产精品激情在线观看 | 中文字幕一区二区人妻性色 | 亚洲一级免费在线观看 | 成人aaaaa日本黄绝录象片 | 艳妇臀荡乳欲伦交换在线看 | 伊人网在线视频 | 中文字幕在线观看视频一区 |