午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

探索“流暢感”—談手勢動效體驗設計

2021-3-26    鶴鶴

當我們設計師輸出了精美的設計稿,然后附帶了一個流暢的手勢動畫,交付給開發的時候,也期待著開發大佬搞出和自己預期一樣體驗流暢。但是等到實際體驗的時候,卻發現有一種說不出的鬧心。

“這個感覺不好按...”


“劃起來咋這么費勁呢?”


“怎么感覺動畫怪怪的。”



Chapter 1

——————————

我們與流暢的距離


當你正準備和開發一通友好探討的時候,這個時候開發向你發起了一系列靈魂拷問:


“你這個左滑的手勢,劃多少才算觸發?劃多快才算觸發?如果劃了一半劃回去算不算觸發?如果我先點擊后滑動算不算觸發?松手之后的動畫是多快的速度?什么速度曲線?要不要回彈效果?回彈阻尼系數是多少?”


這個時候你發現,自己提出的設計需求根本太天真了。



系統組件無法直接調用了

剛才的問題真實原因是,在做很多手勢識別或者一些我們看起來日常的效果,其實是蘊含了很多復雜邏輯的。


這些復雜邏輯原本被封裝在操作系統內,在系統內時可以隨時調用。但是一旦脫離了操作系統,那手勢的處理邏輯就會比較簡陋,導致最終的體驗不佳。


那這個時候也許你會想問,我們怎么會脫離操作系統呢?我們的手機不都是iOS和Android的嗎?不都是操作系統嗎?其實這里指的操作系統,是指操作系統的原生組件。這類組件只有在原生開發中才能被調用。



如今,很多App都使用前端語言來開發內部頁面(HTML/CSS/JS)。隨著Web混合開發,Flutter等跨端技術棧的出現,越來越多的團隊開始擁抱這樣的跨平臺技術棧。在節約了開發成本的同時,隨之而來的就是,在日常開發過程中,離純原生組件越來越遙遠。


在這樣的背景下,研發團隊的體驗設計師需要自己來研究用戶行為,手勢、組件和動效,實現原生組件類似的復雜邏輯,才能最大程度的接近甚至超越原生組件的體驗。



不加處理的直接調用前端接口

其實使用各個技術框架,也是有內置一些接口的。例如一些事件監聽器 / 動效曲線等。這也是騰訊文檔之前一直在使用的,但是會遇到一些問題。總結下來,主要有以下幾個問題:



無法精確操作:用戶的操作和操作反饋被自己的手指擋住,無法完成精確操作。


手勢識別誤觸:同一熱區支持了多個手勢,可是用戶的實操時的手勢動作又沒那么標準,導致用戶誤觸其他手勢。


手勢觸發費力:滑動費勁,需要滑動很長距離才能觸發預期的動作。


動畫不流暢:各個技術框架自帶的動畫曲線和插值器,良莠不齊,體驗不統一且不夠流暢。



系統組件背后的復雜邏輯

對于原生組件,我們習以為常的系統控件和手勢設計,里面蘊含的智慧遠比我想象的更多。


舉個簡單的例子:iOS系統的首頁,它可以支持橫豎各個方向的滑動,并且在觸發一個方向的手勢之后,就無法再觸發其他手勢了。



但是其實有個問題,手指和平時演示的不太一樣。


就是手指貼合上屏幕的時候,手指與屏幕的貼合面,并不是均勻向四周擴散的,而是向下的擴散更大一些。對于觸摸中心點,在觸摸的過程中,就會有向下的一個偏移。



如果直接識別,這個偏移直接被識別為向下滑動,那就會無法觸發左右滑動的手勢。


例如在iOS內的手勢識別,有一個專門的接口來做識別:PanGestureRecognizer,這個接口會在10px內先判定手指移動的方向和距離,再對具體觸發的手勢來做定義。例如下圖,雖然剛開始手指位置有些許下移,但是最終還是可以左滑判定成功。


所以你會發現,如果在iOS桌面上輕微的向左右滑動(10pt內),桌面是不會有任何響應的。就是因為在10pt內,系統還無法確認手勢的方向。


另外,系統還自帶了很多手勢反饋操作,包括回彈效果,甩出效果。里面的小邏輯設計需要非常精準。并且對于滑動的手勢還帶了回彈效果,看起來非常爽。




打造流暢體驗設計


騰訊文檔是基于Web / Flutter的應用,并且接管了很多原生系統的能力,包括排版能力、光標選區能力,拖動能力等。因此,很多基于Native開發能很簡單解決的問題,在Web下就要重新打磨一套我們日常習以為常卻邏輯復雜的組件。



Chapter 2

——————————

精準且適應性的規則


