无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

首頁

圖片篇 | 掌握這些技巧,你的界面更加出彩!

天宇 移動端UI設計文章及欣賞

編輯導讀:人是視覺動物,相比于文字,人們更容易被圖片吸引。而如何在界面設計中運用好圖片,給用戶更好的視覺體驗,本文作者有自己的想法,一起來看看吧。

在UI設計中,配圖的好壞將直接影響著界面的品質及用戶的視覺體驗。縱觀如今高質量的界面設計,具有設計感的配圖不僅是吸引用戶的重要元素,能比原本平淡無奇的文字界面更讓人產生點擊欲望,還能體現出設計師的品味、以及相關方面的專業性。

在這個快節奏的時代,相比文字,圖像的傳達效率會更快、更高、更有助于用戶輕松理解及記憶。配圖用的好,往往能起到決定畫面基調、流程引導、視覺平衡等關鍵作用,所以,在同等樣式的布局下,因圖片的使用及處理方式的不同,界面的品質也會存在較大的差異。本篇文章將介紹一些在UI設計中配圖的基礎知識,幫助大家在圖片列表、背景處理、圖文混排、頭圖等相關界面設計無從下手時提供靈感,在選擇圖片、后續處理時如何做到有規律可循帶來一些思路。

一、了解UI設計中的圖片

1. 為什么要重視圖片

在文字出現之前,人們都是靠看到的圖像來理解信息內容,即便后來文字能表達出很豐富的內容,圖示也不可少,試想一下,當別人拿著密密麻麻的數據給你看時,能看的頭皮發麻,你更希望有一張清晰的圖表,但并不能說明別人的數據不清晰。所以,圖像相比文字能更具說服力、更容易傳達信息,使讀者產生共鳴、震撼內心,讓人看了一目了然,能直觀的與人產生互動。

當說到UI設計中的圖片非常重要時,并不是說文字就一定比圖片弱,好的文字也能帶給我們無限的遐想,只能說在更大的概率上圖片和文字哪個更吸引人,所以我更傾向于觀賞圖片,然后感受到帶來的美好。但是,如果非要問我選擇哪一個時,我只能說“只有小孩子才做選擇題,我(設計師)全都要”,圖片可以表達出豐富的內容,再用文字言簡意賅,是一個非常完美的組合。

2. 常用的圖片格式

圖片有多種格式,如JPG、GIF、PNG、TIFF、RAW、BMP、WEBP…等,在UI設計中,最常用的無非JPG、GIF、PNG三種。

JPG:目前為止使用最多的圖片格式,兼容各大操作系統瀏覽器及編輯軟件,非常方便被打開和處理,但不能顯示透明底,壓縮后會失去一部分原始信息。

PNG:如需編輯,PNG應該算是所有圖片格式中的最佳選擇,支持無損壓縮及透明底,但針對需要高保真的復雜圖片,壓縮后的文件較大,且有少數的瀏覽器不支持。

GIF:動效圖片,支持透明底及無損壓縮,通常由視頻格式的內容轉換而來,但對色彩有非常嚴格的要求,數量最多不超過256種,相比前面兩種,GIF格式的文件更大。

二、圖片的使用及處理方法

1. 圖片的使用比例

在移動端UI設計中,我歸納了最常用的幾個圖片比例,分別是1:1、3:2、4:3、16:9四種,這些比例都是源于最早的膠片攝影及現代相機的傳感器演變而來。當我們不知如何選擇比例時,首先需清楚的了解界面圖片的應用場景、來源用戶以及圖片比例背后的緣由,否則將很難把控,下面將針對這幾個比例作具體分析。

1)1:1 比例

因為相機結構的原因,早期最傳統的120膠片畫幅就是正方形(6*6cm),即1:1的比例,此比例更容易的將構圖規整,使其最大程度的突出照片主體。

在如今的電商APP中,商品圖片絕大多數都遵循了1:1的比例,不管橫向還是縱向都能將信息進行完整化的展示,且方便多場景、頁面的適配。另外,用戶頭像也都使用了這一比例。

2)3:2比例

起初135膠卷的比例就是3:2,主要是因相機取景框的大小而決定。在移動端,這一比例使用也比較廣泛,例如新聞、旅游類型產品,在拍照之后無需裁剪等處理,直接上傳使用,非常方便。

3)4:3比例

隨著攝影的發展,小/微型相機出現而誕生4:3比例,且移動設備發展迅速,在非專業攝影的情況下,手機能很大程度上代替單反并成為主流拍照設備,目前市場上主流手機的拍攝尺寸基本都為4:3比例。相比3:2的圖片,4:3圖片占比更大,能最大化顯示圖片以突出重點信息。

4)16:9比例

根據人體工程學的研究,人眼視野范圍的比例約為16:9的長方形,所以電視、顯示器及投影范圍的設計都是基于這個黃金比例。

線上產品不用多說,影視類型的產品均采用16:9的尺寸,例如愛奇藝、優酷、騰訊視頻等,到目前為止,這個比例在設定上還沒出現過問題。

在上述4個尺寸中,最容易混淆的是3:2和4:3,如果不清楚如何選擇,請根據產品目標定位,看看到底是以內容為主導還是圖片為主導。例如:資訊類型產品很注重標題文案,即會使用上文下圖、左文右圖的版式,選擇3:2作為封面,以降低圖片的視覺重量;旅游、租房類產品,則可使用4:3的圖片,以傳達更多信息。這種選擇方式雖然不是絕對,但當我們陷入兩難的困境時,可作為參考依據幫助快速決策。

2. 圖片的使用場景

1)單圖布局

全屏:具有很強的視覺沖擊力,非常適合用于傳播行業屬性及品牌調性。單圖全屏布局處理靈活,可整體突出、局部特寫或加純色不透明度紋理/遮罩,對圖片細節、構圖等有較高的質量要求,一般用于登錄、啟動引導、產品介紹背景等頁面。

卡片:以單張圖片作為視覺引導,寬高不固定,但占據界面大部分區域及重要位置,主要突出產品調性和成為吸引用戶的流量入口,促使用戶與其產生交互行為。常用于產品詳情頁頭圖、推薦頁、專題入口等。

2)圖文列表

在圖文列表界面,很多時候,我們都在想一個問題,到底是選擇左圖右文、左文右圖還是上圖下文?所以我們首先要明白F式(從上到下、從左到右)瀏覽布局,這也跟人眼的瀏覽習慣相吻合,然后確定圖、文信息內容的權重,根據優先級將重要的信息放在關鍵位置。

單列組合

左文右圖:以文字為主、圖片為輔,主要強調文字信息,且圖片與標題的關聯性不是很大,能減少減少圖片對文字的干擾,對圖片的質量要求不高,很多新聞、資訊類產品都是選用這種方式布局。

左圖右文:在圖片內容優先于文本內容的情況下,采用左圖右文的方式,更強調以圖片直觀的傳達內容、吸引用戶的視線,對圖片的質量要求高于左文右圖,一般是電商、旅游類產品的最佳之選。

上圖下文:一行只顯示一張圖片,大多采用橫圖,同屏一般不超過兩個內容,用戶需要從圖片中獲取大量信息,對圖片的質量要求很高,大多有專門的人員審核,以完成對圖片的品質的把控。這種方式很占用界面的縱向空間,部分租房類、藝術類產品會選用此種方式。

雙列組合

并排:相同高度的比例控制,是較為經典圖文布局,相比單列,同屏可展示更多的圖片內容且空間利用率更高,能同時向用戶傳達更多信息。

錯位:圖片高度自適應(瀑布流),在限制寬度的條件下,高度自由發揮,讓圖片得到更多的舒展,利用率更高。雙列錯位的排版方式增加了版式的趣味性,可緩解用戶在長時間瀏覽下的視覺疲勞,需要注意的是寬高比例不要太大、成跳躍式的變化,否則可能導致視覺混亂,且低高度的圖片信息很容易被忽略。

3)多圖組合

規則:3張或以上的規則的圖片組合很常見,主要用圖片列表來引導用戶查看更多,通常利用單排左右滑動或九宮格的方式呈現。例如旅游、租房、影視類產品,包括手機相冊、社交圈子等。

不規則:多圖不規則比例并不常見,因移動端設備可視寬度有限,容易導致混亂的錯覺。藝術、拼圖類產品看到的居多,另外,部分社交類產品為了展示不同遠近距離的層級關系也會用到這種排版方式。

3. 圖片操作的交互手勢

圖片常見的手勢操為:滑動、點擊、雙指縮放,除此之外,還有很多針對所有元素都可以操作的交互手勢,這里就不多說了,下面單獨對圖片手勢作出介紹。

1)滑動

上下滑動:通常在圖文列表或單張圖片內容超過一屏的情況下,通過上下滑動查看更多信息。

左右滑動:為了拓展更多內容,多用于相同等級的圖片列表或大圖切換,在頁面列表中會將無法同時展示的圖片呈現一部分或以數量作為提示,引導用戶探索以發現更多。

2)點擊/長按

單擊:單擊可查看圖片,從縮略圖到詳情或大圖的切換操作;

雙擊:針對圖片本身進行某些操作,比如喜歡、點贊等,另外,部分圖片通過雙擊進行一定比例的放大縮小。

長按:調出圖片的部分屬性信息、下載圖片等進行下一步操作。

3)雙指縮放

當我們需要查看圖片的某些局部信息或細節時,就會使用雙指(開合)縮放的交互手勢。

三、圖片樣式效果

1. 圖片遮罩

因圖片的色彩變化不規則,為了保證圖片上層文字的可讀性,通常會在文字區域加一個純色遮罩,也可設置不透明度的漸變效果,使遮罩跟圖片的過渡更加協調,提升視覺美觀度。

2. 毛玻璃(背景模糊)

毛玻璃效果通常出現在應用的2、3級頁面,對應用性能會有一定的消耗,一般使用封面圖片進行大幅度的高斯模糊作為背景使用,可在上層加上一定透明度的蒙層配合使用,透明度數值根據不同的圖片色彩及使用場景適當的調整。毛玻璃效果既能滿足文字內容的清晰呈現,又能提供場景氛圍并提升界面的品質感與神秘感,我們最熟悉的當屬音樂播放頁面的背景模糊效果了。

3. 摳圖+純色背景組合

對于自營平臺,內容較為固定的商品頁面,可將商品摳圖后自定義背景,讓界面的整體設計風格可控,延展性更高。不適配平臺類型應用,因為會讓商家產生較高的運營成本。

4. 圓角設定

圖片圓角值設定,能體現出不同的產品屬性及氣質。例如:直角比較硬朗,給人高冷、力量的感覺,小圓角傳達出安全、專業的屬性,而大圓角顯得活潑、可愛,更有親和力。

5. 圖片出界

圖片出界常用于運營設計,例如圖片輪播、膠囊banner、專題頁等,另外,經摳圖處理過的圖片也可用在商品詳情頁頂部圖示。這種效果能有效避免呆板,營造出畫面氛圍,制造出更強烈的視覺沖擊力。

四、圖片處理小技巧

1. 符合產品氣質

UI設計中,任何一個設計思路、想法及效果樣式都是為產品而服務,圖片也不例外,需要根據不同的場景進行合理搭配,好的配圖更能與用戶產生共鳴。

2. 切合主體,表達產品核心內容

配圖必須要明確主體,一眼就能看出核心內容,且不可以炫技或好看為主,否則會被多余的元素、效果影響主體視覺導致沒有重點。但確定好一張圖片的風格及色系后,后續也要保持統一。

3. 風格統一

圖片以實用性為準,如果一味的追求漂亮、好看,最終可能形色各異造成視覺的不統一,嚴重影響用戶體驗。設計師在選圖時需要對風格精準把控或后續稍加處理,以形成統一的視覺。

常見的控制方向有圖片類型(位圖/插畫/形狀)、視角(平視/仰視/俯視)、商品背景(簡約/復雜/純色)、呈現區域(堆積/局部/特寫)、構圖(中心/水平線/對稱/對角線…)等。另外,還有很多抽象的方式但并不是絕對的,我們都可以嘗試從不同的角度去調整,力求讓所有圖片達到最佳視覺效果。

4. 顏色豐富

因人的天性即向往美好、品質(非物質化)生活,固品質感的配圖更容易吸引用戶的注意力,讓人想要擁有的感覺,如果色彩不夠飽滿,不管風格是多么統一,也達不到良好的用戶體驗。在選好圖片后,可對色相、飽和度、亮度稍加調整,以確保色彩飽滿、豐富。

5. 設計稿需呈現上線的實際效果

有時候做設計為了方便,整個界面的圖片直接復用同一張,即便設計的再好,也可能隱藏著不易察覺的瑕疵。需要說明的是,一個成熟且專業的設計師,首先要對自己負責,然后才是設計,即便是初稿,在即將呈現給大家或匯報前,一定要給出上線后最真實的效果,這樣方便他人貼合實際給出一些方向性的建議,幫助自己更好的決策。經處理過的實際配圖能體現整體效果,方便找出圖片以外的設計缺陷,例如版式、字體大小、層級關系等問題。

6. 文件大小處理

靜態圖片常用的無非PNG、JPG這兩種格式,文件較大的圖片會影響打開頁面或刷新時的速度,本地圖片更會增加應用包的大小。從設計稿中導出圖片時需要控制文件大小,如無特別(超大圖)情況,切勿主動降低圖片質量后再導出,否則會影響界面整體的視覺美觀度。

這里推薦一個線上無損智能壓縮神器:https://tinypng.com,僅限PNG、JPG、WEBP格式的圖片。

△上圖可以看出,圖片在壓縮了76%后,由1.4MB變成了332KB,肉眼很難看出(查看大圖)質量上的損失。

7. 倍率切圖

切圖不像以前那么麻煩,同一張圖片需要手動導出多套規范,現在只需在軟件(或安裝插件)標記好切圖,上傳到類似藍湖、摹客等第三方線上應用,分享給團隊成員即可各自下載web、Android、iOS對應的多套規范制圖。

設計師在設計過程中,一定要按照規范的最大極限保留原圖,以iOS系統@1x規范設計稿為例,如果圖片的寬度是100px,那么導入軟件中的圖片寬度至少要在300以上,然后再進行縮?。≒S中需轉為智能對象),如果低于300px,開發在導出@3x的圖片就會失真,可能會因損失像素而出現模糊的情況。

五、總結

文章中所介紹的圖片使用方法及處理技巧,并非最好、唯一的答案,但在你沒有更好的方法之前,多多少少能從中得到啟發。UI中圖片設計的本質在于自身的專業能力,然后用自己的視覺產出和設計手段去吸引、打動用戶,從而為產品帶來利益,也能體現出設計價值。

不得不承認,人們很多時候都是通過視覺表象決定是否需要深入了解、擁有某一件事/物,設計師就是在做視覺表象的表達,如果圖片用的好,不僅能讓你的設計更加出彩,還有一定幾率轉化用戶,形成商業價值。

#專欄作家#

大漠飛鷹;公眾號:能量眼球,人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用戶帶來更好的體驗,即好看、好用。

本文原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自Unsplash,基于 CC0 協議

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

天宇 交互設計及用戶體驗

編輯導語:動效,是頁面的靈魂,也能讓用戶有更好的體驗。作為設計師,我們如何將動效設計得更有簡潔有趣呢?本篇文章中,作者分享了5種動效格式的優缺點。感興趣的小伙伴不妨來看看。

動效設計,可以提升界面的趣味性和引導性,讓用戶瀏覽過程中不會太枯燥,獲得更好的體驗。

最近做的金山知了(后面改名為金山知識庫)官網,頭圖元素加入了緩動效果,第一眼挺新穎的。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

金山協作新年許愿活動,許愿按鈕加入了運動的形象,更能吸引用戶點擊。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

不過,輸出動圖和開發對接的過程中,我也遇到過一些問題:導出的動圖模糊、資源太大、開發不支持動圖格式等等,當時也是想盡辦法地解決。

這次我總結了幾種常用的動圖格式,也提及我輸出動圖過程遇到的問題和解決方法,以及我們設計師該如何選擇合適的動圖格式。

  • 序列幀
  • GIF
  • Lottie
  • APNG
  • SVGA

一、序列幀

剛開始接觸動效,我最先了解到的 PNG 序列幀,就是輸出動圖的每一幀圖片,然后交付開發,按幀播放圖片實現。

比如這個加載動畫,我的練習作品,導出序列幀資源很大,所以我平時基本不用這種格式。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

導出方法:

AE 輸出選擇 PNG 序列,如果要導出透明背景,通道選擇 RGB+Alpha。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

二、GIF

GIF 支持安卓、iOS、網頁,可以說也是比較常用的格式之一。

界面設計中的小元素可以使用這個格式,比如運營按鈕動畫、點贊圖標動畫等,資源不會太大。

像我之前負責的新年許愿活動,因為是從 0 到 1 的產品,開發還沒有支持 Lottie,所以許愿按鈕動畫輸出 GIF 給開發實現,壓縮后資源 300KB。

雖然動圖放大周圍有鋸齒,但是在手機上是看不到的。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

導出方法:

1. AE 導出 MOV 格式,再用 PS 轉換成 GIF。(注意:可能是因為動畫時間太長、文件太大,導出經常失敗,所以我很少用這種方式)

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

2. AE 安裝 Gifgun 插件,直接導出。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

3. AE 導出 PNG 序列,將所有圖片拖進 iSparta,勾選 GIF 輸出。(注意:如果導出 GIF 圖片有問題,需要勾選壓縮質量,填寫小于 100 的值就可以解決了)

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

如果 GIF 文件太大,可以使用無損壓縮軟件:PPDuck。

三、Lottie

Lottie 是一個用于 Android、iOS、Web、Windows 的動畫庫,用于解析使用 bodymovin 導出為 json 文件的 AE 動畫。

動畫通過代碼實現,是矢量的。

動畫庫資源會增加安裝包的大小,客戶端會有推動成本。

不過 WPS Office 有在使用,資源大小和穩定性目前來說是可以的。

不支持 AE 效果器直接添加的效果,比如高斯模糊、內發光、投影。

支持用圖片導入 AE 做出的動效,比如金山知識庫官網的頭圖,就是使用 Lottie 方式實現,資源小,動圖也很清晰。

支持顏色漸變,但是導出 json 容易出問題。比如之前設計的會員卡片動效,漸變顏色導出后變成了黑白漸變。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

這時候只需要將所有漸變圖層名稱按順序改為 Gradient fill 1、Gradient fill 2、…,就可以解決了。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

導出方法:

AE 安裝 bodymovin 插件,直接導出。(注意:要選擇保存路徑,導出按鈕才能點擊。點擊設置圖標,選擇 Standard 和 Demo,才能導出 json 文件和 demo 預覽效果)

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

四、APNG

APNG 是基于 PNG 格式的位圖動畫格式圖片,文件后綴依然是.png,可以在瀏覽器中預覽動畫。

金山協作的表情包使用的也是這種格式動圖。

和 GIF 對比,它的優勢在于動圖邊緣光滑,不會有鋸齒和顆粒感。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

導出方法:

AE 導出 PNG 序列,將所有圖片拖進 iSparta,勾選 APNG 輸出。

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

五、SVGA

SVGA 是由 YY 團隊開發出來的一種跨平臺的開源動畫格式,同時兼容 iOS / Android / Flutter / Web 多個平臺的動畫格式,常用于直播禮物場景,適合炫酷的禮物動效。

因為禮物效果比較復雜,一般是用 png 序列,一張圖一幀地制作動畫,輸出 SVGA 文件。

它只會生成一個 svga 后綴文件,代碼和位圖元素都被集成在了一起,但是 Lottie 會生成兩個文件:json 代碼文件+img 文件夾。

支持 AE 自帶基礎動畫:位移、縮放、不透明度等,但是不支持圖層漸變(Lottie 支持漸變)和 AE 自帶及外部插件的效果控件特效,所以 UI 動效 Lottie 比較通用,不容易出錯。

六、總結

講了那么多動效落地方案,那么在實際工作中我們該如何選擇使用呢?

1. 資源大小對比

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

2. 質量對比

如何讓動效又快又好落地?我分析了這5種格式的優缺點!

3. 使用場景對比

  • Lottie:基本適合所有 UI 動圖,比如圖標動效、加載動效、插圖動效、運營按鈕動效等,優先使用
  • GIF:移動端小元素動圖可以使用,比如點贊動效(大尺寸透明背景動圖不建議使用,鋸齒嚴重)
  • APNG:表情包、小元素動圖(比 GIF 質量好)
  • SVGA:直播禮物炫酷動效
  • 序列幀:資源太大,不建議使用

以上就是我的業務動效落地經驗總結,大家有需要這些導出插件的可以找我。

 

作者:ALEI;公眾號:ALEI的設計思考

原文鏈接:https://www.uisdc.com/motion-design

本文由@ ALEI 授權發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

彈窗篇 | 如何彈、什么時候彈?你需要知道的彈窗設計原則!

天宇 移動端UI設計文章及欣賞

編輯導讀:我們經常會收到各種彈窗,它們的目的主要是為回應用戶或讓用戶回應,是用戶與產品間對話的一種方式。但是,彈窗也不是多多益善。如何彈、什么時候彈?這些都是有章法的。本文作者總結梳理了一套彈窗設計原則,一起來看看吧。

產品經理:我覺得這里要加個彈窗,你去設計吧。

設計師:emmm…

彈窗到底該不該加?怎么加?用什么形態展示?真正的作用是什么?這些真的是產品經理說了算嗎?

好的產品通常會在恰當的時間、合適的位置給出合理的反饋,彈窗也是必不可少的反饋方式,不反饋、反饋不及時或反饋不合理都會帶來不好的使用體驗,甚至誤導用戶,從而導致用戶流失。

很多時候,產品經理會從商業角度、公司業務、資源限制等方面考慮問題,但這些未必是用戶所需要的,設計師不應該完全按照產品需求做設計,否則就成了只會照搬產品原型的“美工”。需要做的是從用戶角度出發,把產品需求轉化成設計目標,只有經過反復的推敲、認真分析,最終才能打磨出服務于用戶的彈窗設計,所以彈窗該不該加、如何加就成了設計師不可推卸的責任和使命。

本篇文章將圍繞著彈窗類型、使用場景、轉化率及常見問題為側重點,將自己對彈窗的理解、設計經驗分享給大家,幫助大家對彈窗組件有更清晰的認識,為后續避坑設計出更好的彈窗做準備。

一、彈窗的基本介紹

1. 彈窗的定義

當我們與應用產生主動或被動交互時,頁面上層會彈出容器,將可承載的文本、按鈕、選項、標簽或表單等任一內容與之組合,就可以用來傳遞信息、狀態反饋、引導用戶等操作,這就是彈窗。

彈窗的目的主要是為回應用戶或讓用戶回應,是用戶與產品間對話的一種方式,在線上各種場景中都有可能碰到,相當于產品的線上小助理。不同類型的彈窗其作用不同,但最終都是為了滿足跟用戶之間的友好交流。

2. 彈窗組件的構成

彈窗組件的樣式很多,如浮層、對話框、下拉菜單、toast等,且iOS、Android官方平臺也都根據自身的規范對組件進行命名,不管如何稱呼,其常見的彈窗組件絕大多數都是由以下元素組成:

  • 容器:作為承載彈窗的文本、圖片等內容,容器必不可少,有的彈窗直接以蒙層作為容器,如toast;
  • 蒙層:為了和底層內容分離,避免信息混淆,通常會在界面上層(容器下層)設置一個不透明度為20%~60%的純黑色蒙層。部分小型彈窗不設蒙層,但會為容器設置投影,例如篩選器的展開、下拉菜單等;
  • 文本:文本是彈窗傳達信息主體的必要條件,如標題、按鈕等,即便把文本融入圖片,也能一目了然;
  • 圖片:用于運營彈窗傳達更多信息內容的方式之一,為了對用戶產生更強的吸引力,還可設計成動態效果;
  • 表單:為成功進入下一步做準備,如輸入密碼(iOS設備下載應用前的必要步驟)。也可以是當前頁面流程的分支,例如輸入優惠券等;
  • 選項:條件較少的選項可使用彈窗完成,單選、復選在選項不超過6個的情況下都可使用;
  • 圖標:在弱化次要操作的情況下,通常會將關閉彈窗按鈕設計成圖標放在右上角或彈窗下方,目的是突出主操作,鼓勵用戶從彈窗中進入下一步,另外還有單選、復選、提示等按鈕;
  • 按鈕:是進入下一步或回到上一步(去掉彈窗)的操作入口,部分應用也可以點擊彈窗以外的空白區域讓彈窗消失,但同樣會提供按鈕以方便用戶更容易操作。toast等短時間自動消失的彈窗無需設置按鈕。

二、彈窗體系分類

1. 模態彈窗

用戶在完成任務的過程中,界面會出現彈窗打斷用戶的操作行為,用戶必須通過主動點擊才可以進行下一步操作,這即是模態彈窗。

模態彈窗通常能較好的獲取用戶的視覺焦點,并通過承載的內容、按鈕主次層級來引導用戶完成他們的需求,這也會根據用戶、產品側重點的不同,彈出樣式也有所不同,常見的模態彈窗有對話框、動作欄、浮層…等。

1.1 對話框Dialog/Alert

對話框是很常見的彈窗,主要在打斷用戶后并提供選項操作,對用戶的干擾較大,通常會配備1~3個操作按鈕,而且會把用戶最期待的或產品最期待用戶操作的按鈕突出顯示。

對話框類型的彈窗主要分為主動、被動兩種觸發類型,主動彈窗:信息的二次確認、輸入內容、前置條件選擇、風險警示等;被動彈窗:版本更新、運營宣傳、消息通知、系統功能授權等。

1.2 動作欄Actionbar

動作欄是通過用戶主動操作后彈出的內容信息,基本都是從底部彈出,屏幕占用比例根據內容量的多少比較隨意,從小區域、半屏、再到全屏隨處可見。