由于騰訊文檔是基于Web的的應用,接管了很多原生系統的能力,所以不能使用系統的Gesture Recognizer,也不能使用系統的選區光標能力。


如果是簡單的使用前端的操作監聽器,那會要求用戶使用極其標準的手勢操作才能觸發,否則就會觸發失敗。因此需要設計更精準且適應性的規則,來包容用戶不那么標準的實操手勢。需要幫助用戶在粗糙的實操手勢下,猜測用戶原圖,并精準完成的操作。



常用手勢的進階定義

可能你以為手勢操作并不常用,其實并不是的。


一個單擊,一個雙擊,其實本質上都是手勢。


不過,很多人可能會認為,按說這些操作都有原生的監聽器,不需要再去定義。但是其實如果不做一些進階定義,就會出現操作不靈敏的問題。例如下面這個問題。


在很多安卓手機上,或者是我們自己的騰訊文檔里,時常遇到一個問題:就是原本以為雙擊文本區域可以選中文字,可是卻發現這個雙擊成了一個玄學事件。雙擊有時生效而有時不生效。


理想的雙擊大概是這樣的,是需要2次有效的Tap事件:



這個Bug讓我們來定位一下。讓我們還原一下事情的經過:



哦!原來是因為雙擊的其中一稍微偏移了一下,拖動到了光標,導致系統判定是一次Tap一次Drag的行為,這樣就沒有辦法觸發雙擊行為了。


解決方法也很簡單。把10px偏移距離內的滑動行為都判定為點擊行為就可以了。從這里看,我們其實需要做的是,規范“點擊”這個手勢的定義。


因為原來的系統自帶定義,容易造成誤操作,而且手指貼上屏幕的時候,都會產生輕微位移,或者一不小心滑動了頁面,或者不小心拖動了光標,導致手勢識別的不靈敏。


原定義:“點擊并在500ms內在原處松手”。


需重新定義為:“點擊并在在500ms內,在10px以內處松手”。


另外,文檔移動端也定義了一系列更進階的手勢的操作,在這樣對手勢的進階定義后,操作可以被更精準和智能的判斷。這些定義被寫在了設計規范中,包括了單擊 / 雙擊 / 長按 / 拖拽





光標拖動&長按選中

騰訊文檔的整個文本編輯區域都是使用Canvas實現的,由前端自主控制渲染。因此,選區光標就無法直接使用系統能力,需要設計師來設計一套選區光標,并且支持系統的各種選區光標的手勢。


由于騰訊文檔的光標選區是非常基礎基礎的編輯組件。這個組件在一般的產品中,都是直接復用的系統組件,但是在騰訊文檔中,就需要重新去考慮光標組件。


首先有個需求,光標是可以在文本中快速拖動的。


經常會遇到拖動。無論是光標拖動,還是長按選中,我們都希望能清楚的看到光標的位置,所以我們在用戶拖動光標和選區的時候,使被拖動的組件放大1.5倍,使用戶可以看到拖動效果。



這就夠了嗎?不夠的。


如果用戶想要精準的控制光標,首先要讓用戶完整的看到光標。用戶在拖動光標的時候,手指經常會不自覺的向下移動。這是為了讓自己看清光標,這個時候,我們不應該把這個移動當做是把光標向下移動一行,光標本身不應該跟隨向下,應該只在同一行,并且只響應左右移動。



但是當我向下拖更多距離的時候,光標就應該一直保持在手的上方,以確保用戶可以精確操作。



同樣,我們定義了長按后可以拖動選擇的手勢。在拖動的過程中,允許用戶向下偏移一定的區域,來看清選區的具體邊界位置。



手機端的光標選區,一個我們日常習以為常的光標,里面竟然有那么多小細節在里面,才能讓光標變得好用。



滑動觸發規則

當一個滑動手勢被觸發時,我應該如何判斷這個手勢已經被觸發了呢?這個判斷并非簡單的橫劃豎劃,而是針對的不同的場景,去做特殊的處理的。


案例1:向下滑動手勢


例如說,一個非常簡單的手勢,半屏向下滑動關閉。我們通常來說我們的日常體驗,會是一個對距離的判斷,當手指拖動容器超過一定的距離,然后松手,就可以觸發手勢。


但是僅僅判斷距離是不夠的。因為手勢是對現實世界的映射。很多時候用戶希望滑動很短的距離,把東西“甩”出去。


如果僅僅判斷距離,那就很難“甩”出去。這時候就還需要判定用戶手指在離屏時的速度了。最后能達成一個比較輕松就能觸發手勢的結果。




案例2:左右切換相機


這是騰訊文檔的文檔掃描頁面。上半屏是大面積的取景畫面,底部是文檔類型的選擇。