動作欄相比對話框則能承載更多、更豐富的功能信息,在用戶清晰感知當前操作及反饋的情況下,比跳轉到新的頁面更有安全感。

1.3 浮層Popover/Popup

浮層是指用戶操作某個功能/內容后,會在附近出現一個帶有視覺引導性質的彈窗,最常見的浮層就是下拉菜單/彈窗等,浮動于頂層窗口并指向觸發操作的位置。

例如很多社交娛樂類型的應用右上角有一個“+”入口,里面會放置部分常用功能。部分浮層底部沒有設置不透明度的蒙層,為了與頁面信息更好的區分,會給浮層容器加上投影,避免與底部信息混淆。

2. 非模態彈窗

相比模態彈窗,非模態彈窗屬較為輕量,觸發后以一種非阻礙的的方式呈現,不會打斷用戶的當前操作,主要是給予用戶即時反饋,讓用戶清楚應用當前的交互后狀態。非模態彈窗不強制用戶操作,根據反饋信息的重要程度及意愿,可在一定的時間內自動消失,也可等待用戶操作后消失,常見的有以下幾種:

2.1 提示框Toast/Hud

用于反饋用戶操作成功、警告、錯誤等當前狀態信息,可能出現在任何位置(底部/中間/頂部),在呈現樣式上,相同等級的模塊統一位置、風格即可,無需用戶有任何操作,出現2s左右自動消失。

Toast只有純文字提示,例如格式錯誤、刷新成功、刪除成功等;Hud會使用文字+圖標樣式,例如添加到購物車、關注成功等。

2.2 提示對話框Snackbar

Snackbar早期只是Android系統的一種彈窗控件,后在iOS、Web前端都會使用到,可以看作是toast的加強版。一般只出現在屏幕底部,存在的時間比toast長,提供0~1個操作入口,可自動消失,也可與用戶產生交互后消失或者跳轉至其他頁面。

Snackbar反饋的重要程度強于toast,例如,某個應用今天有重要提醒,同時又不想影響用戶的其他操作,會在用戶首次進入時彈出提醒,并提供關閉操作入口,等待用戶通過手動關閉(部分自動關閉),加強用戶記憶。

2.3 通知Notice

最有代表性的就是消息通知、系統推送,在設備未鎖屏的情況下,通常從頂部彈出,停留幾秒后自動消失,鎖屏后,不同設備彈出的位置也有所不同。Notice的前提是需要在應用設置中打開消息通知開關,具備應用外推送功能的,需在設備系統設置中開啟通知權限。

2.4 透明指示層HUD

HUD是一種在透明元素上通過填充、反饋用戶當前交互操作的指示層,實時生效,例如視頻類產品中的調整音量、亮度、控制進度條等。

三、彈窗的使用場景

當我們對彈窗體系有了一定了解后,就需要清楚什么場景需要設計彈窗?用什么類型的彈窗?

產品最終都是服務于用戶,如果僅憑自己的主觀意見亂加一通,整的花里胡哨,彈窗就成了干擾元素,很大程度上會影響用戶體驗。什么樣的場景適合什么類型的彈窗,我們可以從以下幾點來說明。

1. 打斷用戶的操作

風險警示:當用戶的某種操作可能存在風險,為避免操作失誤,會彈出對話框打斷用戶,并給予一定的風險提示引起用戶的注意,讓其有足夠的時間確認是否真的需要進行下一步操作,如:刪除、放棄福利機會、退出登錄等,會彈出對話框提示操作后可能引起的后果。

前置條件:部分任務在流程中設有一定的前置條件,需要滿足條件才能進入下一步操作,通常這種情況會根據內容量的多少、重要程度以對話框或動作欄的樣式彈出,例如下單時選擇優惠券、支付方式。

任務關鍵節點:用戶在滿足任務的基本條件后,需要操作一個關鍵步驟才能成功,則會彈出對話框讓用戶完成最后一步操作,例如提交訂單、表單、輸入支付密碼等。

2. 定制化彈窗

這類彈窗主要從產品角度出發,不會過于在乎用戶是否需要、會不會反感,都會引導或強制用戶操作。

例如產品發布新版本,會強制用戶更新,否則將無法使用。還有各大電商APP,在進入首頁時會彈出一堆紅包、優惠券,刻意將取消/關閉入口弱化,給用戶返回造成一定的難度,利用突出的視覺、動態效果突出主題增加吸引力,以達到轉化用戶的目的。

3. 二次確認

二次確認也是一種打斷用戶的操作行為,但跟上面純粹的打斷用戶相比其作用更大,主要是在用戶已做好選擇的情況下再次彈出確認,以免操作結果造成用戶認知上的偏差。雖然從用戶體驗角度出發,用最少的操作、最簡單的流程滿足用戶所需是產品追求的目標之一,但通過權和利弊之后,二次確認的出現實屬迫不得已的折中方案,它能夠起到給用戶多一次思考避免誤操作、同樣的含義換種方式表達、重要的內容加深二次記憶等作用。

二次確認使用得當,可以避免用戶、產品的潛在風險,但若是從主觀角度一味的濫用,就成了對用戶的惡意干擾、影響使用體驗,導致出現因多步驟操作增加任務完成難度、降低轉化率、損害產品形象等問題,所以需要從業務(用戶側、產品側)實際角度出發,兩相其害(加-影響使用體驗;不加-造成一定損失)取其輕的考慮是否需要增加二次確認彈窗。

當用戶的某個操作可能帶來不可逆轉、錯誤嚴重程度較高時,例如:放棄僅有一次機會的較好福利、手機系統還原、應用賬號注銷等,系統都會給予二次確認,降低用戶認知偏差后,以確保用戶是經過多次思考才做出的決定,即便后續給用戶造成損失也不會過于降罪產品,產品也算是“問心無愧”了。

4. 簡單提示

常見于用戶操作之后的狀態反饋,即便用戶沒有注意到,也不會造成較大的損失、或結果已經注定,相對來說成本較低,大部分出現在任務過程中的提示(可重復)和結果反饋,以確保用戶知曉當前所處狀態。

非模態彈窗toas樣式居多,例如加載中、操作成功、刷新結果、清除緩存等,可出現在其他類型的彈窗之后或同時存在。

四、如何設計有效的彈窗

1. 前提條件

優秀的彈窗需要從視覺、交互兩方面思考,視覺上簡潔、易懂,交互上可操作且可控。

視覺層面:首先需要做到的是易懂,這時候就非常注重文案清晰程度及按鈕層級關系了,彈出的信息需能直擊要害,用戶看了能一目了然才是關鍵;其次,彈窗屬于一種干擾信息的存在,設計必須簡潔,在彈出時需要考慮是否會過度影響(影響是一定會有的、且看如何降低)用戶的其他操作。假想我們正在玩游戲、突然來了電話全屏幕覆蓋(傳統來電),自己會以最快的速度掛掉電話,回到游戲中后發現自己已領“盒飯”,即便來電是多么的理所當然,但心里必定是非常不痛快的,那么,如果來電以彈窗的形式且占據屏幕很小區域(如今的來電方式)是不是就給了用戶足夠反應時間及緩沖時間呢?

交互層面:彈出的內容及操作入口需清晰可操作,雖然有時基于業務需求,產品更希望用戶能進行下一步操作而并非回到上一步,即便如此,我們也只能通過弱化次要操作以突出主要操作,用戶有來去自由的權利,如果弱化至用戶看不清、甚至找不到的程度,即便提供了次要操作入口,也會存在反面作用;另外需注意用戶對產品的可控性,不管產品如何期望用戶進入下一步轉化,但不能強制,一定要給用戶提供回去的路(強制版本更新除外),否則,任性的用戶可能會直接結束應用,甚至因產品過于霸道直接卸載。

2. 設計目的

首先,設計師應該理解產品需求,分別從用戶側(能給用戶帶來什么?滿足什么樣的需求?避免什么損失?…)、產品側(能給產品帶來什么?產品如何期望?是否合理?能得到什么樣的結果?…)分析為什么要加彈窗,然后將分析的結果轉化為設計目標,以確保彈窗根據不同的需求,在恰當的時間、適合的樣式合理的呈現給用戶。

其次,在得到設計目標后,同樣需要從設計側、技術側思考彈窗組件的一致性。從設計角度,團隊所有成員需要對該組件有清晰且統一的認知,了解組件的使用場景,以確保不會錯用、濫用,如果增加或更換新人設計師,很容易學習和上手,提升效率;站在技術角度,一致性的常用彈窗組件,便于開發做組件封裝后續復用,減少不必要的重復工作,大大提高開發效率。

3. 設計思路

在UI設計中,組件的設計思路基本相通,旨在滿足產品的實用性、視覺的統一性,主要圍繞著以下幾點進行:

  • 基礎定義:利用清晰易懂且簡短的文案描述彈窗組件的內容及目的。
  • 類型及構成:明確彈窗的類型,如模態/非模態,將其拆分并注明每個小元素的具體信息。
  • 規則用法:彈窗出現的位置、包含的具體內容及信息的展示規則,比如哪些場景可復用。
  • 交互狀態:交互流程邏輯清晰,擬請產品交互前、交互中、交互后如何反饋以及用戶隨時可能碰到的問題。

五、需關注的問題點

1. 信息的層級關系

設計彈窗時需要注意信息的主次層級關系,優先傳達用戶想要的或產品想要讓用戶知道的,以確保重要的信息在第一時間傳達給用戶。

2. 展現形式

彈窗需要根據實際的場景合理使用,不能為了簡潔而過分刪減內容、更不能畫蛇添足。例如一些偏向于操作狀態、系統報告類的提示可以使用簡單的反饋,而可能造成用戶損失的提醒就需要刻意打斷用戶,給予更明確的提示甚至二次確認。

△ 例如刪除內容就需要使用模態彈窗明確提醒用戶,如果用非模態很可能被用戶忽略從而帶來不可逆的損失。

3. 文案表述

因彈窗本身承載內容有一定的局限性,固文案一定要簡潔且精確,能用一句話說清楚的就不要過于啰嗦,不僅容器的空間有限且用戶的耐性也有限,需要在有限的空間、有效的時間內清晰的表達出核心內容。

4. 彈出的時機及頻率

針對運營彈窗,如果彈出的時間不對或過于頻繁,可能會造成用戶反感,所以需要把握好彈出時機及頻率。

例如用戶有一張未使用的優惠券,如果用戶每次進入應用都看到彈出提醒,確實又沒有購買商品的意愿,總是被彈窗打斷真的就很煩,那么可以將提醒彈窗設置為每日首次進入應用時提示、每累計進入應用5次后提示、即將到期提示或者用戶有購買意愿且優惠券支持改品類時提示等,總之,需要控制在大部分用戶的可接受范圍內。

六、總結

本篇文章主要系統的分析了彈窗組件分類及使用場景,總結的雖然不是很全面,但能讓很多新手設計師清楚認知彈出組件的定義及用法。另外,彈窗不管如何設計,都需要有一個不斷優化的過程,要根據產品的實際情況不斷思考與打磨,通過腦暴或已知問題作出更好的改善。

能清楚認知、理解、使用彈窗組件是一個成熟UI設計師必備的條件,當然,并不能以此定義設計師是否優秀,在此基礎上,還需通過持續的學習探索,挖掘出更多技巧,不斷提高自身的專業能力。

#專欄作家#

大漠飛鷹;人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用戶帶來更好的體驗,即好看、好用。

本文原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自Unsplash,基于 CC0 協議

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

小程序分銷與轉介紹攻略

藍藍設計的小編 移動端UI設計文章及欣賞

一、小程序分銷詳解?
(一)分銷模式設置?
  1. 分銷商等級體系構建?
  • 為了激勵分銷商積極推廣,可設置多級分銷商等級,比如初級、中級、高級分銷商。初級分銷商成功推廣一定數量商品或達到一定銷售額后可晉升為中級分銷商,中級再晉升為高級。不同等級分銷商享受不同的傭金比例,等級越高,傭金比例越高。例如,初級分銷商每成功推廣一單可獲得商品價格 5% 的傭金,中級為 8%,高級為 10%。?
  • 除了傭金比例差異,還可以賦予不同等級分銷商其他權益。高級分銷商可能享有優先參與新品推廣、專屬客服服務等特權,中級分銷商可獲得額外的推廣素材資源,初級分銷商則可通過完成特定任務快速提升等級。?
  1. 傭金計算規則制定?
  • 傭金計算基礎通常以商品實際成交價格為準,即扣除優惠券、積分抵扣等優惠后的金額。比如一件商品原價 100 元,用戶使用了 10 元優惠券,實際支付 90 元,那么分銷商的傭金就基于這 90 元計算。?
  • 可以設置多種傭金計算方式。除了按固定比例計算,還可以采用階梯式傭金計算。例如,分銷商在一個月內推廣銷售額達到 5000 元,傭金比例提升至 12%;達到 10000 元,傭金比例提升至 15%,以此鼓勵分銷商努力提升業績。?
  1. 分銷關系綁定邏輯?
  • 常見的分銷關系綁定方式是基于用戶首次點擊的分享鏈接或掃描的分銷二維碼。當用戶點擊分銷商分享的鏈接進入小程序后,系統自動記錄該用戶與分享鏈接的分銷商之間的關聯關系,后續該用戶在小程序內的所有購買行為,只要符合分銷規則,相應的分銷商都能獲得傭金。?
  • 為了防止分銷關系被惡意篡改,需要有嚴格的技術保障。同時,要設置合理的分銷關系有效期,比如用戶點擊分享鏈接后的 30 天內產生的購買行為都與該分銷商關聯,若超過 30 天未購買,再次購買時需重新點擊分享鏈接確定分銷關系。?
(二)分銷推廣工具與渠道?
  1. 商品分享鏈接與海報制作?
  • 為分銷商提供便捷的商品分享鏈接生成工具,鏈接要簡潔且包含分銷商的唯一標識信息,方便系統識別和追蹤。同時,設計精美的商品分享海報,海報上突出商品的核心賣點、優惠信息以及分銷商專屬二維碼。例如,對于一款護膚品,海報上展示產品的主要功效(如美白、保濕)、限時折扣(如 8 折優惠)以及分銷商二維碼,吸引用戶掃碼購買。?
  • 海報的設計風格要與小程序整體品牌形象一致,并且要適應不同的社交平臺尺寸要求。在微信朋友圈分享時,海報尺寸應符合朋友圈最佳展示效果,確保清晰美觀,提高用戶的點擊率和購買轉化率。?

  1. 社交媒體渠道推廣?
  • 鼓勵分銷商在微信、微博、抖音等社交媒體平臺進行推廣。在微信上,分銷商可以將商品分享鏈接或海報發送到朋友圈、微信群,針對不同的圈子選擇不同的推廣話術。比如在寶媽群推廣母嬰類小程序商品時,話術可以側重于產品對寶寶健康成長的幫助以及自身使用的真實體驗。?
  • 在微博上,利用熱門話題標簽,結合商品特點發布有趣、有價值的內容,吸引更多潛在用戶關注。例如推廣一款健身器材小程序商品時,發布與健身相關的話題內容,如 “如何在家高效健身”,并在文中巧妙植入商品分享鏈接。在抖音上,可以制作生動的短視頻展示商品使用過程和效果,引導用戶點擊視頻中的小程序鏈接購買。?
  1. 小程序內分銷中心建設?
  • 在小程序內搭建專門的分銷中心頁面。頁面設計要簡潔明了,易于操作。在分銷中心,分銷商可以清晰地看到自己的推廣數據,如推廣訂單數量、銷售額、待結算傭金、已結算傭金等。同時,提供推廣商品的詳細列表,包括商品圖片、名稱、價格、傭金比例等信息,方便分銷商選擇推廣商品。?
  • 分銷中心還應設置分銷商申請入口(如果有申請成為分銷商的門檻)、分銷規則說明、推廣技巧分享等板塊。推廣技巧分享板塊可以定期更新一些實用的推廣方法和案例,幫助分銷商提升推廣效果。例如分享如何撰寫吸引人的朋友圈文案、如何利用抖音短視頻進行商品推廣等案例。?
(三)分銷數據管理與分析?
  1. 關鍵數據指標監測?
  • 商家需要重點監測分銷商數量、分銷商活躍度、推廣訂單量、銷售額、傭金支出等關鍵數據指標。通過對分銷商數量的監測,可以了解分銷團隊的規模增長情況;分銷商活躍度反映了分銷商參與推廣的積極性,比如查看分銷商登錄分銷中心的頻率、分享商品的次數等。?
  • 推廣訂單量和銷售額直接體現了分銷效果,通過分析不同時間段、不同商品的訂單量和銷售額,能夠發現暢銷商品和銷售低谷期,以便調整推廣策略。傭金支出數據則幫助商家控制成本,確保分銷模式的盈利性。?
  1. 數據報表生成與分析?
  • 定期生成數據報表,如日報表、周報表、月報表等。報表內容應包括各項關鍵數據指標的詳細數據以及變化趨勢圖表。例如,月報表中展示本月分銷商數量的增長曲線、各類商品的銷售額占比餅圖、不同等級分銷商的傭金支出柱狀圖等。?
  • 通過對數據報表的深入分析,挖掘數據背后的原因。如果發現某個時間段內銷售額下降,可能是因為某類商品的市場需求變化,或者是競爭對手推出了類似的優惠活動。根據分析結果,及時調整商品推廣策略,如加大熱門商品的推廣力度、優化商品價格體系等。?
  1. 基于數據的優化決策?
  • 根據數據分析結果,對分銷模式進行優化。如果發現某個等級的分銷商數量過多,但業績貢獻不高,可以適當調整該等級的傭金比例或晉升門檻,激勵分銷商努力提升業績。?
  • 對于推廣效果不佳的商品,可以考慮優化商品詳情頁內容、調整商品價格或推出針對性的促銷活動。同時,根據數據反饋,為分銷商提供更有針對性的推廣建議和資源支持,提高整體分銷效率。?
二、小程序轉介紹策略?
(一)轉介紹獎勵機制設計?
  1. 多樣化獎勵形式?
  • 積分獎勵:用戶成功轉介紹新用戶注冊或購買商品后,可獲得一定數量的積分。積分可以在小程序內兌換商品、優惠券或參與抽獎活動。例如,每成功轉介紹一位新用戶注冊獲得 50 積分,成功轉介紹一位新用戶購買商品獲得 200 積分,1000 積分可兌換一張價值 50 元的小程序通用優惠券。?
  • 優惠券獎勵:提供不同類型的優惠券作為轉介紹獎勵,如滿減優惠券、折扣優惠券、無門檻優惠券等。新用戶通過轉介紹鏈接注冊后,雙方都能獲得優惠券。比如新用戶獲得一張滿 100 元減 30 元的優惠券,轉介紹用戶獲得一張 8 折優惠券。?
  • 現金紅包獎勵:對于成功轉介紹的用戶直接發放現金紅包,紅包金額可以根據新用戶的消費金額或行為進行設置。例如,新用戶完成首次購買且消費金額達到 100 元,轉介紹用戶可獲得 10 元現金紅包;消費金額達到 200 元,轉介紹用戶可獲得 20 元現金紅包。?
  1. 獎勵門檻與條件設定?
  • 設定合理的獎勵門檻,既要保證用戶有動力參與轉介紹,又要確保轉介紹來的新用戶具有一定的價值。例如,要求新用戶注冊后 7 天內完成首次購買,轉介紹用戶才能獲得獎勵;或者新用戶在小程序內的累計消費金額達到一定數額(如 500 元),轉介紹用戶可獲得額外的高額獎勵。?
  • 明確獎勵的領取條件和方式。在小程序內設置清晰的轉介紹獎勵規則說明頁面,告知用戶如何參與轉介紹活動、滿足什么條件可以獲得獎勵以及如何領取獎勵。獎勵領取方式要便捷,如積分自動到賬、優惠券直接發放到用戶賬戶、現金紅包通過微信轉賬或小程序內余額提現等。?
  1. 獎勵活動的時效性與周期性?
  • 為了營造緊迫感,提高用戶參與轉介紹的積極性,獎勵活動可以設置時效性。例如,限時一周內成功轉介紹可獲得雙倍積分或更高金額的優惠券。同時,定期開展周期性的轉介紹獎勵活動,如每月推出一次 “轉介紹狂歡月” 活動,在活動期間加大獎勵力度,吸引更多用戶參與。?
  • 在活動結束后,對活動效果進行總結和分析,根據數據反饋調整下一次活動的獎勵策略和活動形式,不斷優化轉介紹獎勵機制。?
(二)轉介紹流程優化?
  1. 簡化分享操作步驟?
  • 在小程序內設計簡潔直觀的轉介紹分享入口,確保用戶能夠輕松找到。例如,在商品詳情頁、個人中心等頁面設置明顯的 “分享給好友” 按鈕,點擊按鈕后,用戶可以直接選擇分享到微信好友、微信群或朋友圈。?
  • 分享操作過程要簡單快捷,減少用戶的操作成本。分享鏈接或海報要自動生成,無需用戶手動復制或編輯。同時,支持用戶自定義分享文案,提供一些預設的優質分享文案供用戶選擇,方便用戶根據不同的分享場景進行調整。?
  1. 清晰的引導與反饋機制?
  • 在用戶進行轉介紹操作過程中,提供清晰的引導提示。例如,當用戶點擊 “分享給好友” 按鈕后,彈出提示框告知用戶分享成功后可獲得的獎勵以及如何查看轉介紹結果。在新用戶通過分享鏈接進入小程序后,也有相應的提示告知新用戶這是來自好友的推薦以及注冊或購買可享受的優惠。?
  • 建立及時的反饋機制,讓用戶能夠實時了解轉介紹的進展情況。當新用戶注冊成功后,轉介紹用戶能收到通知;新用戶完成首次購買后,轉介紹用戶也能第一時間得知并獲取相應獎勵,增強用戶對轉介紹活動的參與感和滿意度。?
  1. 個性化轉介紹頁面設計?
  • 為轉介紹用戶生成個性化的轉介紹頁面,頁面上展示轉介紹用戶的專屬信息,如昵稱、頭像以及推薦語。推薦語可以由轉介紹用戶自行編輯,也可以根據用戶在小程序內的購買行為和偏好自動生成。例如,“我在 [小程序名稱] 購買了很多優質商品,強烈推薦給你,快來看看吧!——[轉介紹用戶昵稱]”。?
  • 個性化轉介紹頁面的設計風格要與小程序整體風格一致,同時突出轉介紹的主題和獎勵信息,吸引新用戶的關注和參與。通過個性化設計,增加轉介紹頁面的可信度和吸引力,提高新用戶的轉化率。?
(三)利用用戶口碑促進轉介紹?
  1. 優質產品與服務保障?
  • 提供優質的產品或服務是建立用戶口碑的基礎。確保小程序內銷售的商品質量可靠、功能滿足用戶需求,服務周到細致。例如,對于電商小程序,商品要嚴格把控質量關,從選品到采購、質檢都要有嚴格的流程;對于服務類小程序,如在線教育小程序,要保證教學質量,教師專業水平高、教學方法得當。?
  • 建立完善的售后服務體系,及時響應和解決用戶的問題和投訴??焖偬幚碛脩舻耐藫Q貨請求、解答用戶的咨詢疑問,讓用戶感受到良好的服務體驗,從而提高用戶對小程序的滿意度和忠誠度,為轉介紹打下良好基礎。?
  1. 用戶評價與案例展示?
  • 在小程序內設置用戶評價和曬單功能,鼓勵用戶分享自己的使用體驗和購買心得。展示真實的用戶評價和曬單圖片,讓潛在用戶能夠直觀地了解商品或服務的實際效果。例如,在商品詳情頁下方設置 “用戶評價” 板塊,展示用戶的文字評價、評分以及曬單圖片,好評率高的商品更容易吸引新用戶購買。?
  • 整理和展示成功的用戶案例,尤其是一些具有代表性的用戶通過使用小程序獲得顯著收益或改善生活的案例。例如,對于一款健身小程序,可以展示用戶通過使用小程序制定的健身計劃,成功減肥或增肌的前后對比照片和用戶的經驗分享,激發其他潛在用戶的興趣和參與欲望,促使他們通過轉介紹鏈接加入小程序。?
  1. 激勵用戶主動傳播口碑?
  • 除了轉介紹獎勵機制,還可以通過其他方式激勵用戶主動傳播口碑。例如,設立 “口碑之星” 評選活動,每月從積極分享使用體驗和轉介紹新用戶的用戶中評選出 “口碑之星”,給予豐厚的獎勵,如免費的商品、高額優惠券或定制禮品等。?
  • 對用戶的好評和分享進行及時回復和感謝,增強用戶的參與感和認同感。可以在用戶評價下方回復個性化的感謝語,對用戶提出的建議表示重視和改進,讓用戶感受到自己的意見被尊重,從而更愿意主動為小程序進行口碑傳播。?