因為取景頁面可以點擊對焦和測光,因此輕微的滑動不應該導致整個取景頁面或者底部Tab的滑動,應當是當整個頁面檢測到一個比較大的滑動動作之后,才自動移動切換。


但是如果需要離手才能觸發,如果用戶劃動的速度比較慢,整個體驗也會隨之變得過于拖沓。所以這里還加了一條邏輯:當手指滑動速度的加速度急劇減小時,不用松手也可以觸發手勢。這樣的體驗感會覺得流暢很多。





Chapter 3

——————————

愉悅且有意義的動畫


在騰訊文檔中,點擊、滑動、懸浮、長按等手勢操作貫穿用戶的使用過程,動畫效果是所有交互操作的視覺反饋,也許它沒有那么的「高逼格」,但它卻是這臺精密儀器運轉不可缺少的“潤滑劑”,流暢愉悅的動效能夠讓體驗更美好。


但是由于騰訊文檔起初是基于web混合開發,后面又加入了Flutter框架,這就導致多個平臺、框架的動效邏輯混在一起,在這個背景下,設計師們就需要從多方面重新梳理并定義動畫的基礎規則。





自然流暢

自然流暢是騰訊文檔內所有動效運行的基礎原則。


由于騰訊文檔是基于Web、flutter等多框架混合開發的應用,動畫曲線又都是基于各自框架自帶的貝塞爾曲線(cubic-bezier),這就經常導致一些同類型的手勢操作,最后所呈現的動畫效果卻相差很多。并且原生的動畫曲線,在實際使用上并沒有達到很好的效果,只是能夠比沒有動畫要強上一些。因此,確定一套統一、自然并且適合騰訊文檔的動畫曲線,是設計師優先要解決的問題。


為此我們根據動畫使用的場景,定義了四種標準曲線。同時輸出給開發同學,作為標準可調用的曲線。



緩動(Ease Both)

緩動曲線應用的場景最為廣泛,也是騰訊文檔的默認曲線。相對于傳統web端或者flutter框架內的默認曲線,騰訊文檔的緩動曲線開始時會比較迅速,這樣能給用戶及時反饋、高效運行的感受;在運動快結束的階段,為了避免快速反饋帶來急躁的負面感受,曲線會更加平緩,進而使正在運動的元素吸引用戶的注意力,并讓用戶能夠有一定的思考時間,保證動畫的合理性。




緩出(Ease Out)

即減速曲線。運動元素在開始階段時位移變化會很大,但是后面會越來越小。緩出曲線前期快速運動,不需要過多讓用戶留意,在結束的時候逐漸減慢速度,讓用戶關注到其新的狀態,用戶就可以提前切入到定位尋找的階段,等動畫停止后就可以立即進行操作。這種類型的曲線通常是用在元素進入界面時使用。



彈性(Spring)

彈性曲線是一種基于阻尼彈性振蕩的原理實現的復雜曲線,阻尼比決定了曲線具體動畫感受,根絕阻尼比的不同,彈性曲線可以分為三種,分別是欠阻尼運動、臨界阻尼運動及過阻尼運動。在騰訊文檔中,通常只會使用到欠阻尼運動及臨界阻尼運動。



彈性曲線卻并不適合在所有的使用場景中,因為這種運動一般情況會需要相對多一些的時間來完成整個運動過程,讓整個過程變得過于拖沓。同時過于活潑的彈性動畫也會過分的吸引用戶注意力,打斷主進程的操作,影響效率。



運動時長

時長是元素移動所需的時間,在創建自然流暢的動畫中起著重要作用。如果動畫太慢,會使用戶感到卡頓和厭煩;但是如果速度太快,就會給人緊張急迫的感覺。因此動畫的持續時間應該給與用戶充分的反應時間,同時又不用過久等待為標準。


在移動端上,我們設定動畫的持續時間在300-400ms。而在web端上,我們設定動畫的持續時間在200-300ms內。具體的運動時長視具體動畫而定,時長并不一成不變。





積極肯定

曲線是動效的靈魂,有時候你覺得平凡的動畫,或許只需要簡單地撥動那條運動曲線,就可以讓這個動畫瞬間變得充滿靈氣。盡管曲線可以解決大部分動效問題,但在動畫的實際落地中,還是有一些問題,是它無法解決的。這就會涉及到動畫更底層的渲染及邏輯。比如說在web端,前端動畫卡頓與否其實是和動畫本身實現性能有關系的,瀏覽器的屏幕刷新率都可能被代碼拖慢。這也是騰訊文檔在初期并沒有在web端增加太多動畫的原因,過多的動畫效果其實意味著需要更多的性能資源傾斜到動畫上。




高效愉悅