三、小程序分銷與轉介紹相關界面設計示例?
(一)分銷中心界面設計?
  1. 整體布局?
  • 分銷中心首頁采用簡潔明了的布局,頂部設置醒目的分銷商等級標識和當前可提現傭金金額。例如,以金色徽章顯示高級分銷商等級,可提現傭金金額以較大字體突出顯示在徽章下方,讓分銷商一眼就能看到自己的關鍵信息。?
  • 頁面中間部分劃分為幾個主要板塊,分別是推廣數據概覽、推廣商品列表、我的團隊(如果有多級分銷)、分銷規則說明。各板塊之間有明顯的分隔線,便于區分和查看。?
  1. 推廣數據概覽板塊設計?
  • 以圖表形式展示推廣訂單數量、銷售額、新增下級分銷商數量等關鍵數據。例如,使用柱狀圖展示近一周每天的推廣訂單數量變化趨勢,讓分銷商直觀地了解自己的推廣業績波動情況;用餅圖展示不同商品的銷售額占比,幫助分銷商明確重點推廣商品。?
  • 在圖表下方,列出具體的數據數值,并標注與上一周期(如上周)相比的增長或下降百分比,讓分銷商清晰地了解自己的業績變化情況。?
  1. 推廣商品列表板塊設計?
  • 商品列表按照商品圖片、商品名稱、商品價格、傭金比例、操作按鈕的順序排列。商品圖片展示要清晰,能夠吸引用戶注意力;商品名稱簡潔明了,突出商品核心特點;商品價格和傭金比例以較大字體顯示,方便分銷商查看和比較。?
  • 操作按鈕包括 “分享推廣” 和 “查看詳情”。點擊 “分享推廣” 按鈕,可直接彈出分享渠道選擇界面(如微信好友、微信群、朋友圈等),方便分銷商進行商品推廣;點擊 “查看詳情” 按鈕,可進入商品詳細信息頁面,包括商品描述、用戶評價、推廣素材下載等內容。?
  1. 我的團隊板塊設計(多級分銷適用)?
  • 以樹形結構展示分銷商的團隊成員關系,每個成員頭像旁邊顯示其昵稱、等級和業績數據(如推廣訂單量、銷售額)。通過點擊成員頭像,可以查看該成員的詳細推廣數據和下級成員列表。?
  • 在團隊板塊下方,設置團隊業績統計數據,如團隊總推廣訂單量、總銷售額、團隊成員傭金支出等,讓分銷商對自己團隊的整體業績有清晰的了解。?
  1. 分銷規則說明板塊設計?
  • 以簡潔易懂的文字詳細說明分銷規則,包括分銷商等級晉升條件、傭金計算方式、結算周期、提現規則等內容。對于重要的規則條款,使用加粗或不同顏色字體突出顯示,方便分銷商快速查看關鍵信息。?
  • 在規則說明下方,設置常見問題解答(FAQ)板塊,針對分銷商可能遇到的問題進行解答,如 “如何成為分銷商”“為什么我的傭金還未到賬” 等,減少分銷商的咨詢成本。?
(二)轉介紹頁面設計?
  1. 分享入口界面設計?
  • 在小程序內多個頁面設置明顯的轉介紹分享入口,如個人中心頁面右上角設置一個帶有 “分享有禮” 字樣的圖標,商品詳情頁下方設置 “分享給好友,一起享優惠” 按鈕。按鈕或圖標的設計風格要與小程序整體風格一致,同時具有較高的辨識度,吸引用戶點擊。?
  • 當用戶點擊分享入口時,彈出一個半透明的分享選擇框,顯示分享到微信好友、微信群、朋友圈以及復制鏈接等選項。每個選項旁邊配有相應的簡潔圖標,如微信好友圖標、微信群圖標、朋友圈圖標等,方便用戶快速選擇分享渠道。?
  1. 個性化分享頁面設計?
  • 當用戶選擇分享到微信等平臺后,生成個性化的分享頁面。頁面頂部展示轉介紹用戶的昵稱和頭像,頭像下方顯示一句個性化推薦語,如 “我一直在用 [小程序名稱],真的很棒,推薦給你!——[轉介紹用戶昵稱]”。?
  • 頁面中間部分展示小程序的核心價值和特色,如電商小程序可以展示熱門商品圖片和優惠信息,服務類小程序可以展示服務優勢和用戶好評截圖。同時,突出轉介紹獎勵信息,如 “分享成功,你和好友都可獲得 50 積分和一張滿 100 減 20 優惠券”,以吸引新用戶參與。?
  • 頁面底部設置一個醒目的 “立即加入” 按鈕,按鈕顏色與頁面整體色調形成對比,突出顯示。點擊按鈕,可直接跳轉到小程序注冊或商品購買頁面。?
  1. 轉介紹結果反饋界面設計?
  • 當新用戶通過分享鏈接注冊或購買商品后,轉介紹用戶會收到轉介紹結果反饋通知。通知可以是小程序內的彈窗提示,也可以是消息中心的一條消息。?
  • 彈窗提示或消息內容顯示新用戶的注冊信息(如昵稱)或購買商品信息,以及轉介紹用戶獲得的獎勵詳情,如 “恭喜您,您成功轉介紹 [新用戶昵稱] 注冊,已獲得 50 積分,獎勵已發放至您的賬戶”。同時,提供一個 “查看我的獎勵” 按鈕,方便用戶查看自己的積分、優惠券等獎勵情況。?

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

2025年UI/UX趨勢

天宇 行業趨勢

2025年,UI/UX設計領域正迎來一系列令人興奮的創新趨勢。從更具沉浸感的3D元素到人性化的分區設計,從動態排版到模糊與顆粒效果的巧妙運用,再到生物識別技術的普及和可穿戴設備的深度適配,這些趨勢不僅讓界面更加美觀,更提升了用戶體驗和情感共鳴。本文將深入探討這些前沿設計趨勢,為設計師和產品團隊提供靈感和方向,幫助他們打造出更具吸引力和實用性的數字產品。

2025 年,數字設計領域會有很多新機會,這都得靠創新來推動。設計師們現在越來越大膽,敢打破傳統套路,設計出的東西不僅要實用,還得有吸引力,能真正打動人。

比如,會有更多 3D 元素加入設計里,讓用戶感覺更真實、更沉浸;還有很多設計會把 “方便用戶” 和 “拉近人際距離” 放在首位,不再只追求技術炫酷,而是更關注用戶的實際需求和情感感受。

那么我們來看一下有哪些趨勢~

1、分區設計(便當格):像整理抽屜一樣規劃界面

你有沒有過這樣的體驗?打開一個 APP,信息像 “亂燉” 一樣堆在一起,找半天找不到重點。

2025 年的設計師學會了 “斷舍離”

就像日式便當盒把飯菜分成不同格子,現在設計師也把網頁或 APP 界面分成多個 “小格子”,每個格子放不同功能或內容(比如數據、圖片、文字)。

好處:信息更清晰,用戶一眼就能看出重點,而且設計師可以靈活排列,讓頁面既整齊又好看。

比如有的網站用這種格子展示不同模塊,重要內容更突出,干擾少。

分區設計技巧:格子的大小、間距、邊框都有講究!重要內容的格子更大、邊框更粗,次要信息的格子更 “低調”,就像媽媽給你裝便當,愛吃的菜永遠擺在最顯眼的位置。

圖片網站鏈接:https://selestial.co/

2、3D 元素:讓界面從 “照片” 變成 “小世界”

以前網頁里的 3D 圖像是 “擺件”,現在它們會 “互動” 了!

3D 效果不是新鮮事,但現在更厲害:能互動、能沉浸!

比如網頁里的物體可以 360 度旋轉,虛擬試穿衣服、查看產品細節,甚至結合 AR/VR 讓你感覺身臨其境。

現在手機和瀏覽器性能更強了,3D 元素加載更快,甚至能在低配設備上流暢運行,設計師可以大膽用毛茸茸的 3D 圖標、會 “呼吸” 的動態按鈕(比如按鈕按下時像真的被按下去一樣凹陷)。

好處:畫面更立體、有趣,用戶體驗像在真實世界互動,不再是死板的圖片和文字。

圖片網站鏈接:https://kevinhilgendorf.com/

圖片網站鏈接:https://labs.chaingpt.org/

3、動態排版:文字會 “講故事” 了

字體不再老老實實不動,而是會 “跳舞”:大小變化、顏色漸變、跟著用戶操作移動,甚至根據內容情緒調整動畫(比如錯誤提示字體變紅閃爍,成功提示變綠飄動)。

好處:吸引注意力,傳遞品牌個性,比如讓標題動起來,用戶一眼就被抓住。

文字不再是 “死板的符號”,而是會 “表演” 的演員,我們可以做一些交互創意方面的案例假設

案例1:一個新聞網站的標題 “今日熱點”,當你滾動頁面時,“熱點” 兩個字會像火苗一樣跳動,吸引你點擊;電商網站的 “限時折扣” 按鈕,文字會從左到右 “跑馬燈” 式滾動,仿佛在喊 “快看我!”。

案例2:社交媒體 APP 的評論區,當有人給你發 “生日快樂”,“生日快樂” 這幾個字會飄出彩色 confetti(紙屑),還會放大縮小;如果收到一條提醒 “網絡連接失敗”,文字會變成紅色,輕微抖動,像在著急地告訴你 “出問題啦”。

案例3:未來的動態字體甚至能根據你的輸入語氣自動調整!比如你在聊天框里輸入 “氣死我了!”,發送后文字會變成紅色,扭曲變形,模擬 “憤怒” 的情緒;輸入 “哈哈哈哈哈”,文字會笑著上下彈跳,自帶喜感。

圖片網站鏈接:https://wodniack.dev/

圖片網站鏈接:https://romaingranai.xyz/

4、模糊 & 顆粒效果:給界面加一層 “溫柔濾鏡”

背景不再是純色或簡單漸變,而是加了 “濾鏡”:有的模糊像柔光,有的帶顆粒感像老照片,讓界面更有層次和溫度。

好處:不搶主內容的風頭,卻能增加細膩的質感,讓用戶覺得界面更精致、有 “呼吸感”。

想象一下:你的屏幕不再是冰冷的玻璃,而是像磨砂質感的燈罩,透著柔和的光 ——

例如:一個閱讀 APP 的背景,不是純灰色,而是帶點模糊的淺灰,像隔著一層薄霧,文字浮在上面更突出,眼睛看久了也不累;

短視頻 APP 的點贊按鈕背后,有淡淡的顆粒感,像老電影膠片,點擊時還會有輕微的 “沙沙” 聲,復古又治愈。

例如:有些網站的光標變成了半透明的小圓圈,移動時會在背景留下淡淡的拖影,像在雪地上踩出腳??;

購物車圖標點擊時,周圍會升起細小的顆粒,像撒了一把金粉,讓操作更有 “儀式感”。

現代人看膩了 “完美到反光” 的數字界面,這種帶點 “不完美” 的質感,反而讓人感覺親切,像摸到了真實的紙張或布料。

圖片網站鏈接:https://breadzine.com/

5、暗色模式:從 “暗黑冷酷” 到 “深夜暖燈”

以前的暗色模式是 “純黑配白字”,刺眼又冰冷,現在設計師給它加了 “柔光濾鏡”:

不是純黑背景配白字那種刺眼的暗模式,而是柔和的 “低對比度暗調”:比如深灰配淺灰,帶點淡淡光影,像傍晚的光線一樣舒服。

好處:保護眼睛,減少視覺疲勞,還營造出高級、安靜的氛圍,比傳統暗模式更溫馨。

顏色更溫柔:比如微信的暗色模式,背景不是純黑,而是深海軍藍,文字是淺灰色,圖標帶一點淡金色光澤,晚上刷手機像在暖黃色的臺燈下看書,不刺眼還很高級。

場景化設計:一個助眠 APP 的低光模式,界面會模擬 “月光效果”,背景有淡淡的云層陰影,按鈕像夜空中的星星一樣微微閃爍,配合白噪音,讓你還沒開始冥想就先放松下來。

保護眼睛更貼心:低對比度設計減少視覺疲勞,尤其適合長時間用手機的上班族、學生黨,再也不用擔心晚上刷手機 “亮瞎眼”。

圖片網站鏈接:https://www.chromatique.studio/

圖片網站鏈接:https://dribbble.com/shots/24281290-Kenn-Food-Processor-Landing-Page

圖片網站鏈接:https://silverdrive.nl/

6、UX文案:界面里的 “貼心小助手”

你有沒有被 APP或網站 的 “謎之提示” 搞懵過?比如 “操作異常,請重試”—— 到底哪里異常?現在設計師開始 “說人話” 了

按鈕上的字、提示信息、錯誤提醒…… 這些細節文字越來越重要。比如 “提交” 改成 “確認發布”,錯誤提示寫 “網絡好像斷了,點擊重試” 而不是冷冰冰的 “錯誤 404”。

好處:讓用戶知道該做什么,減少操作困惑,就像有個小助手在旁邊輕聲指導。

按鈕文案更具體:以前 “提交” 按鈕,現在改成 “確認并發布動態”,你一下就知道點了之后會發生什么;購物車的 “結算” 按鈕變成 “去支付(含 3 件商品)”,清楚告訴你當前購物車數量。

錯誤提示會 “安慰人”:當你登錄密碼輸錯,不再是 “密碼錯誤”,而是 “密碼好像不對哦,是不是字母大小寫搞錯了?試試找回密碼吧~”,帶點 emoji 和親切感,讓你不煩躁。

空狀態會 “引導”:比如一個筆記 APP 的空白頁,不再是冷冰冰的 “暫無筆記”,而是畫著一個小臺燈,配文 “點擊新建筆記,開始記錄今天的小確幸吧~”,鼓勵你行動起來。

圖片網站鏈接:https://clickup.com/

圖片網站鏈接:https://www.headspace.com/

7、生物識別:靠 “臉” 吃飯,告別密碼焦慮

不用記復雜密碼了!指紋、人臉、語音識別越來越普及,甚至未來可能用眼動或神經信號驗證。比如手機刷臉解鎖、支付時掃指紋,又快又安全。

好處:再也不怕忘記密碼,登錄像 “本能反應” 一樣自然。 

你還記得自己設過多少個密碼嗎?郵箱、銀行、社交軟件……2025 年,你只需要 “露個臉”

“掃個指紋”:

生活場景:早上上班,刷臉打開公司門禁;午休用指紋支付買咖啡;晚上回家,虹膜識別解鎖手機,全程不用輸密碼。甚至連銀行 APP 轉賬,看一眼攝像頭就能確認身份,安全又快捷。

默默驗證更省心:有些 APP 會 “偷偷” 驗證你 —— 比如你常用手機的手勢是右手拇指解鎖,系統會記錄你的握持姿勢,當檢測到左手拿手機且指紋不符時,自動觸發安全提醒,不用你手動操作,安全藏在細節里。

特殊場景:比如戴著手套不方便指紋解鎖?未來的可穿戴設備可能支持 “靜脈識別”,通過血管紋路確認身份,下雨天、運動時也能輕松解鎖。

圖片網站鏈接:https://dribbble.com/shots/23201694-Face-id

8、可穿戴設備設計:從 “戴在身上” 到 “長在身上”

智能手表不再是 “縮小版手機”,而是更懂你的 “貼身伙伴”:

智能手表、VR 眼鏡、健康手環等設備的設計越來越難:屏幕小,怎么讓用戶操作方便?

比如用手勢滑動、語音命令,甚至靠眨眼控制;還要考慮戴著舒服(輕、貼合手腕)、續航久、適應各種場景(運動時防水,強光下看得清)。

小屏幕大講究:比如一個運動手表,跑步時屏幕自動切換成 “極簡模式”,只顯示配速、心率、里程,字體超大,你 glancing(掃一眼)就能看清;當你停下來休息,屏幕會慢慢顯示更詳細的數據,像個貼心教練。

交互方式創新:VR 眼鏡不再靠手柄操作,你眨眨眼就能切換菜單,點點頭就能確認;智能手環檢測到你睡眠不好,早上會震動提醒 “昨晚睡眠質量一般,今天記得多喝水哦”,還會同步調整手機的屏幕亮度,幫你緩解疲勞。

場景化適配:比如滑雪專用智能眼鏡,強光下自動調暗鏡片,檢測到你加速滑行時,界面只顯示速度和路線,避免分心;潛水手表接觸到水時,自動鎖定屏幕防止誤觸,浮出水面后又恢復正常。

圖片網站鏈接:https://inspect-ar.com/en/

圖片網站鏈接:https://dribbble.com/shots/18628321-Fitness-Smart-Watch-UI

2025 年的設計趨勢:“以人為本”

界面不再只追求好看,還要讓用戶用得爽、有情感共鳴:分區清晰、3D 互動、動態字體吸引眼球,模糊背景和低光模式讓眼睛舒服;UX 寫作和生物識別減少操作麻煩,可穿戴設備更懂用戶的使用場景。

本文由人人都是產品經理作者【南設】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于 CC0 協議。

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

全球化UI設計:全網最全小語種出海產品設計干貨

天宇 交互設計及用戶體驗

出海產品面臨著語言、文化和用戶習慣的巨大差異,這對UI設計師提出了更高的要求。本文為出海產品的UI設計提供了全面的干貨指南,從文字、圖標、色彩、圖案到交互手勢等多個角度,詳細拆解了設計師在面對小語種和不同文化背景時需要注意的關鍵點。

隨著TikTok的海外關注度和影響力逐漸擴展、小紅書在海外友人的媒體圈炙手可熱,國內的互聯網市場逐漸趨于飽和,互聯網產品紛紛向東南亞、非洲、拉丁美洲、歐洲擴展商業版圖,這也為UI設計師創造了新的機遇。

對于出海產品而言,UI設計師需要有基礎的語言文化了解,在此基礎上去進行設計才能真正滿足海外用戶的需求,本文主要從UI的文字、圖標、色彩等幾個角度來拆解設計師在設計海外項目時需要注意的關鍵點,避免因為文化習俗差異而影響產品的易用性。

目錄:

1.小語種文字:超長文本的處理規則、鏡像語言、小語種適配檢視技巧

2.圖標:需要鏡像的典型圖標、不需要鏡像的典型圖標、圖標特例

3.顏色

4.圖案:禁忌圖標、禁忌手勢、禁忌物品、禁忌動物

5.交互手勢

一、小語種文字

① 超長文本的處理規則

當在某些語種下出現界面用語超長顯示不完整的情況,應按照如下優先級進行處理:

(1)精簡界面用語

在保證可理解的前提下,考慮對該語言的翻譯進一步精簡,采用其他較短的近義詞或者精簡表達,如“save number”在界面用語超長時應精簡為“save”。

(2)動態布局

當控件周圍沒有其他控件沖突時,控件可根據界面用語長度動態擴展,如按鈕。

(3)縮小文字

將文本逐級縮小,建議最小縮小到18sp/dp。

??并列的層級關系,文本超長時所有文字需要同時縮小字號

(4)多行顯示

在設計中文時,提前考慮預留小語種換行空間,??按音節換行。

(5)跑馬燈

避免同意界面使用過多的跑馬燈,1-3個為宜。過多的跑馬燈會分散用戶注意力,界面顯示混亂。跑馬燈占用系統資源,影響性能,過多的跑馬燈可能會導致卡頓。

(6)打點截斷

顯示不下到文字截斷顯示并在末尾增加“…”

截斷的使用場景:

A.用戶自定義內容,如文件名,相冊名

B.某處顯示空間有限,但可以在本層級/上一層級/下一層級查看到全量內容。

② 鏡像語言

阿拉伯、波斯語、烏爾都語、希伯來語等語言的書寫都是從右向左書寫,和當今世界主流語言(如英語)從左向右書寫的方向相反。

受文字書寫方向的影響,阿拉伯語言的用戶對于左右邏輯的認知和英文等LTR (left to right)完全相反,比如習慣將右側作為開始,左側作為結束。

為了支持RTL語言和用戶習慣特點,在UI設計中,需要在文本,界面布局,手勢操作和動畫,圖標等交互元素中滿足RTL的特殊要求。

③ 小語種適配檢視技巧

(1)字串顯示——檢視語言:西班牙語(拉丁美洲)

(2)大字體顯示——檢視語言:西班牙語(拉丁美洲)

二、圖標

① 需要鏡像的典型圖標

(1)后退,前進

(2)顯示前進方向的圖標,如:騎車 發送 進度條。

▲ 阿拉伯語-顯示前進方向

(3)右側具有滑塊的音量圖標應當鏡像,滑塊應從右向左顯示,如:音量調節。

▲ 阿拉伯語-音量調節

(4)表達含有文本含義的圖標,如:對話框、書寫、備忘錄。

▲ 阿拉伯語-文本含義圖標

② 不需要鏡像的典型圖標

(1)雖然時間的線性表示在RTL中被鏡像,但圓形時間方向不是。對于RTL需要,時鐘仍然是順時針轉動,時鐘圖標或帶有箭頭指向順時針圖標的刷新圖標不應該鏡像。

▲ 阿拉伯語-帶有時間含義的圖標

(2)國際標準的圖標不需要鏡像,如藍牙。

(3)擬物圖標不需要鏡像,如SIM卡。

 (4) 斜線不需要鏡像 ,如靜音圖標。

▲ 阿拉伯語-特殊免鏡像圖標

③ 圖標特例

(1)亮度圖標需要鏡像:英文習慣認為左邊暗,右邊亮;阿拉伯語習慣認為左亮,右邊暗。

(2)阿拉伯語有自己的問號?

(3)阿拉伯語am.pm的位置要移動到時間左側

三、色彩

1.中東市場:綠色為主、火紅與黃色慎用。綠色象征吉祥,但敘利亞視黃色為不祥之兆,伊朗不喜愛藍色。

2.非洲市場:禁忌多樣。黑色普遍被認為不祥,紅色在乍得、尼日利亞等國也不受歡迎。

3.歐洲市場:白色神圣,黃色慎用。

四、圖案

禁忌手勢

禁忌物品

禁忌動物

五、交互式手勢

RTL語言中,帶左右滑動方向的圖片或者是左右滑動展開功能選項,應遵循與英文界面相反的鏡像規則。

漢語-左滑刪除

以上就是從小語種文字、圖標、顏色、圖案、交互手勢等方面總結的出海產品設計干貨,希望能讓你有所收獲~

本文由人人都是產品經理作者【Clippp】,原創/授權 發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于 CC0 協議。

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

干貨!6 條提升用戶體驗的小貼士

天宇 交互設計及用戶體驗

用戶體驗是一個老生常談的話題。在進行 UI & UX 設計時,我們經常會忽略一些細節,雖然我們并沒有覺得有什么問題,但往往會極大地影響用戶的體驗,從而影響整個產品。作者在本文中提出了 6 條提升用戶體驗的微技巧,一起來學習吧!

在設計高效、易讀和漂亮的 UI 界面時,只需要小的改動就能讓你的設計眼前一亮。在這篇文章中,我為你帶來了另一些容易付諸實踐的 UI 和 UX 微技巧。這些技巧只需很小的改動就可以幫助你提升用戶體驗。讓我們開始吧!

一、通過色彩讓設計更一致

如果你有一個設計項目,可以讓你在顏色選擇方面有比較多的自由,不要總是傾向于用彩虹般的顏色來進行設計。

如果你走的是彩虹路線,你很快就會發現很多內容看起來都不匹配。簡單地使用一個基礎色,然后將該顏色的色調和明暗進行變化并應用,可以令你的設計更加協調和一致,并且看起來更專業,而不需要那些閃亮的彩虹和需要色彩理論學位。

干貨!6 條提升用戶體驗的小貼士

二、突出選中目標吸引用戶注意

UI 可以是干凈的、極簡的和直截了當的,這毋庸置疑。但不能以犧牲用戶體驗為代價。對于像選項菜單這樣簡單的東西,要確保用戶只需快速瀏覽一下,就能夠找到選擇的項目。

你不需要在這里追究更多細節。簡潔的粗體就足夠讓用戶輕松的分辨出他們選中的目標,而且他們的輸入已經得到反饋。

干貨!6 條提升用戶體驗的小貼士

三、加深輕字重文字 提升可讀性

當涉及到長篇文字內容時,你可能會傾向于使用灰色的中間色調,這可能沒什么問題。但如果你同時使用更輕字重的字體,就會發現這影響了這段內容在任何尺寸屏幕上的可讀性。

不要讓用戶因為這種原因退出頁面??梢酝ㄟ^將文字的顏色加深來簡單地解決這個問題,讓每個人都更加易讀。對于較輕字重的字體,只需將其顏色加深幾個級別,就能顯著的改善其可讀性。

干貨!6 條提升用戶體驗的小貼士

四、明確元素優先級

你希望用戶的眼睛每次都能快速、有效地注意到頁面上最重要的元素,并將認知的努力降到最低。通過使用視覺層級原則,如字體大小、字重、顏色和布局,僅舉幾例,你可以通過這些技巧輕松地把最重要的元素放在突出位置。遵循這些原則有助于改善用戶的體驗,并有助于引導用戶以更直接、準確地方式使用產品。

干貨!6 條提升用戶體驗的小貼士

五、不要讓用戶猜測

在用戶進行操作之前,特別是點擊某些 CTA 按鈕之前,要確保他們不會被蒙在鼓里,知道接下來會發生什么。在執行操作之前,始終讓用戶清楚地了解他們在點擊突出顯示的 CTA 按鈕時可以期待些什么。改善每一步的用戶體驗,不要讓他們在旅程中任何一個觸點產生疑問。

干貨!6 條提升用戶體驗的小貼士

六、為CTA按鈕單獨設定一種顏色

CTA 按鈕在頁面中哪怕不是最重要的部分,也是最重要的之一,讓它在頁面中突出出來!

不要讓用戶將它與頁面上其他類型的元素(例如通知或標簽)混淆。它需要很容易地被分辨出來,而這可以通過簡單地為 CTA 設置單獨一種顏色就做到。當然,你可以在尺寸、形狀等方面做更多的細節,但只要為你的 CTA 保留一種顏色,僅此一點就可以減少大部分問題。

我希望通過這幾條簡短的小貼士,你能意識到對你的設計進行小的調整也能帶來完全不一樣的用戶體驗。

譯者:吳鵬飛;授權獲?。簠蛆i飛;審核指導:王翎旭;

本文由@三分設 翻譯發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

15個關鍵點,掌握B端表格設計規范+交互邏輯

天宇 B端ui設計文章及欣賞

毫無疑問,表格之于B端產品而言是及其重要的一部分,那么,如何系統掌握B端產品中的表格設計呢?本文作者從表格設計規范與交互邏輯兩個角度提出了15點建議,干貨滿滿,希望對你有幫助。

表格作為B端產品中重要的界面組成部分,承載著內容展示、數據記錄等多重任務。每家產品的表格看起來構成差不多,但在交互細節上仍然有很多好的地方值得我們仔細思考。

本次通過整理10條B端表格設計規范+5條B端表格交互邏輯,系統掌握B端產品中的表格設計~

一、B端表格規范整理

1. 對齊,高效的信息獲取方式

表格內的信息通過對齊,會更加規范易理解,給用戶視覺上的統一感,且視線流動順暢,能夠讓人快速捕捉到所要的內容。

  • 文本信息左對齊,因為現代人的閱讀方式習慣從左到右,符合正常心智;
  • 數據信息右對齊,方便數字大小的直觀對比;
  • 內容寬度固定居中對齊,更好的信息呈現及表格空間的節??;
  • 表頭與信息內容對齊方式一致,一致性以達到簡化,降低視覺噪音。

15個關鍵點,掌握B端表格設計規范+交互邏輯

2. 表格列數與固定列

默認展示的列數為3-8列,如果需要展示更多列數,則需要優先固定展示重要列,其余的列的內容會以滾動條滑動而展示出來。

有操作時需固定,操作項不固定時無法快速定位會降低操作效率;重要信息固定,有利于快速獲取重要的內容。

15個關鍵點,掌握B端表格設計規范+交互邏輯

3. 表格列表的寬度

寬度的尺寸大小自適應,但需要根據文字的重要性顯示,重要文字內容優先完整顯示。(如果由于屏幕小表格會出現省略,就要考慮多一個瀏覽器自帶的title提示。)

注:當第一列是序號或多選項時,列寬不需要太寬,這樣視覺不會顯得空洞。

15個關鍵點,掌握B端表格設計規范+交互邏輯

4. 表頭每列標題文字字數

字符不要多,如果文字太多,就需要做文字信息精簡化。同樣,對于專業術語或用戶不常見的名詞應給予一定的幫助說明。

15個關鍵點,掌握B端表格設計規范+交互邏輯

5. 長文本處理

表格內容較多且有長文本時,長文本縮略展示;表格內容較少時有長文本,長文本換行展示。

15個關鍵點,掌握B端表格設計規范+交互邏輯

6. 空白數據填充「-」,避免留白產生疑慮

表格中經常會出現空數據或無數據的情況,留白處理會給用戶造成一定的困惑和誤解,是系統沒有加載出來嗎?明智的做法,使用「-」填充顯示。圖片為空時使用圖片占位符。

15個關鍵點,掌握B端表格設計規范+交互邏輯

7. 操作列的統一

同一項目中的操作列命名應該保持統一,例如:常規增、刪、改、查命名為新增、刪除、編輯、詳情。

操作項超過三個時,將操作低頻折疊收起,可以幫助頁面突出更加重要的信息,減輕空間壓力,減少干擾。

15個關鍵點,掌握B端表格設計規范+交互邏輯

8. 數據升降樣式

給數據做升降區分可以快速判斷數據的趨勢,國內數據升圖標默認為紅色,降的為綠色。

15個關鍵點,掌握B端表格設計規范+交互邏輯

9. 表格全局操作和批量操作

全局操作為無需選擇數據內容即可進行的操作,常見的有新增、導入、篩選。

批量操作就是對表格的多行數據同時操作,常見的有導出、刪除。

全局和批量都不屬于單個對象因此需要放在表格外,操作具體的位置排放根據操作的重要程度一次從左到右遞減。

15個關鍵點,掌握B端表格設計規范+交互邏輯

10. 斑馬線

條紋顏色:標題背景色透明度60%左右;(條紋顏色視覺上應該比標題欄弱一點)鼠標hover顏色:主題色透明度10%。

15個關鍵點,掌握B端表格設計規范+交互邏輯

二、B端表格交互整理

1. 固定表頭,一目了然

當閱讀豐富且繁多的表格時,由于屏幕有限,用戶不得不拖動橫向或縱向滾動條來閱讀信息。

固定表頭,能夠讓用戶明白當前單元格內信息的屬性而不至于不知道該信息的意思。固定表頭也是一種界面友好性的體現。

15個關鍵點,掌握B端表格設計規范+交互邏輯

2. 排序,讓信息有序起來

可以讓無序信息內容進行有序排列,排序分為升序和降序,一般用在數據、時間、數量上。

15個關鍵點,掌握B端表格設計規范+交互邏輯

3. 調整列寬度,查看完整數據

允許調整列的寬度來查看更加完整的縮略數據。被截斷的數據,默認支持鼠標懸停時瀏覽器自帶title顯示完整數據。

15個關鍵點,掌握B端表格設計規范+交互邏輯

4. 水平滾動,固定首尾列

呈現大型數據集時,水平滾動是不可避免的,通過橫向滾動查看其它數據。將首列進行固定(若包含勾選操作,則一起固定),以便用戶將數據與對象進行對應。

15個關鍵點,掌握B端表格設計規范+交互邏輯

5. 分頁固定

若表格是分頁處理的,分頁會放在上部、下部或上下部均有,分頁固定省去了用戶需要翻到頂部或底部進行操作的麻煩。

15個關鍵點,掌握B端表格設計規范+交互邏輯

作者:譚檀檀

本文由 @Clippp 授權發布于人人都是產品經理,未經作者許可,禁止轉載

題圖來自 Pixabay,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

帕累托原則 | 設計師需要知道的設計原則!

天宇 前端及開發文章及欣賞

前人留下的一些設計原則能夠幫助我們更好地進行頁面以及產品的設計,讓用戶有更好的體驗。本文對帕累托法則進行了介紹,希望能幫助大家在以后的設計中更好的理解與運用。

威廉·斯特倫克(William Strunk)說過:“優秀的設計師有時會無視設計法則,但當他們這樣做的時候,通常會有一些補償性的措施,除非你確定你能做得那么好,否則最好還是遵守這些法則”,所以設計師需要對一些通用性的法則有所理解,做好相應的知識儲備,以便在需要時從中找尋相通的規律和事務的本源。

設計常常是以一種美觀且富有規律的形態出現,不論大家是何種姿態、什么樣的知識背景,一旦踏入設計領域之后就會忍不住的去尋求設計法則,探索期背后的設計規律,因此經過長期沉淀,一些大佬和前輩們留下了大量的通用設計法則。

今天,筆者就說說帕累托法則,希望能幫助大家在以后的設計中更好的理解與運用。

一、認識帕累托法則

1. 帕累托法則的背景

19世紀末,意大利經濟學家和工程師維爾弗雷多·帕累托(Vilfredo Pareto)發現,自家花園中80%的豌豆產自于20%的豌豆莢,在隨后研究土地所有權和財富不平等的問題中,再次發現意大利 80%的土地屬于 20%的人。

20世紀初,由管理學家約瑟夫·朱蘭(Joseph Juran)將其命名為帕累托法則,即80%的結果是20%的原因造成的,并且號召關注「重要的少數」而不是在「瑣碎的多數」當中投注精力。后續在經濟學中得出結論(80%的財富掌握在20%的人手里)更加證實了帕累托法則的觀點。

2. 正確理解80與20

帕累托法則有很多不同的叫法,如帕列托法則、關鍵少數法則、二八法則、巴萊特定律、最省力的法則、不平衡原則等,后續筆者將其稱為「80/20法則」。

其實,80/20法則是一個較為抽象的概念,可以理解為:大部分的效果由少數幾項關鍵的因素來決定。在實際的場景中,“大部分”不是精確的80%,“幾項關鍵因素”也不是固定的20%,數據會有所浮動,可能是70%+30%或者90%+10%,但不管這些數字如何波動,其背后蘊含的規律(集中的投入將產出大于預期的結果)是不變的,并且生活中存在的許多不平衡現象,都與這個規律相當接近。

3. 可適用范圍

80/20法則并不受人為直接控職,更多時后是自然而然的形成,其適用領域非常廣泛。早期大多數用于社會、經濟、管理以及工程等領域,而在80年代末就已經有設計師將其設計領域,在各行各業中,已經有大量的案例證明了 80/20原則:

  • 人類80%的科學發明,來自于20%的人口
  • 社會上20%的人占有80%的財富
  • 城市80%的交通,集中在20%的道路上
  • 20%的客戶為公司貢獻了80%的收入
  • 公司80%的收益來源于20%的產品
  • 20%的網站獲取了 80%的網絡流量
  • 20%的常見軟件錯誤導致了80%的系統崩潰
  • ……

4. 設計領域中的運用

70年代中期出現圖形化界面,而到80年代末,80/20法則就已經被設計師引用在設計規范當中,后續經過不斷的發展及優化,現已深入設計中的方方面面,PM用來處理KPI、UX用來劃分權重、UI用來決策版面布局等。

界面設計中該如何應用80/20法則,這就需要設計師時刻注意如何讓用戶更快找到目標、如何更順暢的完成任務以及如何擁有更愉悅的心理感受。例如80%的用戶只會用到20%的功能,那么設計師就應該將80%的時間、精力集中在這20%的功能上,不斷迎合用戶需求以及使用體驗。

二、產品如何應對80與20

1. 關鍵性的20%

80/20法則能夠幫助我們提供決策思路、梳理設計方向,通過前面的了解,我們應該清楚了產品80%的用戶只會用到20%的功能,而80%的收益也恰恰來自于20%的付費用戶,甚至低于20%。

雖然一直呼吁盡量滿足所有用戶,但產品團隊的重心始終要圍繞著20%來進行,從產品到設計、再到開發測試,都能以此為方向制定問題的解決方案。

2. 非關鍵性的80%

任何一款產品都不能忽略主次,每隔一段時間就要重新評估功能價值,以備后續的更新迭代,針對非關鍵性的80%切勿耗費過多的精力,以免喧賓奪主,不僅得到不好的反饋、還會帶來不必要的損失,吃力不討好。

對于已經過期的核心(曾經20%)功能,需要及時降低權重以及精力的消耗,不然即便是掌聲一片、也可能無法變現。

3. 僅關注 20%有風險

用20%的部分創造80%的價值,并不意味著只關注20%的關鍵性指標、其它的就可以被忽略,這樣做表面上看是挺誘人,但會讓其他很多指標停滯,呈現出產品過度優化的情況,造成短時間內隱藏的負面影響。

團隊應該要有眾覽全局的眼光,考慮到各指標間的相互影響,可視情況而定將時間和精力合理分配,如90%+10%、80%+20%、70%+30%等,只要是將大部分用在關鍵性指標上即可。

三、在UI設計中的運用

在UI設計中,我們會將主要精力花費在20%的頁面設計上,例如APP底部標簽欄的幾大主頁或其它重要的一/二級頁面,會花費更多的心思去構思不一樣的布局、表現手法,將設計功底凸顯出來。而剩下80%的頁面就相對機械化,會使用一些常規樣式以及復用的方式像搭積木一樣快速完成,成本之低、效率之高毋庸置疑。

同一個頁面的設計方式也是如此,設計師將大量心思放在首屏及位置靠上的功能上,待超過一屏后下滑時,設計也會逐漸輕量、組件化,這有助于節省產品、設計、開發更多的時間。

1. 排版布局(F型)

用戶瀏覽屏幕時,眼球移動的順序通常都是從左到右、從上到下(基于網頁瀏覽眼動測試),這種移動軌跡很像字母「F」,這也讓F型布局成為網頁設計中效率最高的方式之一,所以設計師通常會將重要的信息放在左上角或左側,不重要的信息放在右側。

如下面這張眼動測試圖,F型布局也正好詮釋了80/20法則合理性與可行性,在頁面中20%的關鍵區域,吸引了用戶80%的注意力。

2. 功能入口設計

很多產品因為業務功能的龐大,一股腦的將信息全部展示出來,看起來十分臃腫,用戶不能快速找到自己想要的信內容,就會失去信心。

優酷APP首頁將熱門頻道和點擊頻率較高的頻道顯示在頂部導航中,如精選、電視劇、電影、最新院線等,而其他更多的分類則隱藏在頻道選項卡中,將少量(≈20%)重要的內容放在明顯的位置,目的就是為了讓大部分用戶更快觸達,提高了產品的易用性。

3. 選項列表設計

在一些選項列表中,由于選項數量的龐大,會給用戶增加使用難度。

例如,使用美團購買火車票在選擇地址時,面對超長的地址列表,逐個查看或通過字母篩選,都要花費一定的時間和操作成本,即便可以通過碼字搜索來完成,但因為自行輸入有很多的不可控性,能讓用戶選擇的就不要讓其輸入。

對于地址列表,除開自動定位和搜索歷史,運用80/20法則就能很好的解決這一問題,系統將約20%高頻選擇的熱門城市作為單獨的模塊放在全部列表之前,提高了大部分用戶的搜索效率。

4.  極簡風格設計

極簡風格的界面設計跟80/20法則在精神上保持著高度的一致,剔除多余、無用的元素,而保留的每一個元素都是有目的、有針對性的,也是絕對必要的存在。在極簡主義設計中,視覺上簡單干凈,大部分都是通過通過留白來襯托關鍵性元素的存在,讓用戶更加聚焦于主要功能/信息。

四、與其他法則的糾葛

1. 與奧卡姆剃刀的結合

奧卡姆剃刀指出「如無必要,勿增實體」,需知頁面中每多一個元素都會增加視覺“噪聲”,意味著用戶需要花費額外的時間和理解成本,對用戶體驗的影響是很大的。那么問題來了,當產品需要增加一項需求量小但確實存在的功能,該怎么處理?

這時我們可以將奧卡姆剃刀原則作為最終的評判標準,是否需要增加上述所說的功能,就要看看能否很好的控制團隊開發成本和用戶體驗成本。

其實在80/20法則中,很多小眾但確實存在的功能需求基本很難抵消所造成的用戶體驗損失,所以即便實現了這個需求,也很難分配出20%的精力去維護與迭代,甚至“俺耳盜鈴”般的將其遺忘,但這個視覺“噪聲”一直存在,如果事先能分析出這種結果,這個需求根本不需要增加。

2. 與長尾模型的對抗

在2004年長尾模型才被提出來的時候,很多人認為這是在顛覆80/20法則,它們的曲線長得很像,但結論完全相反,那條長長的“尾巴”(非關鍵的80%)所占據的長度幾乎與頭部的(關鍵的20%)高度相當,這說明收益雖低,但這么多數量的累積,依然值得重點關注。

所以有很多企業在采集差異化戰略時運用了長尾理論,例如小米搭建的全品類商城用的是長尾理論。

乍一聽好像很有道理,難道80/20法則被推翻了嗎?事實并非如此,長尾理論的成立必須要滿足兩個條件,第一是尾巴真的足夠長(小眾需求確實非常多),第二長尾巴能被用戶發現(龐大的用戶量),這兩個條件缺一不可。例如京東、淘寶、微信、支付寶等,其前提都是建立在大規模、且海量的用戶資源之上,不管多么隱蔽、多小的動能,總能擁有一些不錯的曝光度,所以才能發揮長尾模型的作用。

說道這里,大家應該就明白了,那些中小型的產品對長尾模型大多是望塵莫及,所以在你的產品規模、用戶量沒有達到一定的級別之前,就不要妄捧長尾模型,用好80/20法則就好。

五、結語

80/20法則在實際工作中是一個相對普遍的定律,它能讓我們靈活思考設計問題,更好的為用戶服務,雖然80/20法則也存在一定的爭議,但還是適用于覺絕大多數的場景,在關鍵時候使用,能幫助我們準確的找到問題點,在有限的時間和精力下快速作出優化決策并、關注核心功能,最終達成目標。

專欄作家

大漠飛鷹;公眾號:能量眼球,人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用戶帶來更好的體驗,即好看、好用。

本文原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

組件詳解|氣泡卡片Popover 和 文字氣泡Tooltips,用法有什么區別?

天宇 B端ui設計文章及欣賞

都是交互反饋和提示組件,大家可能會疑惑:文字氣泡 Tooltips 和氣泡卡片 Popover 的區別是什么,兩者之間的應用場景如何?本文對兩者的差異進行總結,希望對你有所幫助。

同樣都是交互反饋及提示組件,你可能會疑惑:文字氣泡 Tooltips 和氣泡卡片 Popover 有什么區別?分別有哪些特定的使用場景?

本文就來詳細分析下這兩個組件的區別和聯系,幫助你做好應用。

一、氣泡卡片  Popover

氣泡卡片(Popover)是當用戶點擊 / 鼠標移入元素時,就會彈出氣泡式的卡片浮層。當對于某個元素有更多的解釋性描述和相關操作時,這些內容可以收納到元素的氣泡卡片中,根據用戶的操作行為進行展現。

其用法特征是:

1. 用戶可以在浮層卡片上進行相關操作,也即氣泡卡片可以并需要承載更復雜的內容和交互功能。

2. 卡片中可以包括的內容有:文字說明,圖片內容,操作按鈕,相關鏈接等等。

3. 組件功能側重于:承載信息和操作。即收納并在需要的時候展示與該元素內容相關的信息和操作。這些信息的特征通常是:

  • 并不緊急但比較重要的解釋內容;
  • 有一部分的用戶需要隨時閱讀的內容;
  • 在點擊關鍵操作后給用戶確認“是否繼續進行”的提示(Ant Design 也單獨把這個功能拿出來做成做了一個組件:Popconfirm 氣泡確認框,如下圖)。

二、文字氣泡  Tooltips

文字氣泡(Tooltips)是相對簡單的文字提示氣泡框。用戶使用鼠標移入元素后顯示提示,移出后提示消失。

其用法特征是:

1. 文字氣泡通常不承載復雜的信息和操作,僅提供一段文案解釋,也即用戶在文字氣泡中不能做除閱讀外的其它操作。

2. 該組件功能側重于:解釋說明。即對局部內容或元素進行文字性的解釋說明。通常來說該氣泡是對其載體本身的解釋,比如:

  • 一個特殊的功能按鈕;
  • 專有名詞、難懂詞匯;
  • 看不出具體目的地的操作鏈接
  • 特殊的 icon 等。

三、使用建議

1. 關于使用場景

  • 氣泡卡片 Popover:常用于承載信息和操作。承載的內容和形式更為多樣。
  • 文字氣泡 Tooltips:常用于解釋說明。僅承載簡單的文案信息。

2. 關于組件樣式

有同學看過 Ant Design 組件庫提供的組件樣例,會覺得氣泡卡片 Popover 是白色背景,而文字氣泡 Tooltips 是半透明黑色背景。

其實這兩個組件的背景顏色上的差異并不是重點,因為這兩個組件都可以使用其他顏色(比如帶有透明度的品牌色)做背景底色。顏色并不具備唯一標準。AntD 就提供了多種顏色的文字氣泡樣式:

3. 關于理解規范

也許你已經發現,即使我們將一個組件的使用規范和應用場景解釋得再全面,在使用時也總會出現一些特殊的業務需求和應用場景無法嚴格按照規范來執行。

面對復雜多樣的業務需求,我們更應該學會:在理解業務需求的基礎上,合理調整組件的使用方式和樣式。

組件的規范對設計師來說并不應該是限制或約束,而是一種能夠幫助我們快速實現產品設計一致性,保證基礎體驗的快速方式。

專欄作家

元堯,人人都是產品經理專欄作家。

本文原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