在動畫上除了希望提供自然流暢的積極體驗,我們也希望繼續深入,“讓工具褪去冷冰的外殼,走進與智能隔空對話的新世界”。讓體驗更有情感,讓用戶更愉悅。


在待辦事項上,優化前每當用戶點擊完成一項事項時,完成動畫僅僅是機械的從未完成向完成圖標的替換,反饋效果非常“高效”的完成了它的任務,但是這樣就足夠了么?不一定,當一項事項被列為待辦時,就證明這件事對于用戶來說是重要的。在現實中,當重要的事情完成時,我們都是歡欣的,就像心里在放煙花,完成待辦時候的動畫理應如此,讓用戶在完成的那一刻體驗到“煙花”的綻放。




Chapter 4

——————————

關于流暢感...


但是總有一些產品,或者是通用性的考慮,或者是一些歷史原因,或者是一些成本考量,走上了非原生開發的路,這樣的產品在未經打磨的情況下直接一把梭搞出來,的確會顯得卡頓,或者難用。


這其中不僅需要工程師一點一滴的性能優化,這也對體驗設計師對細節的把控提出了更高的要求。只有對用戶的行為處處關照,才能無限接近最極致的體驗。


文章來源:站酷   作者:騰訊ISUX

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


日歷

鏈接

個人資料

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

存檔

主站蜘蛛池模板: 一本色道久久综合亚洲精品按摩 | 思九九爱九九 | 国偷自产av一区二区三区小尤奈 | 中文字幕日韩在线视频 | 欧洲女人牲交视频免费 | 极品少妇xxxx精品少妇偷拍 | 曰木性按摩xxⅹxxx视频 | 情欲少妇人妻100篇 国产精品日韩av在线播放 | 国产视频日韩 | 网曝91综合精品门事件在线 | 国产999精品久久久久久 | 欧美性大战久久久 | 日本成人在线播放 | 成色网| 伊人yinren22综合开心 | 国产精品成人3p一区二区三区 | 男人天堂b| 91少妇和黑人露脸 | 久久露脸 | 欧美激情欲高潮视频在线观看 | 深夜在线免费观看 | 综合狠狠 | 五月天综合视频 | 欧美性xxxxx极品娇小 | 成品人视频ww入口 | 再深点灬舒服灬太大了网站 | 十八禁视频网站在线观看 | 日本理论片中文字幕 | 91嫩草精品 | 亚州av在线 | 激情综合网五月激情 | 黄网在线免费看 | 公妇乱h日出水了 | 亚洲国产成人91精品 | 怡红院成永久免费人全部视频 | 久久亚洲私人国产精品 | 真人性生交免费视频 | 亚洲视屏一区 | 韩国三级毛片 | eeuss影院www在线窝窝 | av男人的天堂在线观看国产 | 久久国产精品久久久久久电车 | 非洲黑人狂躁日本妞视频 | 亚洲乱码av中文一区二区 | 熟妇丰满多毛的大隂户 | 中文在线字幕观看 | 日韩精品字幕 | 精品久久在线观看 | 无码人妻精品一区二区三18禁 | 免费视频爱爱太爽了激情 | 99热黄色 | 国产精品无码av不卡 | 久久九九久精品国产免费直播 | 黄色网址在线免费看 | 在线免费看黄视频 | 香蕉视频免费网站 | 久久日韩乱码一二三四区别 | 九九热在线免费视频 | 少妇被粗大的猛烈进出 | 色狠狠综合 | 国产又大又硬又粗无遮挡 | 天天摸天天做天天爽水多 | 中文字幕免费观看视频 | 欧美变态另类牲交 | 麻豆视频播放 | 国产一区导航 | 色哟哟av| 欧美~大家屁股网站 | 亚洲人成网站在线在线观看 | youjizz.com在线观看 | 亚洲精品18在线观看 | 成人网址在线观看 | 国产乱码精品一区二区三区五月婷 | 国产精品久久久久久久不卡 | 亚洲中文字幕无码av永久 | 精品美女 | 中文字幕网址在线 | 欧美大片大全 | 成人网免费 | 欧亚毛片 | 亚洲欧美视频在线播放 | 川上优av一区二区线观看 | 久久99精品久久久久久按摩秒播 | 成年午夜性影院 | 中文字幕乱码亚洲无线三区 | 欧美高h| 成人情侣激情偷拍视频 | 国语精品对白露脸少妇网站 | av在线播放国产 | 农村女人乱淫免费视频麻豆 | 亚洲视频国产视频 | 凹凸国产熟女精品视频 | 中文字幕免费在线观看 | 91亚洲国产成人久久精品麻豆 | 亚洲成人tv | 欧美激情视频一区二区三区不卡 | 国产清纯白嫩高中生在线播放 | 日本欧美视频在线观看 | 亚洲天堂在线观看视频 | 久久久久久久久久国产 | 麻豆成人久久精品二区三区小说 | 久草在线视频福利资源站 | 欧美日韩亚洲激情 | 爱情岛论坛永久亚洲品质 | 久久成人国产精品入口 | 精品国产乱码久久久久久果冻传媒 | 无码国产69精品久久久孕妇 | 真人与拘做受免费视频一 | 国产女同玩人妖 | 色婷婷88av视频一二三区 | 日本三级韩国三级美三级91 | 成人在线h| 日本福利一区二区 | 欧美成人一区二区三区在线视频 | 亚洲欧洲美洲精品一区二区三区 | 在线永久免费观看黄网站视频 | 在线观看91 | 日本a级毛片视频播放 | 亚洲а∨天堂久久精品喷水 | 国产又粗又硬又大爽黄老大爷 | 国模冰莲自慰肥美胞极品人体图 | 亚洲成人欧美 | 亚洲乱码一区二区 | 日韩男女视频 | 伦理欧美 | 动漫美女放屁 | 国产日韩精品视频一区二区三区 | 国产精品av久久久久久无 | 国产农村乱对白刺激视频 | 丰满白嫩大屁股ass 久久精品无码一区二区三区免费 | 扶她futa粗大做到怀孕 | 欧美少妇18p| 91偷自产一区二区三区蜜臀 | 三上悠亚久久爱一区 | 米奇7777狠狠狠狠视频 | 国产精品视频永久免费播放 | 精品国产品香蕉在线 | 在线看的毛片 | 美女视频黄色免费 | 五月天av在线 | 亚洲伊人久久大香线蕉综合图片 | 天堂中文字幕免费一区 | 日本69精品久久久久999小说 | jizzjizzjizz国产| 亚洲成a人片在线观看无码3d | 男女交性全过程免费观看网站 | 又色又爽又黄无遮挡的免费视频 | 九九热在线免费观看视频 | 国产suv精品一区二区883 | 涩视频在线观看 | 久久一区二区三区精华液使用 | 国产成人久久精品77777综合 | 亚洲伦理自拍 | 日本欧美www| 亚洲小说图区综合在线 | 国产真实交换配乱淫视频 | 国产成人精品无码免费看夜聊软件 | 午夜久久久久久久久久一区二区 | av观看免费 | 福利在线小视频 | 精品乱码久久久久久中文字幕 | 农村女人乱淫免费视频麻豆 | 狠狠躁天天躁夜夜躁婷婷 | 欧美在线不卡视频 | 久久99久久99精品 | 性色av 一区二区三区 | 久久中文网 | 999精品视频一区二区三区 | a免费网站免费观看 | 草草影院国产第一页 | 991本久久精品久久久久 | 欧美精品乱码视频一二专区 | 国产精品 色 | 动漫美女靠逼 | 欧美一级淫片aaaa | 三级在线观看 | 亚洲欧美在线综合 | www.av色 | 国产免费一区二区三区四区五区 | 国产123在线 | 四虎在线免费 | 国产特级毛片aaaaaa毛片 | 一级欧美一级日韩 | 丰满少妇女裸体bbw 无码av免费一区二区三区试看 | 国产香蕉视频在线 | 亚洲性人人天天夜夜摸 | 亚洲九九精品 | 无码中文字幕人妻在线一区二区三区 | 久久久久国产精品嫩草影院 | 亚洲中文字幕久久久一区 | www亚洲高清| av网址在线免费观看 | 国产精品黄 | 伊人无码精品久久一区二区 | 日韩av在线网址 | 日韩v91综合区 | 成人啪啪10000部 | 中文字幕乱码日本亚洲一区二区 | 国产91桃色在线观看网站 | 久久久国产精品人人片 | 日日摸天天摸爽爽狠狠97 | 国产欧美精品aaaaa久久 | 欧美在线视频网 | 成人午夜又粗又硬又大 | 欧美啪啪网 | 在线观看国产欧美 | 手机看片久久 | 欧美日本一区二区 | 国变精品美女久久久久av爽 | 成年男女免费视频网站 | av在线不卡一区 | 精品女同一区二区 | 美女视频毛片 | 国产经典毛片 | 青青草久久| 国产乱码精品一品二品 | 亚洲一区二区三区免费视频 | 国产精品对白刺激久久久 | 91丨九色丨蝌蚪丰满 | 一区在线免费 | 欧美牲交a欧美牲交aⅴ一 | 国产成人免费视频 | 日韩精品一区二区三区免费视频 | 亚洲国产欧洲 | 99国产精品久久久久久久日本竹 | 亚洲精品美女在线观看 | 国产超碰人人做人人爱ⅴa 日韩人妻无码精品久久久不卡 | 国产精品一二三四五 | 日韩欧美一区二区在线 | 日本少妇xxx | a亚洲天堂 | 一区二区久久久久 | 免费欧美一区 | 国产精品一品二区三区的使用体验 | 国内揄拍国内精品少妇 | 国产欧美一区二区三区另类精品 | 日韩在线观看视频一区二区三区 | 在线观看国产福利 | 天天爽天天爽天天爽 | 国外激情av片 | 69174欧美丰满少妇猛烈 | 日韩av在线播放不卡 | 国产老妇伦国产熟女老妇视频 | 欧美毛片视频 | 大尺度做爰呻吟舌吻网站 | 高h喷水荡肉少妇爽多p视频 | 欧美性xxxxx 欧美性xxxxxx | 国产精品一在线观看 | 青青操在线观看视频 | 亚洲熟女综合一区二区三区 | 911精品美国片911久久久 | 69av视频 | 日本舌吻大尺度呻吟视频 | 国产精强码久久久久影片at | 国内精品视频在线 | 中文字幕亚洲高清 | 男人天堂网在线视频 | 羞羞视频在线观看免费 | 久久久亚洲国产精品 | 国内偷拍精品视频 | 在线观看av的网址 | 亚洲在av极品无码天堂手机版 | 午夜免费一级片 | 日本黄色网络 | 国产一区二区激情 | 日韩久久无码免费毛片软件 | 希岛爱理和黑人中文字幕系列 | 波多野结衣网站 | 国产欧美一区二区三区不卡视频 | 伦理片在线播放无遮无挡 | 伊人久久婷婷色综合98网 | 亚洲视频在线观看视频 | 成人欧美一区二区三区黑人孕妇 | 国产欧美另类久久久精品图片 | 亚洲精品第一国产综合亚av | 91免费网站在线观看 | 性做久久 | 在线永久免费观看黄网站 | xxxx色| 爱情岛论坛亚洲品质有限公司18 | 久久久久久久久久久丰满 | 小镇姑娘国语版在线观看免费 | 久久亚洲视频 | 久久国产麻豆 | 狠狠色丁香久久婷婷综合五月 | 日韩一区二区视频 | 8x8ⅹ8成人免费视频观看 | 中文字幕日本一区二区 | 少妇在线| 99久久99久久久精品齐齐 | 久久中文在线 | aaaaa级片| 在线午夜 | 黄色在线观看国产 | 人人爽久久久噜噜噜婷婷 | 天天综合天天 | 欧美一区二区三区爱爱 | 大尺度av| 免费中文熟妇在线影片 | 久久爱水蜜桃69 | 国产亚洲精品自在久久 | 髙清国产性猛交xxxand | 亚洲爆乳无码一区二区三区 | 亚洲欧美国产精品久久 | 国产91在线播放精品91 | www黄色毛片 | 欧美中文网 | 成人网址在线观看 | 精品国产美女福到在线不卡 | 可以直接在线观看的av | 国产午夜无码精品免费看 | 乱色欧美 | av视| 国产精品黄在线观看免费软件 | 精品国产乱码久久久久久1区2区 | 国产裸体舞一区二区三区 | 国产真实乱全部视频 | 婷婷在线免费观看 | 欧美视频网址 | 中文字幕成人在线观看 | 免费人成视频网站在线观看18 | 久久久久久网址 | 国产精品久久久久久久久久妇女 | 999亚洲国产精华液 99av海角社区 | 欧美日韩一区免费 | 婷婷五月综合缴情在线视频 | 亚洲精品久久久久国产 | 国产成人av三级在线观看 | 天天摸天天做天天爽 | 色88888久久久久久影院 | 欧美精品一区二区三区久久久 | 久久国色 | 欧美成人精品第一区二区三区 | 午夜蜜桃视频 | 老司机午夜精品视频资源 | 99精产国品一二三产品香蕉 | 亚洲欧美久久久 | 蜜桃视频在线观看免费视频网站www | 欧美一级视频一区 | 亚洲一区二区三区影视 | 日本少妇18p| 精品厕所偷拍各类美女tp嘘嘘 | 亚洲aaa视频| 国产精品国产自线拍免费软件 | 日本视频中文字幕 | 西西人体大胆午夜视频 | 日韩不卡在线播放 | 亚洲深夜 | 人人超碰在线 | 男女插插视频 | 无码人妻精品一区二区三区东京热 | 久久国产热精品波多野结衣av | 精品久久久久久久免费人妻 | 91精品在线免费 | 亚洲色p | www九色91| 国产午夜麻豆影院在线观看 | 香蕉成人啪国产精品视频综合网 | 亚洲美女午夜一区二区亚洲精品 | 久草福利网 | 小sao货水好多真紧h视频, | 3级av| 精品黑人一区二区三区久久 | 91亚洲狠狠婷婷综合久久久 | 大青草久久久蜜臀av久久 | 一本色道久久88综合亚洲精品ⅰ | 好吊操这里有精品 | 11月流出美女撒尿偷拍在线播放 | 国产高中女学生第一次 | 国产97色在线 | 亚洲 | 尤物网站在线 | 亚洲视频欧美 | 久久精品国产大片免费观看 | 嫩草视屏 | 免费日韩网站 | 色天天综合网 | 亚洲一区二区三区 | 日本一区二区三区在线观看视频 | 精品成人一区 | 久久香蕉精品 | 亚洲综合伊人久久 | 天天鲁一鲁摸一摸爽一爽 | 欧美亚洲视频一区 | 男女啪啪免费观看网站 | 国产精品精品视频一区二区三区 | 亚洲国产欧美视频 | 鲜嫩高中生无套进入 | 日韩不卡av | 日本边舌吻边做爽的视频 | 香蕉视频在线观看网址 | 国产伦子沙发午休系列资源曝光 | 免费操| youjizz中国丰满少妇 | 国产又粗又猛又爽又黄的三级视频 | 岛国精品在线观看 | 大学生a做爰免费观看 | 久久高潮视频 | 日韩欧美亚洲在线 | 亚洲精品久久久一线二线三线 | 精品一区二区三区在线视频 | 亚洲福利网 | 九色视频自拍 | 毛片毛片毛片 | 真人真事免费毛片 | 国产精品久久国产精麻豆96堂 | 女同做爰hdxx | 国产色婷婷精品综合在线手机播放 | 国产精品久久久久久久久久红粉 | 日本公与丰满熄理论在线播放 | 蜜臀99久久精品久久久久小说 | 亚洲日韩欧美综合 | 国产精品久久久久久妇女 | 国产产无码乱码精品久久鸭 | h在线免费| 成年人看的黄色片 | 国产精品入口传媒小说 | 亚洲第十页 | 久久99精品国产91久久来源 | 依依激情网 | 日本黄色美女网站 | 日日操中文字幕 | 好男人www社区 | 久久久久久久艹 | 青青草97国产精品麻豆 | 亚洲免费观看视频 | 日日夜夜婷婷 | 国产国拍亚洲精品av | 国产成人av一区二区在线观看 | 久久久久国产一区二区三区 | 久久亚洲精精品中文字幕早川悠里 | 男人天堂va | 性感美女一区二区三区 | 乱色熟女综合一区二区三区 | 一区二区三区网站 | 美玉足脚交一区二区三区图片 | 日日噜噜噜夜夜爽爽狠狠小说 | 粉嫩少妇内射浓精videos | 日本乱论视频 | 免费在线观看中文字幕 | 精品不卡在线 | 国产在线无码精品电影网 | 鲁一鲁一鲁一鲁一澡 | 国产欧美精品一区二区色综合 | 免费成人黄色片 | 精品视频在线观看免费 | 爆乳女仆高潮在线观看 | 一 级 黄 色蝶 片 | 欧美成人午夜精品久久久 | 久久国产精品免费一区二区三区 | 亚洲第一精品在线观看 | 亚洲日本va午夜中文字幕一区 | 人妻精品无码一区二区三区 | 热の综合热の国产热の潮在线 | 91亚洲精品在线 | 天码中文字幕在线播放 | 日本精品久久久久久久 | 亚洲色图视频网站 | 亚洲人女屁股眼交3之懂色 亚洲人屁股眼子交1 | 欧美日韩视频在线播放 | 国产人妻精品一区二区三区不卡 | 真实的国产乱xxxx在线 | 日日噜噜噜夜夜爽爽狠狠片 | 精品一区二区免费视频 | 久久久久欧美 | 亚洲男女激情 | 成人在线看片 | 久久精品国产99国产精品亚洲 | 99re视频在线 | 懂色av蜜臀av粉嫩av喷吹 | 91麻豆精产国品一二区灌醉 | 久草视频这里只有精品 | 久久久99日产 | 日本久久不卡 | 粉嫩欧美一区二区三区 | 久久狠狠高潮亚洲精品 | 日韩黄色a级片 | 人与性动交aaaabbbb | 日本精品久久久久中文字幕乱中年 | 欧美成人a交片免费看 | 国色天香中文字幕在线视频 | 国产色自拍 | 亚洲成人黄| 国产色无码精品视频国产 | 一本一道久久久a久久久精品蜜臀 | 91风间由美一区二区三区四区 | 一区三区视频 | 日韩精品一区二区亚洲 | 五月丁香综合激情六月久久 | 国产精成人品 | 台湾佬中文字幕 | 毛片毛片毛片毛片毛片毛片毛片毛片毛片毛片 | 99久久精品免费看国产 | 亚洲精品国产精品国自产网站 | 成人毛片基地 | 精品少妇一区二区三区免费观 | 黄在线网站 | 欧美一区二区高清 | 夜夜天天拍拍 | 精品久久久久久亚洲综合网 | 丁香花五月 | 一级片久久久久 | 欧美日韩无套内射另类 | 97在线视频免费 | 国产做a | 少妇肥臀大白屁股高清 | 日韩av一区在线观看 | 青青青在线免费 | 麻豆视频在线观看免费软件 | 久久亚洲国产精品日日av夜夜 | 中文字幕亚洲欧美日韩 | 国产精品乱码一区二区 | 天美传媒一区二区 | 又嫩又硬又黄又爽的视频 | 国产在线观看免费视频今夜 | 中文字幕日韩一级 | www.欧美激情 | 欧美久久久久久久久中文字幕 | 国产做a爱片久久毛片a片 | 天天躁日日躁狠狠躁免费麻豆 | 黄色毛片一级片 | 性猛交xxxx乱大交孕妇2十 | 国产精品成久久久久三级6二k | 69精品视频 | 黄色片子免费看 | 国语自产拍精品香蕉在线播放 | 国产尤物av一区二区三区 | av天堂午夜精品一区二区三区 | 国产亚洲精品成人aa片新蒲金 | 国产专区在线视频 | 天堂伊人 | 光明影院手机版在线观看免费 | 91网站观看| 午夜av毛片 | 国产成人精品aa毛片 | 日本xxxx色视频在线观看免费 | 国产玖玖 | 日韩欧美精品在线 | 成人国产亚洲 | 亚洲欧美日韩精品久久 | 4438ⅹ亚洲全国最大色丁香 | 欧美黄色片免费看 | 精品乱人伦一区二区三区 | 日日摸日日碰夜夜爽无码 | 91精品国产高清一区二区三区 | 国产麻豆乱码精品一区二区三区 | 欧美视频亚洲视频 | 美国av毛片| 欧美美女性视频 | 寂寞少妇让水电工爽hd | 亚洲色图在线视频 | 人人妻人人澡人人爽国产一区 | 精品久久人人妻人人做精品 | 一级片在线观看视频 | 国产变态拳头交视频一区二区 | 久久综合给合久久狠狠狠色97 | 色欲天天婬色婬香综合网 | 国产亚洲精品久久久久秋霞 | 欧美黑人一区二区三区 | 香蕉视频色版 | 69精品人人 | 麻豆影视在线 | 亚洲国产欧美不卡在线观看 | 国产日韩在线播放 | 中文字幕 日韩 欧美 | 国产精品第一区 | 乱lun合集小可的奶水 | 欧美激情999 | 婷婷四月开心色房播播网 | 亚洲成人系列 | 91久久精品国产91久久 | 国产一级精品绿帽视频 | 久久国产精品久久久久久电车 | 国产精品自拍合集 | 亚洲一级二级三级 | 无码纯肉视频在线观看 | 六个黑人玩一个中国少妇视频 | 中文字幕福利视频 | 久久久久久久久久一区二区三区 | 亚洲ww不卡免费在线 | 久久久88 | 成年无码av片完整版 | 女国产精品视频一区二区三区 | 黑人videos3d极品另类 | 亚洲精品免费在线观看 | 色噜噜一区二区 | 国产精品视频一区二区三区不卡 | 国产农村一国产农村无码毛片 | 国内视频一区 | 欧美99久久精品乱码影视 | 欧美日韩经典 | 亚洲专区欧美 | 国产精品永久免费观看 | 亚洲精品无码专区在线在线播放 | 国产老女人乱淫免费可以 | av日韩在线播放 | 亚洲xxx视频| 国产午夜亚洲精品不卡下载 | 国产精品高潮呻吟久久av黑人 | 日韩中文字幕视频在线观看 | 国产女人18水真多18精品一级做 | a黄视频| 青娱乐超碰在线 | 国产又嫩又黄又猛视频在线观看 | 中文av免费 | 亚洲综合网在线观看 | 国产日产欧洲无码视频 | 热久久久久久久 | 五月天丁香亚洲 | 欧美成人短视频 | 国产精品区一 | 男男军官互攻互受h啪肉np文 | 成人免费视频一区二区三区 | 亚洲中文字幕无码久久精品1 | 日韩一级av毛片 | 波多野结衣电车痴汉 |