蘭亭妙微(www.gyxygd.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

日歷

鏈接

個人資料

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

存檔

主站蜘蛛池模板: 国产精品 欧美日韩 | 欧美久久成人 | 秋霞久久国产精品电影院 | 麻豆国产原创中文av网站 | 国产乱子伦无套一区二区三区 | 少妇无码av无码专线区大牛影院 | 欧美一级生活片 | 高中生粉嫩无套第一次 | 国产精品爽爽久久 | 日韩高清在线观看不卡一区二区 | 精品久久乐 | 美女网站在线永久免费观看 | 精品视频在线一区二区 | 又粗又黄又猛又爽大片免费 | 精品偷| 少妇人禽zoz0伦视频 | 最新国产精品精品视频 视频 | 国产av国片精品一区二区 | 日本大片免a费观看视频三区 | 岛国精品一区二区三区 | 国产在线精品欧美日韩电影 | 欧美久久一级 | 亚洲αv | 欧美成a高清在线观看 | 国产成人免费无码视频在线观看m | 久久久久国产精品嫩草影院 | 国产毛片一区二区精品 | 最新午夜综合福利视频 | 99热精这里只有精品 | 亚洲人成77777在线播放网站不卡 | 日韩日韩日韩日韩日韩 | 免费看污又色又爽又黄的小说男男 | 亚洲欧美中文字幕在线观看 | 综合亚洲欧美 | 国产精品综合av一区二区国产馆 | 欧美成人精品一区二区男人小说 | 欧美激情性生活 | 亚洲一区二区三区中文字幕在线 | 亚洲欧美18岁网站 | 久久无码中文字幕免费影院蜜桃 | 日本道免费精品一区二区 | 男人撒尿视频免费网站 | 日产成品片a直接观看 | 日韩中文字幕免费看 | 亚洲高清视频在线观看 | 女女百合高h喷汁呻吟视频 色国产精品一区在线观看 日韩欧美福利视频 | 亚洲最新网址 | 欧美精品在线观看一区二区 | 少妇与子乱毛片 | 久热欧美 | 国产黑丝在线播放 | 久久99成人 | 免费无码黄动漫十八禁 | 男人的天堂黄色片 | 国产又黄又大又粗的视频 | 久久人人爽天天玩人人妻精品 | 亚洲中文av一区二区三区 | 白嫩无码人妻丰满熟妇啪啪区百度 | 国产乱码精品一区二区三区爽爽爽 | 在线观看片免费视频无码 | 久久69精品久久久久久hb | 亚洲乱亚洲乱妇无码麻豆 | 一级全黄色毛片 | jizzjizz欧美69巨大 | 亚洲啪啪网 | 苍井空浴缸大战猛男120分钟 | 日本高清色倩视频在线观看 | 国产成人精品久久二区二区91 | 欧美一级免费在线 | 久亚洲一线产区二线产区三线产区 | 一区二区三区黄色 | 尤物97国产精品久久精品国产 | 欧美综合自拍亚洲图久青草 | 亚洲第一区在线 | 1024手机在线看片你懂的 | 最近免费中文字幕大全免费版视频 | 狠狠色噜噜狠狠狠狠综合久 | 亚洲精品午夜一区二区电影院 | 伊人久久综合热线大杳蕉 | 中国少妇hd| 国产性―交一乱―色―情人 | 狼人综合伊人网 | 女人色网站 | 日日狠狠久久8888偷偷色 | 少妇吹潮 | 亚洲欧洲综合有码无码 | 含羞草导航 | 精品熟人一区二区三区四区 | 国产婷婷成人久久av免费高清 | 国产日韩av免费无码一区二区三区 | www.婷婷.com | 国产成人无码a区在线视频无码dvd | 日本丰满少妇高潮呻吟 | 亚洲中文字幕在线精品2021 | jizzjizz中国少妇中文 | 国产精品丝袜综合区旗袍 | 亚洲v天堂v手机在线 | 中文字幕 欧美日韩 | av资源站最新av | 一本色道久久综合亚洲 | 亚洲韩国日本 | 免费观看一区二区三区视频 | 精品福利一区 | 国产欧亚州美日韩综合区 | 艳妇乳肉豪妇荡乳 | 欧美中文字幕在线 | 国产精品原创巨作av | 97人人添人澡人人爽超碰 | 美女黄网站免费福利视频 | 久久一区三区 | 日韩中文在线字幕 | 91.com视频 | 四虎亚洲欧美成人网站 | 尹人香蕉久久99天天拍 | 免费久久日韩aaaaa大片 | 久久精品国产99久久六动漫 | 丁香六月在线 | 久草视频在线资源 | 热99re久久精品这里都是精品免费 | 久久h| www.999热| 伊人色在线视频 | 毛片库| 乐播av在线 | 在线观看成人无码中文av天堂 | 亚洲综合第一页 | 色噜噜亚洲 | 性视频一区二区三区 | 日本三级日产三级国产三级 | 丰满少妇高潮惨叫久久久 | 丝袜精品 欧美 亚洲 自拍 | 亚洲成色www久久网站夜月 | 深夜福利网站 | 日日日日操 | 日韩理论午夜无码 | 久久精品视频在线看 | 亚洲人成亚洲精品 | 中文字幕亚洲视频 | 午夜片无码区私人影院 | 亚洲欧美一区二区三区三高潮 | 亚洲日韩av无码不卡一区二区三区 | 日韩精品人妻系列无码专区 | 国产甜淫av片免费观看 | av大尺度一区二区三区 | 日韩中文字幕免费在线观看 | 午夜亚洲国产理论片中文 | 少妇又紧又深又湿又爽黄总 | 亚洲琪琪 | 粉嫩av成熟少妇在线播放 | 亚洲欧美日韩国产成人一区 | 色一情一乱一伦一区二区三区日本 | 欧美群妇大交群 | 在线观看日本视频 | 日本成人动态图 | 香蕉黄网| 国产传媒18精品免费1区 | 午夜精品亚洲一区二区三区嫩草 | 亚洲欧美激情在线一区 | 国产精品18久久久 | 亚洲337少妇裸体艺术 | 亚洲精品社区 | 亚洲国产欧美在线综合其他 | 中文无码av在线亚洲电影 | 蜜桃av无码免费看永久 | 97久久精品人人爽人人爽蜜臀 | 美女131mm久久爽爽免费 | 精品国产自在久久现线拍 | 91午夜理伦私人影院 | 永久免费看黄网站 | 日本精品少妇一区二区三区 | 国产日本一区二区三区 | 扒开腿狂躁女人爽出白浆 | 色啪综合 | 人妻巨大乳hd免费看 | 日韩精品无 | 日日噜噜夜夜狠狠久久av小说 | 老汉色老汉首页a亚洲 | 亚洲天堂小视频 | 日本视频色 | 天天舔天天干 | 日本欧美一级 | 日韩高清片| 在线视频免费观看一区 | 国产日韩一区二区三免费高清 | 国产综合久久久 | 久久久久久亚洲国产精品 | 成人网入口| 亚洲欧洲日产国码中文字幕 | 青青青国产在线观看资源 | 亚洲a级黄色片 | 找国产毛片看 | 国产热久久精 | 欧美激情一区二区一级黑人片 | 国产办公室无码视频在线观看 | 国产嘿嘿嘿视频在线观看 | 国产精品久久久尹人香蕉 | 国产精品久久久久久中文字 | 久久香蕉国产精品麻豆粉嫩av | 国产成人免费无庶挡视频 | 午夜在线观看免费视频 | 欧美人与动牲猛交a欧美精品 | 免费无码又爽又刺激高潮的app | 黑人巨茎大战俄罗斯美女 | 在线观看精品视频 | 亚洲一区在线视频 | 日韩人妻无码精品系列专区 | 欧美黑人性视频 | 狠狠色丁香久久婷婷综合_中 | 2022精品久久久久久中文字幕 | 亚洲一级免费视频 | 成人免费毛片网站 | 国产精品熟女高潮视频 | 国产精品一区二区人人爽 | 亚洲女人初尝黑人巨大 | 午夜亚洲影院在线观看 | 四川老熟女下面又黑又肥 | 在线免费激情视频 | 亚洲a级片| 亚洲日产韩国一二三四区 | 青青视频二区 | 高清无码午夜福利在线观看 | 在线精品动漫一区二区无码 | 日本少妇自慰免费完整版 | 东方aⅴ免费观看久久av | 国产 日韩 欧美 一区 | 精品毛卡卡1卡2卡3麻豆 | 又粗又硬国语对白 | 波多野结衣 黑人 | 曰本女人与公拘交酡 | 中文无码不卡的岛国片 | 国产炮机女冒白浆 | 国产肉体xxxx裸体784大胆 | 国产午夜福利视频在线观看 | 国产精品久久麻豆 | 人妻 色综合网站 | 亚洲精品午夜理伦不卡在线观看 | 爆爽久久久一区二区又大又黄又嫩 | 国产精品成人av在线观看春天 | 熟妇人妻引诱中文字幕 | 无遮挡1000部拍拍拍欧美劲爆 | 久久久亚洲精品一区二区三区浴池 | 亚洲国产欧美日韩精品一区二区三区 | 久久无码免费的a毛片大全 久久爱av影视天堂影视 | 亚洲国产一区二区精品 | 亚洲中文字幕第一页在线 | 日韩欧美亚洲精品 | 欧美激情视频一区二区三区在线播放 | 伦埋琪琪久久影院三级 | 亚洲精品高清国产一线久久 | 亚洲熟妇av午夜无码不卡 | 嫩草www| 国内熟妇人妻色在线视频 | 精品久久久中文字幕二区 | 夜夜艹 | 国产精品国产三级区别第一集 | 亚洲人成人无码网www电影首页 | 欧美人与禽zoz0性伦交 | 成人毛片在线视频 | 日本熟妇人妻xxxxx-欢迎您 | 无码av动漫精品一区二区免费 | 伊人影院亚洲 | 国产精品嫩草影院9 | 国产精品永久免费视频 | 国内精品视这里只有精品 | 天天色官网| 国产稀缺真实呦乱在线 | 免费黄网站在线观看 | 在线观看国产日韩 | 亚洲无线码中文字幕在线 | 色偷偷88888欧美精品久久 | 国产午夜精品一区二区三区软件 | 免费看少妇作爱视频 | 国产免费午夜福利不卡片在线 | 狠狠色狠狠色88综合日日91 | 国产精品www视频 | 国产精品爆乳在线播放第一人称 | 日韩欧美精品一中文字幕 | 天天操月月操 | 黄 色 人 成 网 站 免 费 | 成人性生交大片免费卡看 | 国产成人精品a∨一区二区 久久无码av一区二区三区 | 纯爱无遮挡h肉动漫在线播放 | 两性午夜刺激性视频 | www亚洲精品少妇裸乳一区二区 | 亚洲黄色www | 黄在线观看品 | 日本在线视频免费 | 囯产精品一区二区三区线 | 国产亚洲日韩妖曝欧美 | 日韩欧美国产91 | 人妻熟女一二三区夜夜爱 | аⅴ资源中文在线天堂 | 红桃视频成人传媒 | 国产免费人成在线视频app | 国产午夜片无码区在线播放 | 肥婆毛片视频 | 交资源www在线观看 午夜视频免费看 | 94精品激情一区二区三区 | 国产大学生呻吟对白精彩在线 | av免费无码天堂在线 | 欧美精品日韩精品 | 成人网战| 欧美国产日韩精品 | 小明看欧美日韩免费视频 | 四虎影视成人永久免费观看视频 | 超清中文乱码一区 | 日韩激情视频 | 夜夜爱夜鲁夜鲁很鲁 | 精品伊人久久久99热这里只 | 人人澡人人看 | 91激情在线 | 91丨九色丨首页 | 色偷偷中文字幕综合久久 | 性高潮久久久久久久 | 四虎成人精品永久免费av | 久久久久有精品国产麻豆 | 国内成人免费视频 | 九九综合九九 | 国产农村妇女精品一区二区 | 18禁裸乳无遮挡啪啪无码免费 | 日本一本久 | 老熟女五十路乱子交尾中出一区 | 天天做天天爱夭大综合网 | 精品久久久久一区二区 | 少妇人妻无码精品视频app | 久久激情综合网 | 无遮挡边摸边吃奶边做视频免费 | 国产精品久久久久桃色tv | 999久久精品 | 欧美乱大交xxxxx潮喷 | 亚洲欧美一区在线 | 国产女同疯狂激烈互摸 | 精品麻豆丝袜高跟鞋av | 老司机免费精品视频 | a黄色毛片| 亚洲精品无码久久久久yw | 欧美午夜精品久久久久 | 精品少妇人妻av无码专区 | 成人免费在线网站 | 青娱乐手机在线视频 | 在线毛片片免费观看 | 无人区码一码二码w358cc | 麻豆成人久久精品二区三区免费 | 噼里啪啦完整高清观看视频 | 成人一级大片 | 亚洲国产av无码一区二区三区 | 国产专区国产av | 国产99视频精品免费视频36 | 欧美一区二区三区少妇p | 欧美三级中文 | 在线看片免费人成视频大全 | a√天堂在线观看 | 欧美激情黑白配 | 国产a∨国片精品白丝美女视频 | 亚洲99影视一区二区三区 | 少妇私密会所按摩到高潮呻吟 | 欧美日韩精品久久久免费观看 | 日日爽夜夜操 | 92国产精品午夜福利无毒不卡 | 日本一级一片免费视频 | 日韩专区一区二区 | 男人添女人囗交做爰的技巧 | 手机看片1024久久 | 日韩在线www | 老女人裸体淫交 | 中文字幕在线精品乱码 | 天堂在线视频 | 日日噜噜噜噜人人爽日本精品 | 97视频在线精品国自产拍 | 午夜天堂av | 美女涩涩网站 | av人人干| 国产精选污视频在线观看 | 好硬好湿好爽再深一点动态图视频 | 福利视频一二三区 | 一区二区三区福利 | 久久爽精品区穿丝袜 | 人人入人人爱 | 欧美日本另类 | 成人影音先锋 | 天天干天天舔 | 国产精品久久久久久久久久新婚 | 亚洲欧美高清在线精品一区二区 | 中文字幕乱码熟妇五十中出 | 亚洲欧美激情一区 | 我要色综合网 | 欧美做爰性生交视频 | 国产一区二区三区在线观看 | 精品国内在视频线2019 | 亚洲成人黄色小说 | 激情五月中文字幕 | 老司机一区二区三区 | 日本少妇毛茸茸高潮 | 国产亚洲综合网曝门系列 | 国产欧美在线免费观看 | 国产精品盗摄!偷窥盗摄 | 国产精品天堂avav在线观看 | 第一页国产 | 亚洲一区第一页 | 久久亚洲色www成爱色 | 欧美视频一区二区 | 色狠狠综合网 | 亚洲精品一区二区三区不卡 | 久久久久人妻啪啪一区二区 | 无码办公室丝袜ol中文字幕 | 精品九九在线 | 欧美日韩国产一区二区三区不卡 | 国产成人一区二区三区久久久 | 97一级片| 名人明星三级videos | 高清视频一区 | 91浏览器在线观看 | 日本欧美一区二区三区不卡视频 | 久久久亚洲欧美 | 精品国产自在在线午夜精品 | 亚洲欧美中文日韩在线v日本 | 亚洲区在线 | 免费在线看黄色片 | 3d动漫精品啪啪一区二区 | 富婆如狼似虎找黑人老外 | 亚洲成av人无码中文字幕 | 国内精品伊人久久久久影院麻豆 | 欧美成人高清视频在线观看 | 女人与公人强伦姧人妻完电影 | 99视频偷窥在线精品国自产拍 | 成人午夜高潮免费视频 | 伊人色网站 | 黑人巨大精品欧美一区免费视频 | 国产超碰人人爽人人做 | 日本xxxx18野外无毒不卡 | 亚洲国产成人无码专区 | 黄 色 成 年 人免费观看 | 人妻熟女av一区二区三区 | 国产一区二区视频播放 | 亚洲自拍av在线 | 国产激情无码一区二区app | 西欧free性满足hd | 国产无av码在线观看 | 久久久久亚洲 | 免费观看黄a片在线观看 | 78午夜福利视频 | 一区二区三区四区在线视频 | 国产对白叫床清晰在线播放 | 99国产精品国产精品九九 | 久久久av男人的天堂 | 亚洲无线码在线一区观看 | 日韩中文字幕亚洲精品欧美 | 久久久精品中文字幕乱码18 | 色香色香欲天天天影视综合网 | 无码熟熟妇丰满人妻啪啪软件 | 国产精品亚洲片在线观看不卡 | 日韩黄色网 | 色小哥| 久久思热 | 亚洲视屏在线观看 | 在线视频日韩 | 少妇bbr搡bbb搡bbb | 国产精品久久久久9999小说 | 国内精品久久影院 | 欧美日本久久久 | 国产又大又黄又粗 | 一区二区在线免费观看 | 黄色高清在线观看 | 久久综合成人 | 最新中文字幕av | 日韩网红少妇无码视频香港 | 蜜臀av国产一区二区三区 | 日本黄色一区二区 | 久久激情综合网 | 毛片无码免费无码播放 | 亚洲综合激情网 | 成人a v视频在线观看 | 国产a一区 | 色婷婷精品国产一区二区三区 | 人妻中文字系列无码专区 | 国产精品精品久久久 | 国产96在线 | 亚洲 | 天天插天天摸 | 熟妇无码熟妇毛片 | 亚洲国产日产无码精品 | 中日黄色片 | 日韩久久激情 | 欧美在线观看视频 | 精品国产精品久久一区免费式 | 米奇7777狠狠狠狠视频影院 | av手机免费观看 | 超碰在线亚洲 | 亚洲区中文字幕 | 香蕉人妻av久久久久天天 | 欧美日韩性 | 欧美精品一区二区在线观看播放 | 无乱码区1卡2卡三卡网站 | 欧美jizzhd精品欧美丰满 | 天堂中文资源在线 | 欧美成人手机视频 | 美女网站在线免费观看 | 成人午夜片av在线看 | 精品综合在线 | 亚洲天堂岛av | 国产精品久久久久久爽爽爽床戏 | 丰满少妇裸体性激交 | 四虎国产精品亚洲一区久久特色 | 脱岳裙子从后面挺进去在线观看 | 亚洲视频在线观看免费的欧美视频 | 人妻系列无码一区二区三区 | 韩国三级无码hd中文字幕 | 99视频精品 | 日本午夜在线 | 91 在线视频| 欧美视频专区一二在线观看 | 九九九国产 | 国产一区二区三区自产周晓琳 | 欧美爆插 | 色免费在线观看 | 亚洲色无码中文字幕 | 久久久综合亚洲色一区二区三区 | 手机看片日韩国产 | 色噜噜一区二区 | 精品免费久久久久久久 | 成人精品毛片国产亚洲av十九禁 | 日韩影视一区 | 人妻三级日本三级日本三级极 | 欧美自拍嘿咻内射在线观看 | 亚洲国产欧美一区二区三区久久 | 日本特黄网站 | 亚洲色偷拍区另类无码专区 | www.久久91 | 国产99久久九九精品的功能介绍 | 欧美日韩色另类综合 | 好男人好资源在线观看免费视频 | 亚洲精品国产成人久久av盗摄 | 99在线精品一区二区三区 | 美日韩中文字幕 | 毛片日韩 | 天堂av资源在线观看 | 国产999免费视频 | 天天摸夜夜添狠狠添婷婷 | 无码国产精品一区二区vr | 国产欧精精久久久久久久 | 国产综合久久久久鬼色 | 久久久久女 | 国产一级做a爱片在线看免 69堂成人精品免费视频 | 午夜男人网 | 成人妇女免费播放久久久 | 黄色片国产网站 | 内射囯产旡码丰满少妇 | 天天色网站 | 爽爽精品dvd蜜桃成熟时电影院 | 夜夜欢性恔真人免费视频 | 成人免费毛片偷拍 | 欧美日韩高清在线观看 | 永久免费看mv网站入口亚洲 | 99久久国产自偷自偷免费一区 | 国产精品18久久久久久久 | 成人中文视频 | 国产成人高清在线观看视频 | 国产精品久久久久久久久久久痴汉 | 欧美一区二区三区在线观看 | 成人国产精品免费视频 | 亚洲图片视频一区 | 国产精品999视频 | 国产老熟妇精品观看 | 亚洲综合无码一区二区 | 成人亚洲欧美一区二区 | 亚洲天堂99 | 超碰中文在线 | 91豆麻精品91久久久久久 | 免费观看潮喷到高潮 | 黑人粗长大战亚洲女 | 91欧美视频| 国产成人精品一区二区视频 | 久无码久无码av无码 | 性欧美videos做受 | 色婷婷精品国产一区二区三区 | 97超碰超碰久久福利超碰 | 欧洲精品乱码久久久久蜜桃 | 亚洲麻豆一区二区三区 | 国产在线拍揄自揄拍免费下载 | 一区二区小视频 | 一区免费视频 | 久久93| 视频三区 | 国产一线天粉嫩馒头极品av | 日日噜噜夜夜狠狠久久蜜桃 | 欧美成人精品高清在线播放 | 黑人玩弄人妻1区二区 | 中文字幕精品亚洲一区 | 欧美精品偷自拍另类在线观看 | 亚洲国产精品无码久久久动漫 | 国产精品成人99久久久久 | 登山的目的在线观看 | 久草美女 | 中文日韩视频 | 亚洲一二三区av | 7777精品久久久大香线蕉 | 性色av网站 | 日本不无在线一区二区三区 | 国产大片中文字幕 | 电影内射视频免费观看 | 美日韩一区 | 免费国精产品—品二品 | 99热最新精品 | 国产男人的天堂在线视频 | 97成人精品国语自产拍 | 国内大量揄拍人妻精品視頻 | 5566中文字幕 | 国产欠欠欠18一区二区 | 中文在线无码高潮潮喷在线播放 | 亚洲另类激情小说 | 四虎最新紧急入口 | 色妞网| 中国少妇内射xxxxⅹ | 欧美又大又硬又粗bbbbb影院 | 狠狠综合久久av一区二区老牛 | 亚洲欧美日韩一区在线观看 | 亚洲欧美中文字幕国产 | 高大丰满毛茸茸xxx性 | 国产精品a免费一区久久电影 | 人摸人人人澡人人超碰 | 日本大尺度吃奶呻吟视频 | 久久大香线蕉国产精品免费 | 婷婷狠狠操 | 丁香六月婷婷 | 国产精品扒开腿做爽爽爽a片唱戏 | 国产三级91| 亚洲日本欧美在线 | 狠狠干免费 | 日本一级在线观看 | 91福利视频导航 | www.国产亚洲| 亚洲老熟女性亚洲 | 一级久久久 | 人妻中文无码久热丝袜 | 青青草原亚洲 | 精品国偷自产在线 | 日本精品视频网站 | 女人被做到高潮免费视频 | 白峰美羽一区二区三区 | 日韩全黄 | 99久久国产综合精品swag | 成人18禁深夜福利网站app免费 | 亚洲中文字幕婷婷在线 | 日本午夜精品一区二区三区电影 | 高潮的毛片激情久久精品 | 超碰人人模人人爽人人喊手机版 | 男女无套免费网站 | 日本精品免费视频 | 一区二区三区毛aaaa片特级 | 亚洲欧美综合中文 | 欧美乱码卡一卡二卡三新区 | h肉动漫无修一区二区无遮av | 亚洲欧洲国产码专区在线观看 | 亚洲国产精品自在在线观看 | 婷婷中文网| 国产人成精品一区二区三 | 无人观看高清视频在线单曲播放 | 国产成人无码手机在线观看 | 麻豆最新国产av原创精品 | 成年网站在线观看 | 116少妇做爰毛片 | 日本在线视频免费观看 | 久久精品女人天堂av免费观看 | 国产免费拔擦拔擦8x软件大全 | 亚洲成人在线视频播放 | 久久国产精品99国产精 | 中文字幕在线日本 | 中文字幕精品久久久久人妻 | 国产亚洲综合欧美一区二区 | 夜爽8888视频在线观看 | 91在线精品一区二区 | 欧美群妇大交群 | 亚洲成a人片777777久久 | 无码国产福利av私拍 | 伊人春色在线 | 日韩在线视 | 欧美顶级深喉aaaaa片 | 五 月 丁 香 综合中文 | 久久精品片 | 日本a网站 | 欧美色图888 | 亚洲欧美在线综合色影视 | 岛国av无码免费无禁网站麦芽 | 天天看片夜夜爽 | 在线观看日本www | 久久天天躁夜夜躁狠狠85麻豆 | 妺妺窝人体色www聚色窝仙踪 | 不卡在线播放 | 亚洲a∨无码无在线观看 | 亚洲一二区视频 | 好吊操视频这里只有精品 | 国产亚洲欧美一区二区三区在线播放 | 超碰一区 | 色哟哟一区二区 | 亚洲欧美韩国综合色 | 欧美成年人 | 国产精品久久久久久婷婷天堂 | 亚洲欧美国产日韩综合 | 国产自在线 | 中文字幕日韩精品亚洲一区小树林 | 日产成品片a直接观看 | 欧美激情国产一区 | 怡红院av久久久久久久 | 欧妇女乱妇女乱视频 | 欧美一区二区三区大片 | 男人的天堂日本 | 国产精品ssss在线亚洲 | 91激情综合 | 亚洲第一天堂无码专区 | 免费观看四虎精品国产地址 | 日本精品毛片一区视频播 | 国产精品久久久久野外 | 狠狠色综合网站久久久久久久 | 噜噜高清欧美内射短视频 | 国产三级国产精品国产专区50 | 国产又粗又猛又大爽又黄老大爷视频 | 嫩草欧美曰韩国产大片 | 亚洲欧洲精品成人 | 特黄大片又粗又大又暴 | 美女视频黄8视频大全 | 久久婷婷五月综合色国产免费观看 | 国产成人精品手机在线观看 | 亚洲人成网站在线播放大全 | 性欧美长视频免费观看不卡 | 欧美xxxx83d | 国产不卡在线视频 | 欧美人妖老妇 | 国产在线看片无码人精品 | 亚洲第一网站在线观看 | 91网页在线观看 | 996热视频 | 中文字幕无码不卡一区二区三区 | 夜夜草av | 新国产三级视频在线播放 | 欧美成人一区二免费视频小说 | 日韩成人在线免费视频 | 免费的毛片网站 | 国产日韩一区二区 | 亚洲欧美日韩国产另类电影 | 久久久综合亚洲色一区二区三区 | 尤物网av | 亚洲 高清 成人 动漫 | av电影在线观看 | 久久久亚洲欧洲日产国码aⅴ | 欧美日韩人妻精品一区二区在线 | 欧美日韩第一 | 久久久噜噜噜www成人网 | 无码被窝影院午夜看片爽爽jk | 久久精品一区二区av999 | 亚洲视频观看 | 天天摸天天操天天干 | 久久av喷潮久久av高清 | 国模汤芳大尺度啪啪 | 好紧好湿太硬了我太爽了视频 | 另类国产ts人妖高潮系列视频 | 国语自产精品视频在 视频 亚洲国产色播av在线 | 亚洲人成欧美中文字幕 | 欧美美女爱爱视频 | 久久综合97丁香色香蕉 | 99青青 | 久久午夜夜伦鲁鲁片免费无码 | 国产一区在线播放 | 337p亚洲日本中国大胆69 | 亚洲看 | 伊人久久大香线蕉综合四虎小说 | 国内乱子对白免费在线 | 色欲色欲日韩www在线观看 | 色吊丝最新永久免费观看网址 | 在线看片免费人成视频大全 | 午夜男女刺激爽爽影院 | 天堂а在线最新版在线 | 亚洲综合一区二区三区不卡 | 国产 高潮 抽搐 正在播放 | 成人黄视频 | 国内精品久久人妻无码妲己 | 人妻无码中文专区久久av | 国内精品九九久久精品 | 久久无码中文字幕东京热 | 国产精品一级二级 | 久久人人爽人人爽人人片av免费 | 999精彩视频 | 91精品国自产在线 | 日韩在线成年视频人网站观看 | 亚州五月 | 久久亚洲精品中文字幕一区 | 亚洲欧洲日产国码av系列天堂 | 欧美激情在线观看一区 | 午夜视频在线观看视频 | 亚洲香蕉av在线一区二区三区 | www婷婷 | 亚洲加勒比少妇无码av | 成年免费视频黄网站zxgk | 色哟哟欧美精品免费视频 | 国产美女网站视频 | 国产精品久久久久影院色老大 | 欧美性猛交xxxx乱大交丰满 | av免费网址 | 日本黄h兄妹h动漫一区二区三区 | 亚洲欧美日韩综合久久久久 | 国产精品成人免费999 | 日本无遮挡吸乳视频 | 亚洲性色av日韩在线观看 | 又黄又爽的男女配种视频 | 亚洲美女自拍视频 | 欧美性猛交xxxx乱大交极品 | 亚洲三级黄色毛片 | 国产精品青青草原免费无码 | 精品一区二区三区无码视频 | 国产美女永久免费无遮挡 | 亚洲免费永久精品 | 在线 | 一区二区三区 | 精品国产免费一区二区三区 | 国产欧美高清视频 | 制服丝袜av无码专区 | 色综合欧美五月俺也去 | 国产黄色三级毛片 | 88国产精品久久现线拍久青草 | 日韩在线一区二区三区四区 | 内射极品少妇xxxxxhd | 国产精品奇米一区二区三区小说 | 欧美肥老太牲交大战 | 精品国产乱码久久久久久图片 | 中国丰满人妻videoshd | 国产精品夜夜春夜夜爽久久 | 97久久日一线二线三线 | 女人裸体做爰免费视频 | 一区二区福利视频 | 天天槽夜夜槽槽不停 | 亚洲色图久久 | 国产精品鲁鲁鲁 | 国产亚洲精品国产福app | 国产在线拍偷自揄拍无码 | 久久涩视频 | 中文无码乱人伦中文视频播放 | 男女靠逼网站 | 国产麻豆一区二区三区精品 | 亚洲va无码手机在线电影 | 色婷婷18 | 国产av一区二区三区最新精品 | 日本免费一区二区三区四区五区 | 国产在线精品一区二区三区 | 亚洲最大成人免费视频 | 国产精品久久久久毛片软件 | 欧洲免费一区二区三区视频 | 一本色道久久88加勒比—综合 | 亚洲综合色区另类aⅴ | 久热中文字幕在线观看 | 欧美成人精品免费 | 天天综合日日夜夜 | 孕妇av在线 | 99久在线 | 欧美丰满熟妇aaaaa片 | 韩国日本美国免费毛片 | 国产在线观看91 | 岛国片免费在线观看 | 992tv福利 | 99热香蕉 | 亚洲成av人在线播放无码 | 暖暖免费 高清 日本社区在线观看 | 亚洲美女屁股眼交3 | 青青草国产在现线免费观看 | 亚洲国产成人女毛片在线主播 | 亚洲情网 | 久久精品国产99久久6动漫 | 成人动漫在线观看 | 亚洲精品成人久久电影网 | 国产精品拍国产拍拍偷 | 中文字幕在线观看一区 | 国产亚洲精品第一综合另类灬 | 人人妻人人狠人人爽 | www.欧美大码| 另类内射国产在线 | 国产日韩欧美久久久精品图片 | 911久久| 国产成人免费一区二区三区 | 一色桃子中文字幕av | 国产精品成人午夜电影 | 亚洲高清专区日韩精品 | 欧美一区二区三区成人 | 秋霞国产午夜精品免费视频 | 欧美激情福利 | 女优天堂网 | 77777_亚洲午夜久久多人 | 青青青国产在线观看资源 | 成人av社区 | 日本丰满大乳乳液 | 4438xx亚洲最大五色丁香 | 日本欧美国产在线 | 国产91丝袜在线播放动漫 | 97精品久久久大香线焦 | 全黄h全肉边做边吃奶视频 欧美饥渴熟妇高潮喷水水 四色成人av永久网址 | 国产乱码一卡二卡3卡三卡四卡 | 射死你天天日 | 国模无码视频一区二区三区 | 天天射天天爽 | 韩国在线观看 | 黑人好猛厉害爽受不了好大撑 | 久久久久久一区国产精品 | 国内精品久久人妻互换 | 国产粗话肉麻对白在线播放 | 久久久亚洲综合久久久久87 | 内射人妻少妇无码一本一道 | 国产成人亚洲综合无码18禁h | 97国产免费| 九九99九九精彩3 | 国产精品免费久久久久影院仙踪林 | 艳妇乳肉豪妇荡乳流白浆 | 人人妻人人澡人人爽人人dvd | 国内自拍真实伦在线视频 | 成·人免费午夜视频香蕉 | 狠色狠狠色狠狠狠色综合久久 | 天天做天天爱夜夜爽毛片 | 成人免费午夜a大片app | 亚洲成a人无码亚洲成www牛牛 | 午夜爽爽影院 | av网站大全在线 | 99久久无色码中文字幕人妻蜜柚 | 午夜爽爽爽男女免费观看 | 精品欧美小视频在线观看 | 超碰3 | 免费网站观看www在线观看 | 91精品一区二区中文字幕 | av网站一区 | 成年人网站免费看 | 国产亚洲精 | 亚洲成人777 | 人与禽交av在线播放 | 亚洲欧美日韩久久一区二区 | 国产成人精品18p | 特别刺激重口的乱小说 | 国产精品校园春色 | 中文无码日韩欧免费视频app | av免费看片 | 久久婷婷色综合老司机 | 免费无码av片流白浆在线观看 | 日韩在线视频线视频免费网站 | 亚洲欧美日韩久久久久久 | 欧美特黄aaaaaa | 国产精品成人精品久久久 | 日本阿v免费观看视频 | 男人的天堂av网站 | 国产极品jk白丝喷白浆图片 | 亚洲男人第一天堂 | 91黄色入口| 精品视频第一页 | 欧美极品少妇xxxxⅹ喷水 | 一本一本久久a久久精品 | 日韩色哟哟| 国产精品美女久久久久av超清 | 日韩在线免费观看av | 欧美人与zoxxxx另类 | 亚洲乱码在线观看 | 一边摸一边做爽的视频17国产 | 亚洲精品国产av成拍色拍个 | 日本高清免费aaaaa大片视频 | 丰满岳妇饱满的双乳在线观看 | 国产日韩一区二区三免费高清 | 无码人妻丰满熟妇区五十路百度 | 久草网视频在线观看 | 精品无码一区二区三区av | 国产精品久久久影院 | 国产成人在线免费视频 | 五月天色网站 | 伊人超碰 | 国产精品18p | 亚洲精品国产精品色诱一区 | 国产精品综合av一区二区国产馆 | 久久午夜精品视频 | 欧美成人家庭影院 | 亚洲日韩在线中文字幕线路2区 | 深夜福利一区二区 | 亚洲日本韩国 | 久久综合激激的五月天 | 日日草夜夜草 | 亚洲区小说区激情区图片区 | 国产视频在线一区 | 成人看片黄a免费看在线 | 中文字幕在线免费看线人 | 欧美精品久久久久久久多人混战 | 久久av色欲av久久蜜桃网 | 99热网址最新获取域名 | 亚洲人成激情在线播放国 | 国产成人久久久精品免费澳门 | x88av在线 | 欧美人体一区二区视频 | 久久久精品妓女影院妓女网 | 国产高潮呻吟久久 | 免费午夜男女高清视频 | 欧美激情五月 | 中文字幕av一区二区五区 | 国产精品永久久久久久久久久 | 国产精品久久久久久麻豆一区 | 作爱视频在线 | 亚洲国产cao | 午夜理论片yy44880影院 | 最新亚洲伦理中文字幕 | 国内精品久久久久影院网站 | 成人国内精品久久久久影院vr | 国产入口 | 国产在线视频一区二区三区 | 中文字幕+乱码+中文乱码91 | 高清破外女出血av毛片 | 男人吃奶摸下挵进去啪啪软件 | 亚洲一区高清视频 | 伊人激情av一区二区三区 | 日韩av女优在线观看 | 最新日韩在线 | 男女猛烈无遮挡免费视频app | 377p日本欧洲亚洲大胆张筱雨 | 亚洲国产熟妇在线视频 | 欧美午夜视频在线观看 | 亚洲精品国自产拍在线观看 | 女人被爽到高潮视频免费国产 | 久草在线视频中文 | 国产免费乱淫av | 免费国产乱码一二三区 | 久久超碰极品视觉盛宴 | 国产极品美女高潮视频写真网址 | 一区二区视频日韩免费 | 日本欧美一区二区免费视频 | 麻豆久久久9性大片 | 欧美v亚洲v日韩v最新在线 | 色吊丝中文字幕 | 亚洲天堂男人影院 | 亚洲综合一区二区三区四区五区 | av看片在线观看 | 欧美乱人免费视频观看 | 成人影片麻豆国产影片免费观看 | 91在线色 | 国产成人mv在线播放 | 国产无遮挡免费视频 | 国产午夜精品美女视频明星a级 | 免费一级淫片 | 成在线人av无码高潮喷水 | 特黄视频在线观看 | 99精品国产兔费观看久久99 | 手机av观看 | 国产99久久99热这里只有精品15 | 俄罗斯大胆少妇bbw 天天躁夜夜躁狠狠躁2020色戒 | 久久久久青草线蕉亚洲麻豆 | ww污污污网站在线看com | 青青视频免费观看免费 | 亚洲成aⅴ人片在线观 | 婷婷草 | eeuss鲁片一区二区三区小说 | 九九九精品成人免费视频 | 草比网站 | 男女啪啪免费体验区 | 天堂av色综合久久天堂我不卡 | 绯色av中文字幕一区三区 | 麻花传媒mv一二三区别在哪里看 | 中国东北少妇bbb真爽 | 精品久久久无码中文字幕边打电话 | 国产欧美激情一区二区 | 成人欧美一区二区三区a片 免费h动漫无码网站 | 在线视频欧美日韩 | wwwww色| 亚州欧洲日韩精品 | 综合亚洲另类欧美久久成人精品 | 国语对白在线播放 | 久久久久久久久无码精品亚洲日韩 | 狠狠干伊人网 | 手机永久无码国产av毛片 | 亚洲a∨国产av综合av麻豆丫 | 古装激情偷乱人伦视频 | 国产天美传媒性色av出轨 | 天堂中文а√在线官网 | 欧美精品在线播放 | 伊人网综合视频 | 好男人www社区视频在线资源 | 日本大乳奶做爰洗澡三级 | 久久久久国 | 18禁午夜宅男成年网站 | 亚洲精品网站在线观看你懂的 | 精品国产乱码久久久久久小说 | 国产视频黄| 五月婷香蕉久色在线看 | 精品一区二区三区在线成人 | 免费福利影院 | www国产精品人妻一二三区 | 精品无码一区二区三区av | 日本三级韩国三级欧美三级 | 国产肉丝袜视频在线观看 | 伊人久久大香线蕉午夜 | 亚洲一区二区 | 97久久人人超碰超碰窝窝 | 农村妇女一区二区 | 亚洲成国产人片在线观看 | 欧美老妇牲交videos | 好男人社区在线观看 | 日本韩国中文字幕 | 97人摸人人澡人人人超碰 | 一边摸一边做爽的免费视频日本 | 中文字幕日产每天更新40 | 女女互摸互喷水高潮les呻吟 | 午夜资源站 | 国产丶欧美丶日本不卡视频 | 网址在线观看你懂的 | 一级肉体全黄裸片 | 97在线精品 | 国产剧情国产精品一区 | 在线观看免费毛片 | 成年人免费视频网站 | 国产乱人对白 | 青青草成人在线观看 | 日本三级韩国三级三级a级按摩 | 久久美利坚 | 狠狠插综合| 免费看撕开奶罩揉吮奶头视频 | 99久久婷婷国产综合精品青草免费 | 国产免码va在线观看免费 | 亚洲精品三区 | 免费情侣作爱视频 | 国产午夜福利小视频合集 | 黄色av一级 | 欧美性黑人极品hd | 日本在线视频中文字幕 | 国产视频一区在线观看 | 狂野欧美性猛交xxⅹ李丽珍 | 婷婷久久综合九色综合97 | 校园 春色 欧美 另类 小说 | 欧美日韩中文字幕视频不卡一二区 | 五月婷婷久久草 | 无码成人一区二区三区 | 狠狠色噜噜狠狠狠狠奇米777 | 97精品国产97久久久久久久久久久久 | aa精品| 国产三级视频在线 | 亚洲a综合一区二区三区 | 全免费a级毛片 | 国产裸体美女视频全黄扒开 | 中文在线最新版天堂8 | 欧美69式互添视频在线 | 91桃色国产在线播放 | 超碰影院在线 | 国产一区二区精品免费 | 日日操夜夜干 | 午夜免费福利在线 | 热99re久久免费视精品频软件 | 搡少妇在线视频少妇干活了 | 日本视频精品 | 极品美女极度色诱视频在线 | 亚洲乱码中文字幕久久孕妇黑人 | 国产乱子伦一区二区三区视频播放 | 久久国产劲暴∨内射 | av女优天堂在线观看 | 久久伊人亚洲 | 国产午夜亚洲精品理论片不卡 | 久久国内偷拍 | 日本韩国亚洲欧美在线 | 中文字幕黄色av | 日本一区中文字幕 | 大陆国语对白国产av片 | 久久无码高潮喷水免费看 | 狂野欧美性猛交xxxx | 婷婷激情偷拍在线 | 国产日产欧产美韩系列麻豆 | 四虎精品免费永久免费视频 | 正在播放淫亚洲 | 夜夜春精品视频高清69式 | 双腿张开被9个黑人调教影片 | 粉嫩av蜜桃av蜜臀av | 日日夜夜草 | 欧美国产激情一区二区在线 | 爱情岛论坛成人永久网站在线观看 | 国产精品女同久久久久电影院 | 中文字幕毛片 | 91丨porny丨国产入口 | 黄色在线免费观看视频 | 欧美亚洲另类色图 | 欧美日韩国产成人高清视频 | 91精品国产综合久久小美女 | 国产成人精品久 | 4438x全国最大色 | 国产午夜手机精彩视频 | 在线高清免费不卡全码 | 欧美激情精品久久久久久免费 | 久久人人爽人人爽av片 | 爱爱爱av| 黄色av网页 | 99这里都是精品 | 国产美女三级无套内谢 | 综合亚洲伊人午夜网 | 91极品欧美视频 | 色琪琪av中文字幕一区二区 | 精品久久久久久国产 | 视频福利在线观看 | 亚洲男人 | 国产凹凸久久精品一区 | 男人女人黄 色视频一级香蕉 | 亚洲欧美日韩v在线观看不卡 | 久久综合色天天久久综合图片 | 九一国产精品 | 欧美一级片网站 | 亚洲成人精品 | 久久xxxx | 91精品国产综合久久久蜜臀粉嫩 | 人妻无码不卡中文字幕在线视频 | 久久五月精品中文字幕 | 成人亚洲一区 | 国产成熟女人性满足视频 | 欧美另类 自拍 亚洲 图区 | 青青青视频在线 | 欧美成人影音 | 中国一级特黄毛片大片久久 | 欧美国产精品一区二区三区 | 最新版天堂资源网在线种子 | 午夜视频导航 | 日本成熟丰满老妇xxxx1 | 国产成人精品日本亚洲专区 | 无码高潮爽到爆的喷水视频 | 日本国产在线视频 | 日韩区一| 国产日韩精品一区二区三区在线 | 欧美日韩国产黄色 | 无套内射蜜桃小视频 | 国产精品午夜视频自在拍 | 美女被啪到深处抽搐视频 | 亚洲乱码中文论理电影 | 中国极品少妇xxxx | 成·人免费午夜无码不卡 | 天天5g天天爽网站 | 欧美xxxxx高潮喷水麻豆 | 日日碰狠狠 | 一区二区三区四区欧美 | 欧美成人免费视频 | 久草综合网 | 成人区人妻精品一区二区不卡 | 亚洲国产视频网站 | 2020年无码国产精品高清免费 | 亚洲欲色欲色xxxxx在线观看 | 日韩在线成人 | 国产精品自拍网站 | 国产伦精品一区二区三区视频黑人 | 精久久| 国产白丝精品91爽爽久久 | 午夜精东影业传媒在线观看 | avtt男人天堂 | 伊人av在线免费观看 | 国产精品高潮呻吟av久久动漫 | 亚洲天堂免费在线 | 久久婷婷麻豆国产91天堂 | 在线观看av不卡 | 伊人影院在线观看视频 | 日韩欧美一区二区三区 | 视频国产一区 | 人妻少妇被粗大爽9797pw | 国产亚洲欧美日韩亚洲中文色 | 亚洲 欧美 中文 日韩aⅴ手机版 | 在线观看mv的中文字幕网站 | 18禁美女裸体爆乳无遮挡 | 国产精品女同一区二区在线 | 久久精品日产第一区二区三区 | 毛片啪啪啪 | 蜜桃av网 | 男人天堂午夜 | 国产精品18禁污污网站 | 野花在线无码视频在线播放 | 婷婷综合在线观看 | 亚洲风情亚aⅴ在线发布 | 在线中文字幕乱码英文字幕正常 | 久久久不卡国产精品一区二区 | 久久亚洲国产成人精品无码区 | 亚洲高清国产拍精品青青草原 | 自拍偷拍精品视频 | 男人的天堂aa | 巴西少妇bbwbbwbbw | 国产精品一区饥渴老女人 | 永久免费的av在线电影网无码 | www.色女人| 欧洲a级片 | 福利一二三区 | 日韩精品一区二区大桥未久 | 久久久久久精品色费色费s 亚洲精品无圣光一区二区 无码中文av波多野吉衣迅雷下载 | 中日一级毛片 | 九色porny丨自拍视频 | 国产精品久久久久久久久久久久 | 亚洲中午字幕 | 国内永久福利在线视频 | 国产午夜福利不卡在线秋霞秋霞 | 中文字幕一二 | 青青操在线观看 | 国产精品美女久久久av超清 | jizzyou亚洲| 欧美激情一二三 | 撞击白丝少妇肉臀的小说 | 中文字幕高清免费日韩视频在线 | 成人三级毛片 | 西西人体444www高清大胆 | 国精产品一区一区三区mba视频 | 久久婷婷六月 | 国产麻豆剧果冻传媒星空视频 | 久久激情日本亚洲欧洲国产中文 | 国产产区一二三产区区别在线 | 日韩大片免费看 | 免费无码黄十八禁网站在线观看 | 亚洲成a人片在线观看天堂无码不卡 | 国产永久福利 | 人人超人人超碰超国产 | 三上悠亚亚洲一区 | av东京热无码专区 | 国产a一区 | 免费一级淫片日本高清视频一 | 激情97综合亚洲色婷婷五 | 日日射av| 国产四虎影院 | 国产激情综合在线看 | 色婷婷六月亚洲婷婷丁香 | 精品一卡2卡三卡4卡免费网站 | 无码视频在线观看 | 中文天堂资源在线www | av日韩在线播放 | 日本婷婷 | 天天av天天干 | 国产台湾无码av片在线观看 | 一级大毛片 | 日本青青草 | 精品国精品自拍自在线 | 91欧美激情一区二区三区 | 丁香色婷 | 午夜黄视频 | 欧美日韩一区二区三区视频播放 | 青青草成人免费视频 | 国产熟人av一二三区 | 久久久久久久黄色片 | 99国产精品粉嫩初高生在线播放 | 国产精品jizz在线观看麻豆 | 亚洲精品国产美女久久久 | 又大又粗又爽又黄的少妇毛片 | 成人午夜性| 伊人大香人妻在线播放 | 亚洲一区二区视频 | 国产午夜亚洲精品理论片八戒 | 欧美精品一区二区黄a片 | 无码av不卡免费播放 | 在线99热| 午夜爱爱爱爱爽爽爽网站 | 国产免费福利视频 | 噜噜色av | 少妇私密会所按摩到高潮呻吟 | 国产精品va在线观看丝瓜影院 | 久久加久久 | 午夜无码乱码在线观看 | 日韩成人av片 | 精品国产第一国产综合精品 | 悠悠色综合网 | 黑人巨大白妞出浆 | 亚洲青草 | www.五月天com | 2020国产精品久久精品 | 国模欣谣大尺度啪啪人体 | 韩国羞羞视频 | 成人精品视频一区二区三区尤物 | 日韩av在线一区 | 91学生片黄在线观看 | 欧美丰满老熟妇aaaa片 | 99久久伊人精品综合观看 | 亚洲天堂网一区 | 2018天天干天天射 | 尤物视频在线观看国产 | 伦理精品一区二区三精品 | 制服丝袜另类专区制服 | 国产模特嫩模私拍视频在线 | 综合无码一区二区三区 | 久久www免费人咸_看片 | 秋霞成人午夜伦在线观看 | 人妻无码一区二区视频 | 亚洲国产成人在线 | 亚洲国产成人精品青青草原 | 97超碰人人澡 | 亚洲图片校园另激情类小说 | 亚洲无吗视频在线 | 秋霞欧美一区二区三区视频免费 | 欧美精品videossex少妇 | 中国精品无码免费专区午夜 | 日日摸夜夜添夜夜添亚洲女人 | 免费国产一区二区 | 久久综合在线 | 国产乱视频| 99热热热热 | 深夜国产视频 | 健身房(高h,双性,饥渴受) | 又大又粗欧美成人网站 | 午夜小视频网站 | 免费无码又爽又刺激软件下载直播 | 2021国产精品自在自线 | 国产精品资源一区二区 | av毛片午夜不卡高潮喷水 | 亚洲人网 | 国产一区二区三区日韩精品 | 十八女人水多三级 | 今日宜喜欢短剧免费观看 | 精品久久久久久中文字幕人妻最新 | 中出乱码av亚洲精品久久天堂 | 日日干日日操 | 国内精品免费久久久久电影院 | 性chinese天美传媒麻 | 精品熟人一区二区三区四区 | 久久精品日产第一区二区三区乱码 | 美女131mm久久爽爽免费 | 亚洲欧美综合 | а天堂中文在线官网在线 | wwww在线观看 | 亚洲三级毛片 | 一级日韩一级欧美 | 日韩新无码精品毛片 | 国产麻豆精品传媒av国产婷婷 | 亚洲综合在线观看视频 | 亚洲精品久久久无码一区二区 | 一区二区无码免费视频网站 | 欧美伦理一区二区三区 | 亚欧乱色熟女一区二区三区 | 国产成人精品怡红院在线观看 | 成熟丰满熟妇高潮xxxxx | 国产成在线观看免费视频 | 欧美婷婷精品激情 | 狠狠狠色丁香婷婷综合激情 | 国产欧美丝袜在线二区 | 国产综合在线视频 | 精品伊人久久久大香线蕉下载 | 国产超碰人人做人人爽av大片 | 欧美国产成人久久精品 | 国产无遮挡18禁无码网站 | 18精品爽国产白嫩精品 | 新超碰在线 | 人人妻人人添人人爽欧美一区 | 国产精品成人嫩草影院 | 亚洲元码 | 日本熟妇浓密毛毛多 | 国产精品成人网址在线观看 | 国内综合精品午夜久久资源 | 久久天天躁狠狠躁夜夜免费观看 | 1024久久 | 男女羞羞羞视频午夜视频 | 永久免费观看片在线现看 | 国产精品久久久久久在线观看 | 中文国产| 偷拍男女做爰野战视频 | 色偷偷噜噜噜亚洲男人 | 亚洲a片v一区二区三区有声 | 国产永久免费观看 | 91色交| 亚洲精品国产精品国产自2022 | 日韩一区二区精品葵司在线 | 男女视频一区二区三区 | 国产区精品福利在线社区 | 欧美人与动人物牲交免费观看久久 | 欧美日韩一区二区三 | 2022国产在线无码精品 | www.成人.com| 在线观看视频一区二区三区 | 日本中文字幕免费 | 亚洲视频p | 国产夫妻小视频 | 国产 高潮 抽搐 正在播放 | 一本大道综合伊人精品热热 | 四虎色 | 中文字幕女教师julia视频 | 波多野结衣成人在线 | 日韩精品二区在线观看 | 久久精品国产av一区二区三区 | 秋霞影院午夜伦 | 精品少妇人妻av无码久久 | 少妇真实自偷自拍视频6 | 九九久久国产精品 | 四虎com | 一本加勒比hezyo无码资源网 | 欧美极品少妇性运交 | 人妻无码中文字幕一区二区三区 | 国产精品国产午夜免费看福利 | 中文字幕日韩精品一区 | 亚洲日韩av无码一区二区三区人 | 国产高潮流白浆视频 | 亚洲欧美日韩国产国产a | 精品久久久久久一区二区里番 | 丁香啪啪综合成人亚洲小说 | 亚洲人成毛片在线播放 | jjzz4日本 | 公开超碰在线 | 日韩精品一区国产偷窥在线 | 青青草视频免费播放 | 亚洲人成无码网站www | 放几个免费的毛片出来看 | 欧美资源 | 亚洲最大成人网站 | 国产高清不卡一区二区 | 国产精品亚洲欧美中字 | 色很久综合 | 亚洲色图男人天堂 | 永久免费的av片在线电影网 | 欧美日韩999 | 毛片资源| 国产露脸精品产三级国产av | 综合五月激情二区视频 | 九九精品在线观看视频 | 18禁强伦姧人妻又大又 | 免费人成视频在线播放视频 | 日日干视频 | 欧美一级一区 | 成人h精品动漫一区二区三区 | 日韩国产欧美在线视频 | 在线看av网址 | 大黑牛凹凸国产视觉盛宴 | 手机看片国产av无码 | 九九热免费精品视频 | 91中文在线 | 久久精品青青草原伊人 | 国产成人无码国产亚洲 | 久久免费播放视频 | 自拍亚洲综合在线精品 | 国产精品毛片一区二区三区 | 国产一区二区三区av在线无码观看 | 中文字幕av无码人妻 | 色99999 | 就是色| 中国一级黄色毛片 | 亚洲码国产岛国毛片在线 | 国产精品欧美成人片 | 亚洲国产精品久久久久秋霞小 | 色偷偷久久一区二区三区 | а√天堂www在线а√天堂视频 | 色去也| 成人高潮片免费网站 | 五月婷婷俺也去开心 | 图片区小说区另类春色 | 午夜观看 | 日本香蕉网 | 无码超乳爆乳中文字幕久久 | 国产三级福利 | 在线播放ww | 国产精品剧情对白无套在线观看 | 欧美久久久久久 | 久久久久久亚洲国产 | 国产激情久久久久影院老熟女 | 啦啦啦中文在线观看日本 | 九九视频麻婆豆腐在线观看 | 久久99精品国产麻豆 | 色图网址| 精品无码久久久久久久久水蜜桃 | 日本欧美一区二区免费视频 | 欧美日韩激情视频 | 国产精品天干在线观看 | 久久久一区二区三区四区 | 日本国产黄色片 | 国产婷婷一区二区三区久久 | 亚洲欧美综合一区二区三区 | 琪琪色图| 中文字幕无码免费久久99 | 热热色视频 | 婷婷丁香五月天综合东京热 | 少妇被猛烈进入到喷白浆 | 男女午夜啪啪 | 成人欧美一区二区三区在线 | 欧美一级大黄大黄大色毛片小说 | 筱崎爱三级在线播放 | 无码av免费一区二区三区 | 麻豆一区二区99久久久久 | 婷婷六月丁| 在线观看视频91 | 久久国产精品成人影院 | 欧美精品亚洲 | 欧美又粗又深又猛又爽啪啪 | 丰满饥渴老女人hd69av | 色综合网站| 和军人啪的辣文高h | 免费黄色在线视频网站 | 天天插天天射 | 亚洲欧美日韩综合一区 | 爱爱爱网 | 亚洲国产精品无码中文字app | 亚洲香蕉aⅴ视频在线播放 亚洲激情自拍偷拍 | 久久无码人妻一区二区三区午夜 | 日本亚洲欧洲免费无线码 | 国产亚洲精品欧洲在线视频 | 在线精品亚洲一区二区 | 日日躁狠狠躁夜夜躁av中文字幕 | 尤物99久久国产综合精品 | 国产熟女出轨做受的叫床声 | 成年美女黄网站色大免费视频 | 国产精品婷婷久久爽一下 | 欧美视频一区二区三区四区在线观看 | 亚洲最新在线观看 | 91精品国模一区二区三区 | 免费在线观看日本 | 亚洲熟妇av一区二区三区宅男 | 亚洲国产精品久久久久久无码 | 制服丝袜快播 | 国产中文一区二区 | 亚洲国产成人精品无码区蜜柚 | 欧美人与动牲交a精品 | 亚洲 欧美 唯美 国产 伦 综合 | 欧美一区二区三区综合 | 一级持黄录像免费观看 | 爆乳2把你榨干哦ova在线观看 | jizzyou中国少妇农村 | 久久九九精品99国产精品 | 久久国产精品偷任你爽任你 | 亚洲愉拍自拍另类图片 | 亚洲第一成网站 | 日韩欧美在线免费视频 | 久久久久久久99精品国产片 | 粉嫩大学生无套内射无码卡视频 | 亚洲免费中文 | 91精品又粗又猛又爽 | 欧洲一区二区在线观看 | 亚洲一区动漫 | 天堂久久av | 中日韩精品无码一区二区三区 | 四虎永久网站 | 少妇高潮惨叫久久久久电影69 | 亚洲 另类 在线 欧美 制服 | 国产一级特黄aa大片出来精子 | 国产一区二区色婬影院 | 免费无码va一区二区三区 | 含紧一点h边做边走动免费视频 | 亚洲国产精品成人午夜在线观看 | 在线日本看片免费人成视久网 | 亚洲欧美另类中文字幕 | 特大黑人娇小亚洲女 | 国产熟女乱子视频正在播放 | 男人扒开女人双腿猛进视频 | 久久亚洲精品中文字幕冲田杏梨 | 亚洲aⅴ无码专区在线观看q | 人人射人人爱 | 国产精品无码一区二区三区在 | 老师黑色丝袜被躁翻了av | 欧美精品一二三 | 一区二区国产精品精华液 | 久久本色成人综合网 | 亚洲国产日韩欧美一区二区三区 | 日本xxxx自慰xxxx | 午夜视频在线网站 | 亚洲色图男人天堂 | 一区二区三区在线免费观看视频 | 欧美日韩精品在线视频 | 久久伊人精品影院一本到综合 | 午夜羞羞影院男女爽爽爽 | 电影内射视频免费观看 | 亚洲欧洲日产韩国无码 | 99精品国产在热久久婷婷 | 日韩久久激情 | 无套中出极品少妇白浆 | av在线免费资源 | 免费无码黄十八禁网站 | 黑人太粗太深了太硬受不了了 | 日本色妞| 久久婷婷综合缴情亚洲狠狠_ | 免费无码黄网站在线观看 | 国产偷国产偷亚洲清高动态图 | 四虎影院www| 欧美中文字幕无线码视频 | 少妇人妻无码专区毛片 | 中国熟妇浓毛hdsex | 国产在线一卡2卡三卡4卡免费 | 亚洲成年网 | 在线观看麻豆国产成人av在线播放 | 国内精品久久久久久久久久清纯 | 亚洲精品国产福利一二区 | 精品久久久久久一区二区里番 | 欧美一级视频在线 | 亚洲精品国产成人久久av盗摄 | 2021国产精品午夜久久 | 性无码专区一色吊丝中文字幕 | 强行糟蹋人妻hd中文 | 2020无码专区人妻系列日韩 | 欧美成人乱码一二三四区 | 蜜桃av影院 | 久久亚洲精品综合国产仙踪林 | 久久久这里只有精品10 | 欧美巨大黑人极品精男 | 色噜噜狠狠成人中文 | 亚洲视频欧洲视频 | 国产看黄a大片爽爽影院 | 激情www| 午夜欧美艳情视频免费看 | 国产精品亚韩精品无码a在线 | 国产精品欧美久久久久久日木一道 | 欧美日韩精品一区二区三区高清视频 | 亚洲在线免费观看 | 黄色一级片国产 | 国产无遮挡18禁无码网站免费 | www深夜成人白色液体视频 | 亚洲老妇色熟女老太 | 久久久久久久极品 | 无码人妻视频一区二区三区 | 日本一级色片 | 97在线精品视频 | 在线欧美精品一区二区三区 | 荫蒂添的好舒服视频囗交 | 国产亚洲一区二区在线观看 | 中文字幕无码乱码人妻系列蜜桃 | 亚洲高清成人aⅴ片 | 播放日韩一级黄色片 | 2024av在线播放| 欧美人与性动交α欧美精品 | 精品国产亚洲一区二区三区 | jzzjzz日本丰满成熟少妇 | 国产真人无码作爱免费视频app | 国产精品自在线拍国产手机版 | 91爱国产| 老色批影视| 亚洲a∨日韩av高清在线观看 | 欧美精品久久久久性色 | 性无码免费一区二区三区在线 | 素人一区二区三区 | 黄色性视频网站 | 国产日韩欧美视频在线观看 | 欧美麻豆久久久久久中文 | 久久久蜜桃一区二区 | 国产精品人妻一区夜夜爱 | 国产精品视频第一页 | 十八禁在线观看视频播放免费 | 91精品久久久久久 | 国产精品民宅偷窥盗摄 | 久久精品无码一区二区软件 | 天堂av免费在线观看 | 国产又色又爽无遮挡免费软件 | 婷婷伊人五月 | 国产亚洲精aa在线看 | 久久俺也去丁香综合色 | 春色校园激情综合在线 | 天天射天天舔 | 成人在线观看a | 在线中文字幕播放 | 丁香六月伊人 | 精品国产自线午夜福利 | 亚洲国产精品无码久久久不卡 | 新版本天堂资源在线中文8的特点 | 日韩欧美亚洲 | 视频一区 中文字幕 | 国产又色又爽又黄刺激视频免费 | 亚洲精品久久五月天堂 | 五月婷婷六月合 | 国产青青视频 | 狠狠干五月天 | seyoyowww色哟哟| 在线观看视频中文字幕 | 色与欲影视天天看综合网 | av一级在线观看 | 国产午夜影视大全免费观看 | 国产精品午夜爆乳美女视频 | 日日噜噜夜夜狠狠久久丁香五月 | 久久社区 | www.夜夜骑.com | 久久香蕉国产精品麻豆粉嫩av | 午夜在线看的免费网站 | 91在线www | 一级片视频免费观看 | 成人激情片 | 九一精品在线 | 一级特黄aaa大片在线观看 | a天堂最新地址 | 国产香蕉尹人在线视频你看看 | 久草视频中文在线 | 国产黄大片在线观看画质优化 | 688欧美人禽杂交狂配 | 狠狠操天天操 | 9色av| 午夜色大片在线观看免费 | 男人天堂手机在线观看 | www色日本| 最近免费观看高清韩国日本大全 | 337p人体粉嫩久久久红粉影视 | 国产成人欧美日本在线观看 | 久久亚洲精精品中文字幕早川悠里 | 成人性能视频在线 | 日韩免费视频一区二区 | 激情小说五月天 | 岛国黄色av | 91久久视频 | 久久久国产99久久国产久麻豆 | www.淫| ww欧日韩视频高清在线 | 中文字幕人妻偷伦在线视频 | 日韩精品欧美在线成人 | 午夜xxxxx| 国产偷久久一级精品60部 | yy6080午夜| 国产婷婷精品av在线 | 国产在线观看免费观看不卡 | 日本边添边摸边做边爱喷水 | 久操香蕉| 亚洲制服丝袜自拍中文字幕 | 中国在线观看片免费 | 星空大象在线观看 | 夜夜操天天射 | 伊人久久亚洲综合影院首页 | 亚洲人成在线免费观看 | 无码永久成人免费视频 | 夜夜添无码试看一区二区三区 | 亚洲人性生活视频 | 国产精品日韩av在线播放 | 日产电影一区二区三区 | 9.1成人看片免费版 国产91原创 | 免费的黄网站在线观看 | 免费色视频 | 中文字幕在线日本 | 九九热播视频 | 伊人精品成人久久综合全集观看 | 三级做爰高清视频 | 日本免费不卡的一区视频 | 国产伦精品一区二区三区视频黑人 | 国产精品亚洲专区无码影院 | 日韩人妻无码一区二区三区久久99 | 一本到亚洲中文无码av | 亚洲国产精品一区二区久久,亚洲午夜 | 欧美日韩一区精品 | 在线中文字幕第一页 | 婷婷六月综合缴情在线 | 一本大道在线无码一区 | 日本一二三区在线 | 国产精品后入内射日本在线观看 | 最近中文字幕免费视频 | 国产一区二区av在线 | 日日碰日日摸 | 亚洲第一区欧美国产综合 | 亚洲日韩欧洲无码av夜夜摸 | 亚洲不卡免费视频 | 亚洲欧洲综合有码无码 | 欧美熟妇色ⅹxxx欧美妇 | 真人性生交免费视频 | 人与禽交av在线播放 | 不卡一区二区三区四区 | 久久久无码精品国产一区 | 天天天在线综合网 | 18禁裸男晨勃露j毛网站 | 日本成人区 | av夜夜操| 亚洲s色大片 | 亚洲va综合va国产产va中文 | bbbwww破出血第一次日本 | 91色网站| 亚洲漂亮少妇毛茸茸 | 九九久久99综合一区二区 | 国产按头口爆吞精在线视频 | 日韩高清不卡 | 成人一区二区免费中文字幕视频 | 综合网国产 | 91高清免费看| 国产夫妻自拍一区 | 成年无码动漫av片在线观看羞羞 | 日韩视频免费观看高清完整 | 免费又色又爽又黄的舒服软件 | 专干老肥熟女视频网站 | 99国产高清| 狠狠色噜噜狠狠狠狠888奇禾 | 国产蜜臀视频 | 久久嫩草精品久久久精品 | 国产爽爽久久影院潘金莲 | 色婷婷久久久久 | 欧美丰满熟妇乱xxxxx视频 | 中文字幕欧美一区二区三区 | 免费无码h肉动漫在线观看 欧美日性视频 | 丰满少妇aaaaaa爰片毛片 | 色偷偷激情日本亚洲一区二区 | 秋霞午夜成人鲁丝片午夜精品 | av大帝在线 | 欧美a视频在线观看 | 第一福利在线视频 | 一区二区成人在线 | 天堂国产一区二区三区四区不卡 | 天海翼一区二区三区四区在线观看 | 国产成+人+综合+亚洲欧美 | 无码国产成人午夜视频在线播放 | 国产精品后入内射日本在线观看 | 日本不卡在线观看 | 亚洲欧美自偷自拍视频图片 | 狠狠干b | 国产欧美熟妇另类久久久 | 国产成人精品免费久久久久 | 国产男女激情 | 亚洲国产第一站精品蜜芽 | 爆乳高潮喷水无码正在播放 | 亚洲日本va午夜在线影院 | 天天夜夜狠狠 | 亚洲乱码av一区二区三区 | 一区二区亚洲精品国产精华液 | 成人性生交大片免费看9999 | 色综合亚洲一区二区小说 | 午夜亚洲视频 | www.色五月.com| 天天综合网天天综合狠狠躁 | 成人自拍一区 | 国产jjzzjjzz视频全部免费 | 精品欧美一区免费观看α√ | 国产精品无码午夜免费影院 | 久久精品192.168.0.1 | 无翼乌口工全彩无遮挡h全彩 | 久久99婷婷国产精品免费 | 欧美日韩精品在线视频 | 色爱无码av综合区老司机非洲 | 少妇无码太爽了不卡视频在线看 | 老司机福利午夜 | 亚洲精品男女 | 制服丝袜av无码专区完整版 | 国产九色在线播放九色 | 96视频网站 | 亚洲在线观看视频 | 99精品国产一区二区三区2021 | 日韩精品网站在线观看 | 亚洲熟妇无码爱v在线观看 激情五月婷婷色 | 精品二区视频 | 中文字幕一区二区三区人妻少妇 | 日韩中文字幕无砖 | 亚洲综合在线免费 | 日本少妇人妻xxxxx18 | 欧美在线免费视频 | 国产成人精品久久综合 | 精品二| 国产亚洲美女精品久久久 | 青草久久网 | 波多野结衣亚洲一区 | 亚洲aⅴ无码专区在线观看 78午夜福利视频 | 蜜臀av综合网| 亚洲日韩欧洲无码av夜夜摸 | 国产亚洲精品资源在线26u | 免费国产午夜高清在线视频 | 天天澡天天摸天天添视频 | 日韩精品一卡2卡3卡4卡新区乱码 | 日本不卡一区二区在线观看 | 污污网站免费在线观看 | 中字幕视频在线永久在线 | 欧美成年人视频在线观看 | 爱插综合网 | 黄91视频 | 亚洲女人色综合小说 | 中文国产一区 | 强开少妇嫩苞又嫩又紧九色 | 在线欧美一区 | 91免费观看视频网站 | 日本熟妇毛耸耸xxxxxx | 久99久精品免费视频热 | 成熟了的熟妇毛茸茸 | 丰满少妇夜夜爽爽高潮水 | 精品无码成人网站久久久久久 | 国产亚洲欧美日韩在线一区二区三区 | 国产亚洲成av人片在线观看下载 | 久久久久久久久久久影院 | 久久久免费毛片 | 亚洲天堂黄 | 印度女人狂野牲交 | 揉丰满老妇老女人的毛片 | 美女露隐私免费视频网站 | 国产免费拔擦拔擦8x高清在线人 | 精品国产一区二区三区无码 | 国产普通话对白 | 中文无码乱人伦中文视频在线v | 国产区视频在线播放 | 人妻熟妇乱又伦精品无码专区 | 欧美国产日本在线 | 五月婷婷六月丁香动漫 | 五月婷婷色播 | 爱av导航| 亚洲精品视频三区 | 日本xxxxx高潮少妇 | 国产精品欧美久久久久久日木一道 | 日韩福利一区二区三区 | 黄色大片免费网站 | 久久精品成人免费观看97 | 性做久久久久久免费观看欧美 | 国产在线视频福利资源站 | 国产亚洲美女精品久久久 | 特级黄色毛片视频 | 精品国精品国产自在久国产应用 | 久久伊99综合婷婷久久伊 | 国产免费观看久久黄av片 | 精品亚洲成a人片在线观看 91精品视频观看 | 涩涩短视频网站 | 日韩av地址| 国内大量揄拍人妻在线视频 | 超碰97在线免费观看 | 久久久久麻豆v国产精华液好用吗 | 性做久久久久久久久久 | jizz日本少妇高潮出水 | 他揉捏她两乳不停呻吟在线播放 | 国产日韩一区二区在线观看 | 自偷自拍亚洲综合精品第一页 | 国产v亚洲v天堂无码久久久 | 亚洲日韩欧美一区二区三区 | 秋霞午夜久久午夜精品 | 久久亚洲精品无码av大香大香 | 日本三级吃奶头添泬无码苍井空 | 四虎影视永久免费观看在线 | 一本大道在线观看无码一区 | 亚洲国产精品一区二区第一页 | 欧美肉体xxxx裸体137大胆 | 欧美日韩的一区二区 | 天天综合影院 | 亚洲精品国产精品乱码不卞 | porn亚洲 | 99精产国品一二三产区nba | 捏胸吃奶吻胸免费视频大软件 | 色窝窝无码一区二区三区 | 热久久最新视频 | 精品少妇爆乳无码aⅴ区 | 欧美日韩在线看 | 人妻耻辱中文字幕在线bd | 人人妻人人爽日日人人 | 亚洲中文字字幕在线乱码 | 亚洲综合最新无码2020av | 国产国产精品人在线视 | 久久久99国产精品免费 | 久久天天插 | 亚洲一区二区三区四区五区六 | 久草视频免费播放 | 久久福利片 | 国产精品自在欧美一区 | 小早川怜子久久精品中文字幕 | 亚洲v日韩v综合v精品v | 狠狠色丁香婷婷久久综合不卡 | 国产未发育呦交视频 | 酒店大战丝袜高跟鞋人妻 | 欧美jizz18 | 日韩欧美系列 | 中文字幕av高清 | 秋霞午夜无码鲁丝片午夜精品 | 国产稀缺真实呦乱在线 | 久久靠逼视频 | 亚洲精品日韩中文字幕久久久 | 免费人成年激情视频在线观看 | 日本道专区无码中文字幕 | 无码中文字幕va精品影院 | 超碰在线超碰在线 | 天天色快播 | 国产亚洲另类无码专区 | jizz成熟丰满中文字幕.麻豆 | 黄色综合网站 | 四虎影视在线观看 | 动漫一品二品精区在线 | 欧美精品欧美人与动人物牲交 | 亚洲精品一区久久久久久 | 中文字幕第25页 | 狠狠操视频网站 | 中国少妇无码专区 | 亚洲无人区一区二区三区 | 精国产品一区二区三区a片 亚洲男人的天堂网 | 国产bbb | 99这里视频只精品2019 | 波多野结衣小视频 | 日韩午夜免费视频 | 国产欧美日韩精品专区黑人 | 精品久久久久久无码中文野结衣 | 嫩草视频在线免费观看 | 小仙女异导航av福利尤物 | 蜜臀久久99精品久久久久宅男 | av网站一区二区 | 国产乡下三级全黄三级bd | 日韩精品免费观看 | 亚洲午夜久久久精品一区二区三区 | 国产老师开裆丝袜喷水视频 | 7777久久亚洲中文字幕 | 小男生小嫩茎网站在线观看 | 天天干,天天爽 | 岛国精品一区免费视频在线观看 | 国产精品涩涩涩视频网站 | 日韩精品福利在线 | 久久人妻精品白浆国产 | 深夜视频在线免费观看 | 日产国产欧美视频一区精品 | 欧美大屁股熟妇bbbbbb | 国产片av不卡在线观看国语 | 欧美国产激情二区三区 | 国产日产欧美视频 | 中文字幕一区二区在线播放 | 无码人妻精品一区二区三区久久 | 欧美熟妇xxzoxxzo视频 | 羞羞视频免费在线看 | 日本丰满岳乱妇在线观看 | 最新中文无码字字幕在线 | 午夜丁香网 | 97欧美一乱一性一交一视频 | 中文有无人妻vs无码人妻激烈 | 中文字字幕国产精品 | 中文字幕在线观看地址 | 亚洲色噜噜网站在线观看 | 嘿咻嘿咻高潮免费观看网站 | 久久男人av资源网站无码软件 | 久久久久久美女 | 福利99| 国产真人性做爰久久网站 | 色综合亚洲一区二区小说 | 在线色资源 | 一本无码中文字幕在线观 | 日韩精品hd | 亚洲人成电影在线观看网色 | 日本免费中文字幕 | 国产午夜精品在线观看 | 日韩免费观看完整 | 日韩精品无码一区二区三区四区 | 日本黄页网址 | 国产av福利久久精品can | 又色又爽又黄18网站 | 好男人www社区免费视频 | 久久国产劲暴∨内射新川 | 午夜成人理论无码电影在线播放 | 中国精品一区二区三区 | 欧美一区二区三区久久综合 | 中文成人久久久久影院免费观看 | 国产精品偷窥女厕视频 | 1024在线| 三上悠亚一区二区三区 | 国产精品偷伦在线观看 | 亚洲精品日韩精品 | 亚洲中文字幕无码av | 国产精品av一区二区 | 国产超碰人人做人人爽av牛牛 | 神马久久久久久久久久久 | 超碰.com | 国产乱人伦在线播放 | 综合网五月 | 国产suv精品一区二区62 | 日日草日日干 | 国产一区二区三区在线观看视频 | 99视频精品 | 极品人妻被黑人中出种子 | 导航福利在线 | www.九九九 | 天天躁夜夜躁狠狠久久 | 亚洲品质自拍视频 | 伊人网在线观看 | 中文字幕亚洲码在线观看 | 老司机精品视频一区二区 | 99国产精品久久久久久久久久久 | 中文字幕无线观看不卡网站 | 国产丝袜在线精品丝袜91 | 亚洲男人的天堂网站 | 小嫩妇好紧好爽再快视频 | 中文字幕免费不卡二区 | 插入综合网| 伊人久久大香线蕉综合四虎小说 | 欧美一区二区三区少妇p | 亚洲精品久久久久久下一站 | 亚洲免费二区 | 欧美 国产 亚洲 卡通 综合 | 精品人妻系列无码专区 | 欧美换爱 | 星空大象mv高清在线观看免费 | 性猛交xxxx乱大交中国 | 成人免费毛片免费 | 夜色爽爽影院18禁妓女影院 | 成人亚洲欧美一区二区三区 | 一级特黄色大片 | 丁香色婷婷 | 好看的91视频| 欧产日产国产精品99 | 久久97精品国产96久久小草 | 午夜三级a三级三点在线观看 | 丰满大乳一级淫片免费播放 | 秋霞电影网午夜鲁丝片无码 | 91精品国产综合久久久久久久久久 | av福利网 | av在线免费观看网址 | 天天操天天操天天操 | 69伊人| 成人三级视频在线观看一区二区 | 光棍天堂av | 午夜男女爽爽影院免费视频下载 | 国产片黄色 | 伊人影院在线视频 | 揄拍成人国产精品视频99 | 精品无码成人片一区二区98 | 国产亚洲精品久久久麻豆男与男 | 国产午夜精品免费一区二区三区视频 | 中国老熟妇自拍hd发布 | 在线欧美国产 | 日韩一区在线视频 | 91香蕉影院 | 欧美丰满一区二区免费视频 | 亚洲一区 在线播放 | 亚洲v无码一区二区三区四区观看 | 免费国产成人高清在线观看网站 | 亚洲熟妇无码av不卡在线 | 午夜福利体验免费体验区 | 亚洲欧美日韩精品永久在线 | av人体 | 国产日韩欧美精品在线观看 | 欧美国产成人精品 | 亚洲中亚洲中文字幕无线乱码 | 天堂资源在线播放 | 狠狠干影院 | 无码免费无线观看在线视 | 韩日少妇 | 国产96av在线播放视频 | 中文字幕少妇高潮喷潮 | 国产乱子夫妻 | 人善交ⅴideos欧美1 | 人妻无码中文字幕一区二区三区 | 亚洲不卡1卡2卡三卡入口 | 男女性动态激烈动全过程 | 永久黄网站色视频免费观看 | 国产免费一区二区三区最新不卡 | 7777奇米四色成人眼影 | 国产精品久久久久久妇女 | 91国自产精品中文字幕亚洲 | 欧美成人精品一区二区 | 男人天堂av网 | 天天拍久久 | 欧美老肥妇 | 东方欧美色图 | 欧美理论视频 | 男女一进一出超猛烈的视频不遮挡在线观看 | 天天色天天干天天 | 二区三区av | 国产日本精品视频在线观看 | 欧美成人精品激情在线观看 | 色av色 | 精品无人乱码一区二区三区的特点 | 免费午夜理论不卡 | 国产成人精品一区二区三区视频 | 中文字幕亚韩 | 日本中文字幕在线 | 国产免费视频一区二区裸体 | 国产成人无码一区二区三区在线 | 91日日拍夜夜嗷嗷叫国产 | 白嫩情侣偷拍呻吟刺激 | 欧美性猛交xxxx乱大交 | 国产精品久久久久久久伊一 | 久久久精品国产99久久精品麻追 | 黑人大战中国av女叫惨了 | 精品人妻少妇一区二区三区在线 | 曰本无码不卡高清av一二 | 三级久久试看3分钟 | 日韩av无码一区二区三区不卡 | 无码人妻日韩一区日韩二区 | 久久婷婷是五月综合色 | 成人做爰高潮片免费视频 | 精品日韩久久 | 9久久9毛片又大又硬又粗 | 伊人爱爱网 | www.色日本 | 人妻丰满熟妇aⅴ无码 | 天天夜夜草草久久伊人 | 美女黄网页 | 中文字幕丰满孑伦无码精品 | 熟妇毛片 | 在线观看片免费人成视频无码 | 污污又黄又爽免费的网站 | 天天爽天天做 | a国产视频 | 亚洲免费av在线 | 日本成人在线网站 | 日本国产制服丝袜一区 | 看全色黄大色黄大片大学生 | 18禁毛片 | 2021年国产精品每日更新 | 伊人网址 | 日韩国产网曝欧美第一页 | 欧洲丰满老熟xxxx | 厨房玩丰满人妻hd完整版视频 | 2020无码天天喷水天天爽 | 国产黄色在线播放 | 久久99热人妻偷产国产 | 国产精品免费一区二区三区都可以 | 果冻传媒一区二区天美传媒 | 老熟女五十路乱子交尾中出一区 | 欧美精品国产 | 四虎黄网 | 国产无遮挡猛进猛出免费软件 | 色噜噜狠狠爱综合视频 | 美女裸体色黄污视频网站 | 亚洲国产欧美另类 | 国产一区二区三区 | 少妇高潮惨叫久久久久电影69 | 91福利社区在线观看 | 国产又色又刺激高潮视频 | 日本一卡2卡3卡4卡免费精品 | 青青青草国产费观看 | 在线看免费毛片 | 人人妻人人澡人人爽曰本 | 国产91在线播放精品91 | 中文日字幕无限码 | 日韩欧美日韩在线 | 成人午夜免费网站 | 黄色a一级 | 亚洲精品网站在线观看 | 少妇伊人 | 日韩欧美久久 | 日本一区二区在线高清观看 | 亚洲一线二线三线写真 | 日本三级毛片 | 美女视频网站久久 | 久久国产免费直播 | 国产精品午夜福利麻豆 | 亚洲精品国产嫩草在线观看东京热 | 男人天堂手机在线观看 | 久久99精品国产一区二区三区 | 久艹在线播放 | 日本黄色精品 | 麻豆精品人妻一区二区三区蜜桃 | 欧美三级 欧美一级 | 伊人22综合 | 国产女爽123视频.cno | 日本看片一二三区高清 | 国产成人8x人在线视频软件 | 亚欧洲精品在线视频免费观看 | 粗大的内捧猛烈进出 | 久久精品66免费99精品 | 六月丁香婷婷激情 | 熟妇无码乱子成人精品 | 做爰xxxⅹ高潮69网站 | 亚洲国产精品午夜在线观看 | 天天操bb | 97人人超碰国产精品最新 | 91精品国产综合久久久久久软件 | 欧美天天看 | 日日夜夜一区 | 久久夜色精品国产爽爽 | 一区二区三区免费 | 成人黄色一级片 | 国产做受入口竹菊 | 粗大的内捧猛烈进出 | 牛人盗摄一区二区三区视频 | 国产香蕉尹人在线视频你看看 | 国产性色强伦免费视频 | 国产精品久久久久久久久ktv | 国语精彩对白2021 | 综合网在线观看 | 国产成人精品免费视频大全五级 | 精品手机在线视频 | 95av成人女人啪啪 | 精品999在线| 蜜臀久久精品久久久久久酒店 | 小说区图片区视频区 | 人人性人人爱 | 日本丰满护士爆乳xxxx | 欧美不卡视频在线 | 精品一卡2卡三卡4卡乱码精品视频 | 国产欧美一区二区三区另类精品 | 欧美日韩一区国产 | 69婷婷国产精品入口 | 亚洲成a人片77777群色 | 国产福利免费观看 | 国产亚洲精品一区二区在线观看 | 国产精品久久久久永久免费看 | 亚洲v国产v天堂a无码二区 | 狂野av人人澡人人添 | 天堂网在线最新版www中文网 | 亚洲经典自拍 | 国产日韩综合一区二区性色av | 亚洲日韩一区二区 | 亚洲国产成人91精品 | 亚洲精品欧美二区三区中文字幕 | 欧美黄色www | 好爽好舒服要高潮了视频 | 国产成人亚洲综合网色欲网久下载 | 夜夜嗨国产露脸精品国产 | 国产精品嫩草影院入口一二三 | 手机看片福利在线 | 内谢少妇 | 噼里啪啦完整高清观看视频 | 国产美女炮机视频 | 欧美在线观看网站 | 妺妺窝人体色www婷婷 | 特黄色毛片 | 性感美女的逼 | 久久久久久久久久99 | 天堂亚洲免费视频 | 无码熟熟妇丰满人妻啪啪软件 | 337p日本欧洲亚洲大胆在线 | 亚洲精品456在线播放第一页 | 国产成人一区二区三区别 | 亚洲欧美日韩国产 | 成人无遮挡裸免费视频在线观看 | 午夜福利体验免费体验区 | 日本免费一本一二区三区 | xxhd麻豆xxhd激情视频 | 制服丝袜亚洲色图 | 天堂中文资源在线观看 | 亚洲精品综合一区二区三区在线 | 爱视频福利网 | 肥嫩水蜜桃av亚洲一区 | 国产欧美日韩精品a在线观看 | 99国产精品一区 | 色欲香天天天综合网站小说 | 免费观看不卡av | 99久久人妻精品免费二区 | 黄色骚片 | 天堂视频免费在线观看 | 精品国产小视频在线观看 | 欧美婷婷精品激情 | 久久精品亚洲天堂 | 久久精品中文字幕无码绿巨人 | 国产精品涩涩涩视频网站 | 日韩欧美人人爽夜夜爽 | 国产亚洲欧洲997久久综合 | 合欢高h喷水荡肉爽文1v1 | 每日av更新 | 国产一区二区在 | 国产日韩欧美综合在线 | 欧美美女爱爱视频 | 亚洲亚洲中文字幕无线码 | 欧美一级二级在线观看 | 黑人操欧美人 | 久久大胆视频 | 国产很色很黄很大爽的视频 | 91精品国产色综合久久不卡98 | 奴色虐av一区二区三区 | 91国在线啪 | 青青草手机视频在线观看 | 美女黄网站免费福利视频 | 可播放的亚洲男同网站 | av你懂的 | 一级bbbbbbbbb裸体 | 波多野吉衣一区二区三区 | 亚洲 校园 欧美 国产 另类 | 白嫩少妇各种bbwbbw | 一区二区不卡av免费观看 | 天堂av在线中文在线 | 亚洲国产精品久久久天堂不卡 | 8v天堂国产在线一区二区 | 日韩av在线播 | 欧美阿v高清资源不卡在线播放 | 色妞www精品免费视频 | 综合精品欧美日韩国产在线 | 美女综合在线 | 毛片在线免费观看视频 | 色污视频在线观看 | 色热热 | 久久午夜色播影院 | 国产黄色一级 | 一本色道久久综合狠狠躁邻居 | 夜夜春精品视频 | 中文字幕久热精品视频在线 | 久久精品熟女人妻一区二区三区 | 九九热这里只有精品6 | 伊人网免费视频 | 色先锋资源久久综合5566 | 国产高清视频在线观看69 | 国模吧无码一区二区三区 | 精品国产乱码久久久久久浪潮 | 国产又爽又黄又不遮挡视频 | 亚洲肥老太bbw中国熟女 | 麻豆精品a∨在线观看 | 国产午费午夜福利200集 | 亚洲成人av片 | 欧美黄色免费网 | 欧美人与动牲交免费观看网 | 欧美肥臀大屁股magnet | 中文字幕久久精品一区二区三区 | 久久精品九九亚洲精品天堂 | 午夜av免费 | 国产在线观看香蕉视频网 | 久热这里只有精品视频6 | 99精品一区二区三区无码吞精 | 网红主播 国产精品 开放90后 | 蜜臀av无码国产精品色午夜麻豆 | 菠萝蜜视频在线观看入口 | 波多野结衣成人在线 | 国产免费人做人爱午夜视频 | 久久手机视频 | av手机在线播放 | 刺激窝在线视频 | 在线观看肉片av网站免费 | 中文字幕精品无码一区二区三区 | 91精品国产日韩91久久久久久360 | 天堂在线一区 | 欧美另类精品xxxxxx高跟鞋 | 台湾佬中文娱乐22vvvv | 亚洲精品国产精品国产自2022 | 亚洲视频三 | 久久亚洲中文字幕精品有坂深雪 | 97超碰人人人人人人少妇 | 亚洲午夜久久久 | 日韩美女在线观看一区 | 日本一卡2卡3卡4卡5卡精品视频 | 91精品久久久久久久99软件 | 国产精品乱码人妻一区二区三区 | 免费国产成人高清在线观看网站 | a欧美亚洲日韩在线观看 | 亚洲中文字幕无码天堂男人 | 一本加勒比hezyo国产 | 草草在线视频 | 久久久欧美国产精品人妻噜噜 | 国产97色在线 | 免费 | 亚洲福利一区二区 | 亚洲欧美日韩国产 | 伊大人久久香线焦宗合一75大 | 欧美美女在线 | 午夜精品久久久久久99热 | 欧美激情性做爰免费视频 | 亚洲欧洲自拍偷拍 | 亚洲色图欧美日韩 | 久久精品国产第一区二区三区 | 福利二区视频 | 久久精品国产亚洲夜色av网站 | 五月开心婷婷六月丁香婷 | 亚洲人成人一区二区三区 | 国产成人a视频高清在线观看 | 国产精品日韩高清伦字幕搜索 | 天天操天天射天天爽 | 久久综合丝袜日本网 | 日本少妇裸体做爰高潮片 | 国产灌醉 | 国产精品免费一区二区三区都可以 | 国产亚洲精品国产福利你懂的 | 乌克兰丰满少妇毛片 | 色永久免费视频 | 自拍偷在线精品自拍偷无码专区 | 伊人色综合久久天天 | 偷拍亚洲视频 | 久久www成人片免费看 | 免费黄色在线网址 | 依人在线免费视频 | 黄视频网站在线观看 | 亚洲精品国产美女在线一区 | 狠狠综合久久av一区二区蜜桃 | 精品国产999久久久免费 | 国产jk制服精品无码视频 | 日日碰| 国产综合内射日韩久 | 久久xxxx | 亚洲人视频在线 | 中文字幕妇偷乱视频在线观 | 亚洲免费色视频 | 人成午夜大片免费视频 | 中文亚洲欧美日韩无线码 | 毛片在线网址 | 大陆熟妇丰满多毛xxxx | 在线啪 | 香蕉毛片视频 | 神马久久久久 | 蜜桃在线一区二区 | 玩弄人妻奶水无码av在线 | 无码毛片内射白浆视频 | 黄色小视频在线免费看 | 欧美牲交a欧美牲交aⅴ图片 | 瑟瑟五月天 | 中文字幕色av一区二区三区 | 97国产精品人人爽人人做 | 久久妇女高潮喷水多长时间 | 亚洲精品国产精 | 欧美人与动牲猛交a欧美精品 | 国产欧美a| 九九在线视频免费观看精彩 | 2021国产精品国产精华 | 99久久免费国产精品四虎 | 国产日韩亚洲 | 日韩一卡二卡三卡四卡免费观在线 | 婷婷开心中文字幕 | 成年女人a毛片免费视频 | 日本成熟少妇激情视频免费看 | 手机福利在线 | 91在线精品一区二区三区 | 日韩不卡1卡2卡三卡2021精品推荐 | 天天av天天av天天透 | 国产人妻一区二区三区四区五区六 | 中文文字幕中文字幕在线中文乱码 | 亚洲免费国产午夜视频 | 酒店大战丝袜高跟鞋人妻 | 亚洲天堂精品久久 | 少妇一边呻吟一边说使劲 | 青青青青操 | 国产内射爽爽大片 | 亚洲无遮挡 | 777精品国产乱码久777 | 免费能看的av| 五月婷婷亚洲综合 | av视屏| 精品国产髙清在线看国产毛片 | 久久的色偷偷 | 成人午夜高潮刺激免费视频 | 日韩一区二区三区免费视频 | 男女性淫欲裸片免费看 | 亚洲欧美日本国产 | 丁香婷婷深情五月亚洲 | 亚洲成a人一区二区三区 | 国产美女精品在线观看 | 免费国产黄网站在线观看动图 | 亚洲精品乱码久久久久久v 欧美老妇疯狂xxxxbbbb | 色综合亚洲一区二区小说性色aⅴ | 国产精品网站在线观看免费传媒 | 国产女人精品视频国产灰线 | 中文字幕无码日韩专区 | 91重口免费版 | 大尺度av无码污污福利网站 | 波多野吉衣一区二区三区 | 日韩欧美中文在线 | 亚洲一区二区三区av在线观看 | 国产精品一区在线观看你懂的 | 亚洲福利一区二区 | 久久久www影院人成_免费 | 国产欧美综合一区二区三区 | 国产精品美女www爽爽爽 | 国产精品sm捆绑调教视频 | 久久久亚洲最大ⅹxxx | 国产一国产aa毛片 | 伊人色视频 | 久久99久久99精品免观看软件 | 欧美激情在线免费观看 | 久久精品无码一区二区三区 | 精品少妇无码一区二区三批 | 2020久热爱精品视频在线观看 | 日韩精品久久久久久久电影蜜臀 | 国产精品久久久久久久久久尿 | 乱码一区二区三区四区 | 成熟人妻av无码专区 | 91精品一本久道久久丁香狠狠躁 | 国产精品色午夜免费视频 | 亚洲最大av在线 | 动漫成人无码精品一区二区三区 | 久99久热只有精品国产女同 | 中文字幕人妻无码一区二区三区 | 久久综合给合久久狠狠狠色97 | 亚洲h在线观看 | 亚洲男人a在天堂线一区 | 国产中文字幕在线免费观看 | 色就是色网站 | 狼友网精品视频在线观看 | 日b视频网站 | 午夜影视大全 | 免费一区二区 | 亚洲影院中文字幕 | 欧美又大又粗午夜剧场免费 | 久久亚洲精品无码gv | 亚洲精品亚洲人成在线下载 | 少妇天天爽视频在线看网站 | 99久久99久国产黄毛片 | 国产成人精品福利一区二区 | 国产剧情av网站 | 亚洲精品国产精品久久99热 | 玖玖资源 av在线 亚洲 | 国产又粗又猛又大爽又黄老大爷 | 亚洲欧美综合精品久久成人 | 麻豆视频一区二区 | 69精品久久久 | 在线视频国产网址你懂的 | 激情欧美亚洲 | 无码男男作爱g片在线观看 黄色片成人 | 青青操青青 | 天天摸夜夜爽 | 欧美亚洲日本日韩在线 | 免费无码又爽又刺激激情视频软件 | 韩国无码av片午夜福利 | 一集黄色片| 久久久久久久网站 | 国产日韩在线观看视频 | 1024国产在线观看 | 免费看小12萝裸体视频国产 | 亚洲第一网站在线观看 | 日韩成人中文字幕 | 婷婷射精av这里只有精品 | 一本大道道香蕉a又又又 | 免费看成人欧美片爱潮app | 二区三区av| 成人黄色大片在线观看 | 国产精品高潮久久 | 亚洲综合精品久久 | 免费的av网站手机版 | 国产精品性生活 | 天天躁日日躁狠狠躁人妻 | 在线观看视频亚洲 | 99热久久久久久久久久久174 | 成人午夜影院在线观看 | 夜夜爽影院 | 性调教炮机捆绑爆浆喷水 | 好男人在线社区www资源 | 日韩成人无码影院 | 女知青荒淫性艳史小说 | 亚洲av禁18成人毛片一级在线 | 欧洲a级片| 中文av无码人妻一区二区三区 | 77777亚洲午夜久久多喷 | 中文字日产乱码六区中国有限公司 | 色视频网址 | 特黄特黄的视频 | 中文字幕欧美另类精品亚洲 | 无码国产精品免费看 | 天天综合91 | 人妻 丝袜美腿 中文字幕 | 久久精品国产77777蜜臀 | 日韩精品视频观看 | 97午夜理论片影院在线播放 | 成人a级网站 | 中日韩黄色大片 | 欧美成 人影片 aⅴ免费观看 | 国产成人自拍小视频 | 精品国产av最大网站 | 国产精品久久久区三区天天噜 | 亚洲色欲色欲www在线播放 | 国内精品久久久久久不卡影院 | 四色永久网址在线观看 | 97人人干| 免费av黄色 | 久久精品伊人波多野结衣 | 亚洲精品久久久无码av片软件 | 国产在线aaa片一区二区99 | 葵司有码中文字幕二三区 | 亚洲欧洲成人a∨在线 | 亚洲人成色777777精品音频 | 黄色一级片在线看 | 激情五月婷婷 | 国产又粗又硬又大爽黄老大爷视频 | 久草在线资源视频 | 能直接看的av | 992tv精品视频tv在线观看 | 狠狠色噜噜综合社区 | 国产老女人91精品一区 | 免费无码午夜理论电影 | 丁香综合网 | 少妇献身老头系列 | 午夜不卡视频 | 久久久九九精品国产毛片a片 | 国产九九九九 | 黄色视屏免费 | 久久人人97超碰超国产 | 国产热a欧美热a在线视频 | 久久久精品成人免费看片 | 深夜成人av | 午夜爽爽影院 | 午夜影院啊啊啊 | 国产精品一区二区在线观看99 | 亚洲a成人片在线观看 | 欧美黄色大片免费观看 | 国产乱人伦偷精品视频 | 91玉足脚交白嫩脚丫在线播放 | 青草国产超碰人人添人人碱 | 精品夜夜澡人妻无码av | 国产免费高清视频1l.com.com.com少 | 亚洲 欧洲 日产 国产 | 91精品国产高清久久久久久久久 | 自拍视频一区二区 | 夜夜高潮夜夜爽夜夜爱爱 | 好男人中文资源在线观看 | 色婷婷狠狠久久综合五月 | 久久婷婷综合缴情亚洲狠狠 | 美女裸体无遮挡免费视频网站 | 久久国产精久久精产国 | 色偷偷色噜噜狠狠成人免费视频 | 91传媒91久久久 | 91超碰免费 | 国产午夜福利精品久久 | 国产成人毛片在线视频软件 | 欧美日韩一本的免费高清视频 | 日韩视频精品 | 久久午夜夜伦鲁鲁片不卡 | 黑色丝袜吻戏亲胸摸腿 | 成人免费区一区二区三区 | 国产精品免费_区二区三区观看 | 免费无码一区无码东京热 | 国产传媒在线视频 | 伊人成人激情 | 成人综合在线视频 | 欧美激情日韩精品久久久 | 熟妇人妻系列aⅴ无码专区友真希 | 天堂а√在线最新版中文 | 欧美三区在线 | 国产真实野战在线视频 | 狼友av永久网站免费观看 | 国产精品久久久久无码av色戒 | 免费黄色在线视频网站 | 午夜影院视频 | 国产美女亚洲精品久久久毛片小说 | 亚洲天堂网在线观看 | 欧美性视频网站 | 粗大的内捧猛烈进出少妇 | 老司机精品视频一区二区 | 97超级碰碰碰碰久久久久 | 国产人成无码视频在线1000 | 欧美一级专区 | 欧美精品成人久久 | 九一午夜精品av | 久久久橹橹橹久久久久手机版 | 亚洲精品视频在线观看视频 | 久久92| 国产精品毛片久久久久久久av | 欧美视频在线观看,亚洲欧 四季久久免费一区二区三区四区 | 亚洲色拍拍噜噜噜最新网站 | 国产乱对白刺激视频 | 午夜家庭影院 | www.青青草.com | 成人免费毛片偷拍 | 亚洲日韩中文在线精品第一 | 99re66久久在热青草 | 无码中字出轨中文人妻中文中 | 另类亚洲小说图片综合区 | 99国产精品欧美久久久久的广告 | 少妇被躁爽到高潮无码文 | 国产欧美日韩精品专区 | 久久和欧洲码一码二码三码 | 老司机精品导航 | 天堂av2017男人的天堂 | 欧美日韩免费网站 | 亚洲精品国产乱码av在线观看 | 欧美人妻少妇精品久久黑人 | 日韩美女亚洲99久久二区 | 伊人久久大香线蕉av最新 | 久久精品岛国av一区二区无码 | 亚洲日本中文字幕天天更新 | 国产性生交xxxxx免费 | 四虎1515hh.com| 日本精品αv中文字幕 | 亚洲天堂爱爱 | 啵啵影院 在线欧美播放 | 欧美综合在线激情专区 | 久草国产在线观看 | 97公开视频 | 国产日韩a | 日韩加勒比一本无码精品 | 精品人妻少妇人成在线 | 欧美精品久久久久久久久大尺度 | 久草免费在线观看 | 涩涩涩涩涩涩涩涩涩涩 | 亚洲熟妇少妇任你躁在线观看 | 久久久国产精品一区二区18禁 | 日日夜夜撸视频 | 天天草天天操 | 日韩字幕在线观看 | 国产精品久久久久久久久免费 | 国产丰满人妻一区二区 | 亚洲一区在线日韩在线尤物 | 亚洲区一区二区三区 | 精品久久久久久无码不卡 | 亚洲精品www久久久久久软件 | 亚洲一区二区三区在线网址 | 亚洲综合五月天婷婷丁香 | 91欧美激情一区二区三区 | 久久a热 | 国产素人在线观看人成视频 | 国产又粗又猛大又黄又爽 | 亚洲伊人成色综合网 | 美女张开腿给男人桶爽久久 | 国产人妻人伦精品久久久 | 亚洲日本一区二区三区在线播放 | 久久精品中文字幕无码 | 办公丝袜av一区二区三区 | 99久在线国内在线播放免费观看 | 亚洲精品午夜久久久 | 国产日韩在线欧美视频 | 伊人久久一区二区三区 | 麻豆国产成人av在线播放欲色 | 国产精品午夜无码av天美传媒 | 色婷婷99 | av无码播放一区二区三区 | 18男女无套免费视频 | 中文字幕丰满乱子无码视频 | 亚洲欧洲无码av一区二区三区 | 免费看欧美成人a片无码 | 99久久99久久免费精品小说 | 87福利午夜福利视频 | 超碰免费视 | www久久久| 亚洲一区二区经典在线播放 | 精品视频三区 | 亚洲成人生活片 | 精品街拍一区二区 | 欧美日韩一区二区成人午夜电影 | 欧美成人精品一区二区三区 | 欧美性大战久久久久久久 | 你懂的在线观看网站 | 日本不卡视频一区二区 | 白峰美羽在线播放 | 永久免费精品网站 | 成人免费福利视频 | 91成人在线观看喷潮 | 日韩手机av | 欧美日韩一卡2卡三卡4卡 乱码欧美孕交 | 99色综合 | 天天操,天天操 | 欧美人伦 | 麻豆国产av剧情偷闻女邻居内裤 | 免费99 | 无码av免费一区二区三区试看 | 日本少妇三级hd激情在线观看 | av第一福利大全导航 | 国产乱人伦偷精品视频免 | 欧美黑人性xxx猛交 一区二区三区在线 | 日本 | 欧美xxxx黑人 | 曰批免费视频播放免费 | 国产一区自拍视频 | 肉体裸交137日本大胆摄影 | 自拍偷窥第一页 | 国产成人啪精品 | 中文字幕v亚洲日本 | 精品乱码一卡二卡四卡 | 好想被狂躁无码视频在线观看 | 热99在线| 久久天天综合桃花久久 | www.8888久久爱站网 | 国产女精品视频网站免费 | 奇米777狠狠色噜噜狠狠狠 | 一区二区在线免费观看视频 | 97精品国产久热在线观看 | 青青热在线精品视频免费观看 | 香蕉久久av| 偷看洗澡一二三区美女 | 人人澡人人澡人人看添av | 亚洲精品爱爱 | 小草社区视频在线观看 | 婷婷成人亚洲综合五月天 | 久久综合在线 | 肥臀浪妇太爽了快点再快点 | 欧美日韩一区二区三区在线观看视频 | 人妻尝试又大又粗久久 | 久久精品国产精品亚洲艾草网 | 欧美日韩成人免费看片 | 国产成人精品女人久久久 | 香蕉视频久久久 | 丰满少妇xbxb毛片日本 | 天海翼久久久中文字幕乱码 | 亚洲涩涩视频 | 亚洲天堂网在线播放 | 特级黄色毛片在放 | 成人免费无码精品国产电影 | av观看网站 | 中文字幕 日本 | 国产又粗又硬又大爽黄老大爷视频 | 后入内射无码人妻一区 | 午夜片少妇无码区在线观看 | 国产精品久久久久久亚洲毛片 | 天天做天天爱天天要天天 | 久久精品人人做人人爱爱漫画 | 麻豆md0049免费 | 岛国4k人妻一区二区三区 | 成人无码一区二区三区网站 | 激情视频免费在线观看 | 伊人久久久| 天天躁日日躁狠狠躁婷婷 | 欧洲日韩亚洲无线在码 | 亚洲午夜爱爱香蕉片 | 欧美视频观看 | 欧洲影院 | 7777亚洲大胆裸体艺术全集 | 国产精品第一区揄拍 | 性生交大片免费看l | 成人一区在线观看 | 91亚洲国产成人精品性色 | 18禁黄久久久aaa片 | 极品新婚夜少妇真紧 | 无码国产成人午夜视频在线播放 | 天天躁夜夜躁狠狠综合 | 成人欧美日韩一区二区三区 | 精品久久久久久乱码天堂 | 久青草视频在线观看 | 无码人妻丰满熟妇区10p | 1000部羞羞视频在线看视频 | 就爱啪啪网站 | 日本久久久久 | 日韩欧美高清一区 | 国产成人精品亚洲日本在线 | 国产精品亚洲玖玖玖在线观看 | 国产污污视频在线观看 | 成人性毛片| 亚洲国产综合精品 在线 一区 | 一级片国产 | 久久免费视频3 | 欧美精品在线观看 | 国产又黄又猛又粗又爽 | av无码免费岛国动作片片段欣赏网 | 麻婆豆传媒一区二区三 | 超碰九九| 丝袜+亚洲+另类+欧美+变态 | 久久免费黄色 | 亚洲码中文 | 天天视频污 | 喷水av| 国产成人精品一区二区三区视频 | 韩国无码av片在线观看 | 综合av在线| 曰韩精品一区二区 | 成人网站免费看黄a站视频 精品一区二区视频在线观看 | 日本免费啪视频在线看视频 | 中文字幕人妻熟在线影院 | 岛国av一区二区三区 | 国产视频网站在线播放 | 超碰国产天天做天天爽 | 国产精品一区二区三区四区五区 | 久久天天躁狠狠躁夜夜av不卡 | 亚洲视频 中文字幕 | 青青草手机视频 | 狠狠色噜噜狠狠狠狠色综合久老司机 | 在线观看人成视频免费不卡 | 国产精品自在线拍国产手机版 | 亚洲乱码卡一卡二卡新区仙踪木木 | 天美传媒精品 | 亚洲国产精品国自产拍久久 | 久久久久亚洲精品无码网址蜜桃 | www.五月天婷婷.com | 97国产在线播放 | 久久国产成人精品av | 99久久久99久久国产片鸭王 | 午夜免费啪视频在线无码 | 国内自拍偷区亚洲综合伊人 | 欧美日韩精品免费观看 | 中文字幕一区二区三区四区免费看 | 国产剧情一区二区 | 国产无遮挡又爽又黄大胸免费 | 星空大象在线观看免费播放 | 黑人巨大亚洲一区二区久 | 国产日韩久久免费影院 | 性欧美视频一区二区三区 | 亚州欧美一区二区 | qvod在线观看视频 | 欧美一区二区三区久久综 | 国产性猛交xxxxxxxx小说 | 亚洲欧洲美洲在线观看 | 1区1区3区4区产品乱码芒果精品 | 亚洲欧洲综合有码无码 | 日韩视频中文 | 一区二区亚洲精品国产片 | 三级五月天| 99精品国产一区二区三区a片 | 成人永久免费视频 | 国色天香中文字幕在线视频 | 狠狠色噜噜综合社区 | caopeng在线视频| 色吧婷婷 | 久久精品国产99国产精品导航 | 狠狠色丁香久久综合网 | 欧美黑人又粗又大又爽免费 | 风韵丰满熟妇啪啪区老老熟女百度 | 国产av明星换脸精品网站 | 欧美日韩在大午夜爽爽影院 | 国产成人+综合亚洲+天堂 | 欧美黄网站在线观看 | 四虎亚洲中文字幕无码永久 | 欧美激情精品久久久久 | 午夜欧美福利 | 久久精品中文字幕大胸 | 麻豆果冻传媒精品国产苹果 | 国产字幕av | 天天干夜夜操 | 国产成人一区二区在线 | 欧美性做爰片免费视频看 | 春色导航 | 国产成人免费观看 | 国产精品极品在线视频 | 国产欧色美视频综合二区 | 久久天天躁狠狠躁夜夜婷 | 牛和人交videos欧美 | 色丁香影院 | 久久久久久久久成人 | 青青草网站在线观看 | 欧美日韩久久精品 | a级毛片蜜桃成熟时2在线播放 | 国产精品伦一区二区三级视频 | 日韩视频一区二区在线观看 | 狠狠色丁香婷婷综合久久来来去 | 男人的天堂免费av | 起碰97在线视频国产 | 亚洲蜜桃妇女 | 欧美精品啪啪 | 国产av无码一区二区二三区j | 亚洲乱亚洲乱妇18p 亚洲欧美日韩图片 | 国产成人精品久久久一区二区三区 | 婷婷国产成人精品视频 | 三级中文字幕永久在线 | 国产91精品在线观看 | 精品久久久久一区二区国产 | 一本色道久久综合亚洲精品婷婷 | 美女露出奶头扒开尿口免费网站 | 精品福利视频导航 | 波多野吉衣一二三区乱码 | 99精品热6080yy久久 | 精品免费一区二区在线 | 国产亚洲日韩av在线播放不卡 | 免费无码av片在线观看网址 | 成人欧美日韩一区二区三区 | 激情图片在线观看 | 国产精品高潮呻吟av久久黄 |