伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

首頁(yè)

如何讓Midjourney變成設(shè)計(jì)工作中的萬(wàn)能圖庫(kù)

博博

前言

如果你要設(shè)計(jì)以真實(shí)場(chǎng)景為主的banner或者主視覺(jué),往往都會(huì)在各大網(wǎng)站圖庫(kù)里找半天,挑挑選選可能都找不到滿(mǎn)意的,或是容易和別人用到一樣的圖片。想要找到一張?zhí)貏e的又獨(dú)一無(wú)二的難上加難,而且自己也沒(méi)時(shí)間建模和拍攝

AI圖片的生成為這個(gè)痛點(diǎn)找到了更好的解決方案,這篇文章就是要和大家分享一下使用AI制作好用的圖庫(kù)素材照片,我將會(huì)按照真實(shí)工作場(chǎng)景搭配設(shè)計(jì)落地方案來(lái)和大家分享AI使用經(jīng)驗(yàn),讓你看了就學(xué)會(huì),學(xué)會(huì)就馬上能用



用結(jié)構(gòu)化方式思考咒語(yǔ)


以下需求是我設(shè)計(jì)中要用到的素材,我希望可以有一張【穿西裝并且手提公文包的男士站在摩天大樓前】的寫(xiě)實(shí)照片當(dāng)作首圖,首先先想一下我們需要的素材大概畫(huà)面的呈現(xiàn),思考的框架可以參考以下,以下內(nèi)容為了方便關(guān)鍵詞我會(huì)用中文,但是實(shí)際操作中Prompt都必須使用英語(yǔ)





通過(guò)結(jié)構(gòu)化思維來(lái)描述這樣就不會(huì)有遺漏,也更能使畫(huà)面完整,另外像我的英語(yǔ)并不是很好,就會(huì)把寫(xiě)好的內(nèi)容通過(guò)Deep L或是chatgpt來(lái)進(jìn)行翻譯



關(guān)鍵詞的使用

prompt:A man in a suit with a briefcase ,standing in front of a skyscraper ,stock image style,the whole body of the figure is presented, —ar16:9

在輸入關(guān)鍵詞的時(shí)候,我通常會(huì)把重要的內(nèi)容放在前面,有時(shí)加在后面的關(guān)鍵詞不容易被機(jī)器人識(shí)別。個(gè)人的一點(diǎn)小經(jīng)驗(yàn),在描述的最后一定要加上需要的參數(shù),為了在后續(xù)的設(shè)計(jì)中更好適配尺寸需求,所以我選擇加上尺寸參數(shù)16:9,以下就是我通過(guò)關(guān)鍵詞生成的圖片




如果覺(jué)得結(jié)果都不滿(mǎn)意,可以重新用相同的Prompt再生成。AI好玩的地方就是它的隨機(jī)性,像是Promp就不建議非常詳細(xì),因?yàn)檫@樣反而會(huì)有意想不到的優(yōu)質(zhì)圖片產(chǎn)出

機(jī)器人生成以后就要開(kāi)始挑選圖片了,如果對(duì)左上的結(jié)果比較滿(mǎn)意,就點(diǎn)擊v1,讓機(jī)器人針對(duì)這個(gè)圖片再去生成四張新的圖片,雖然左上效果不錯(cuò),但是手部有些奇怪,所以需要通過(guò)在該基礎(chǔ)上再次生成,來(lái)挑選沒(méi)有問(wèn)題的圖片




這里說(shuō)明一下U(upscaler)和V(variation)的區(qū)別,U就是選擇這張圖,然后會(huì)放大這張圖片畫(huà)質(zhì)更加清晰,V則是會(huì)針對(duì)你選擇的圖片再生成四張圖,與你選擇的圖片做輕微的調(diào)整。1-4的排序?yàn)椋?是左上,2是右上,3是左下,4是右下

重新生成的左上圖可以看到手部還是有問(wèn)題,但是右上那張就還不錯(cuò),可以選擇這張來(lái)用或是再重新生成一遍




prompt:A man in a suit with a briefcase ,standing in front of a skyscraper ,stock image style,shot on 16mm, —ar16:9

這里我想要換一個(gè)畫(huà)面角度,所以選擇使用【shot on 16mm】,這種通常是電影、紀(jì)錄片、廣告拍攝使用的,所以使用這個(gè)關(guān)鍵字去生成圖片畫(huà)面會(huì)有一種電影感,角度上我覺(jué)得更好一點(diǎn)。



最后說(shuō)一下,我是用的版本是V5,產(chǎn)出的1024??1024高解析圖片,但是我個(gè)人感覺(jué)還是不夠清晰,所以會(huì)搭配圖片放大工具來(lái)一起使用。我常用的圖片放大工具h(yuǎn)ttp://replicate.com/sczhou/codeformer,放大效果清晰度都非常好,而且處理速度也很快,重點(diǎn)是免費(fèi)?。?!直接上傳圖片無(wú)需更改任何參數(shù),使用默認(rèn)預(yù)設(shè)清晰度絕對(duì)夠用,畫(huà)質(zhì)太高也沒(méi)有太大意義,反而會(huì)影響網(wǎng)站加載速




 

作者:全球設(shè)計(jì)目錄
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

你知道為什么對(duì)話(huà)框中的“確定”按鈕會(huì)在右邊嗎?

博博

聊聊關(guān)于“確認(rèn)”和“取消”按鈕的位置擺放邏輯~

目錄

平臺(tái)一致性的問(wèn)題

按鈕的位置非常重要

為什么"確定"按鈕在右側(cè)效果更好

按鈕放置在角落還是放在一起?

結(jié)論

正文

大家好,我是西瓜~

這次我們聊一個(gè)設(shè)計(jì)知識(shí)點(diǎn),這個(gè)知識(shí)點(diǎn)平日會(huì)被設(shè)計(jì)師忽視,因?yàn)樗^(guò)于默許,但我們應(yīng)該知道的是,很多默認(rèn)的東西也是有自身的知識(shí)結(jié)構(gòu)支撐,久而久之被人忽視了。

大家應(yīng)該都見(jiàn)到過(guò)彈窗、表單里的"確定"和"取消"按鈕吧,這兩個(gè)按鈕大家還記得會(huì)放在頁(yè)面中的哪個(gè)位置嗎?"確定"按鈕是完成任務(wù)的主要操作,而"取消"按鈕是輔助操作,它主要的作用是用于返回到起點(diǎn)屏幕而放棄任務(wù)。那么,根據(jù)它們的功能,最佳的按鈕順序是什么?"確定"按鈕應(yīng)該放在"取消"按鈕之前還是之后呢?

平臺(tái)一致性的問(wèn)題

可能這時(shí)候很多設(shè)計(jì)師會(huì)按照習(xí)慣,選擇遵循一致性,采用一些常見(jiàn)的組件樣式進(jìn)行操作。雖然這看起來(lái)似乎是解決問(wèn)題的方法,但實(shí)際上并非如此。這并沒(méi)有回答哪種位置對(duì)用戶(hù)更有效以及為什么,單純遵循已有組件并不足以讓設(shè)計(jì)師有更好的思維和主動(dòng)思考的意識(shí)。

"一致性"是設(shè)計(jì)師中常用的一個(gè)詞。然而,這常常也被用作一個(gè)借口,讓設(shè)計(jì)師不深入思考用戶(hù)面臨的設(shè)計(jì)問(wèn)題,如果一個(gè)設(shè)計(jì)師都不知道為什么一致性的規(guī)則存在,那么遵循這種設(shè)計(jì)慣例又有什么意義呢?

如果某種設(shè)計(jì)慣例對(duì)用戶(hù)來(lái)說(shuō)是有害的,那么設(shè)計(jì)師是否應(yīng)該盲目遵循它,僅僅因?yàn)橐非笠恢滦??體驗(yàn)極差的設(shè)計(jì)樣式和結(jié)果是否應(yīng)該因?yàn)樵O(shè)計(jì)師希望迎合大家都默認(rèn)的設(shè)計(jì)一致性而繼續(xù)存在?這其實(shí)本質(zhì)就是個(gè)問(wèn)題...

現(xiàn)在網(wǎng)上有很多組建和參考,都被設(shè)計(jì)師天天借鑒和廣泛使用,因?yàn)樗鼈冞m用于用戶(hù)。但關(guān)鍵在于,設(shè)計(jì)師永遠(yuǎn)不應(yīng)該滿(mǎn)足于墨守成規(guī)的選擇設(shè)計(jì)的一致性,將其作為做設(shè)計(jì)的唯一理由,我們關(guān)鍵還是要理解為什么應(yīng)該以某種方式而不是其他方式來(lái)設(shè)計(jì)用戶(hù)界面。

按鈕的位置非常重要

這時(shí)候有的設(shè)計(jì)師可能會(huì)主張通過(guò)賦予操作按鈕更多的視覺(jué)重量和清晰明了的標(biāo)簽來(lái)突出界面中的操作按鈕,而不是僅關(guān)注按鈕的位置,雖然操作按鈕的視覺(jué)重量和標(biāo)簽是需要考慮的重要設(shè)計(jì)方面,但它們并不是唯一的方面。

真正一名有思想,會(huì)獨(dú)立思考的設(shè)計(jì)師會(huì)綜合考慮每個(gè)設(shè)計(jì)方面對(duì)用戶(hù)的影響,而不只是關(guān)注其中的一個(gè)方面,對(duì)于設(shè)計(jì)師來(lái)說(shuō),最難的是確定主要操作和次要操作的最佳放置方式。這就是我為什么關(guān)于"確定"/"取消"按鈕的位置進(jìn)行說(shuō)明的原因。

為什么"確定"按鈕在右側(cè)效果更好

當(dāng)我們?cè)谑褂迷O(shè)計(jì)組建框架前進(jìn)行考慮時(shí),你可能會(huì)開(kāi)始明白哪個(gè)位置會(huì)對(duì)用戶(hù)效果更好一些,我們可以通過(guò)分析設(shè)計(jì)對(duì)用戶(hù)的影響來(lái)解決這個(gè)問(wèn)題。

1、減少視覺(jué)注視

有些設(shè)計(jì)師認(rèn)為,將主要操作放在左側(cè),在次要操作之前,對(duì)用戶(hù)來(lái)說(shuō)更好,因?yàn)樗?,所以點(diǎn)擊所需時(shí)間更少,這看起來(lái)好像有點(diǎn)道理,但我們不能忽視一個(gè)問(wèn)題,即在選擇要執(zhí)行的操作之前,用戶(hù)會(huì)查看所有選項(xiàng),這意味著大多數(shù)用戶(hù)不會(huì)在不查看旁邊的次要操作按鈕的情況下盲目地點(diǎn)擊主要操作按鈕。

他們將首先看到左側(cè)的主要操作,然后再看右側(cè)的次要操作,然后他們會(huì)將視線(xiàn)轉(zhuǎn)回主要操作按鈕進(jìn)行點(diǎn)擊。這里總共涉及到三個(gè)視覺(jué)注視點(diǎn),在多個(gè)方向上分散了用戶(hù)的注意力。

與將主要操作放在左側(cè)相比,將主要操作放在對(duì)話(huà)框的右側(cè),將次要操作放在左側(cè),用戶(hù)只需注視每個(gè)按鈕一次,并在主要操作按鈕上結(jié)束。這樣一來(lái),視覺(jué)注視的數(shù)量就減少了,并且在一個(gè)方向上產(chǎn)生了更流暢的視覺(jué)流動(dòng)。

用戶(hù)只關(guān)注每個(gè)按鈕一次,并最終停留在主要操作按鈕上,將主要操作放在左側(cè)可能會(huì)使用戶(hù)更容易點(diǎn)擊,但從用戶(hù)的心理過(guò)程和視覺(jué)注視速度來(lái)看,將主要操作放在對(duì)話(huà)框的右側(cè)實(shí)際上更快。

2、與預(yù)期的按鈕功能相匹配

當(dāng)用戶(hù)點(diǎn)擊“取消”操作按鈕時(shí),他們期望的是產(chǎn)品不進(jìn)行任何操作,而是將他們返回到起始屏幕位置,因此,"取消"按鈕的功能類(lèi)似于"返回"按鈕。

當(dāng)用戶(hù)點(diǎn)擊“確定”操作按鈕時(shí),他們期望產(chǎn)品進(jìn)行按鈕所表示的操作,并將他們帶到下一個(gè)屏幕。因此,"確定"按鈕的功能類(lèi)似于"下一步"按鈕,將次要操作按鈕放在左側(cè),將主要操作按鈕放在右側(cè),可以與用戶(hù)期望的"后退"和"下一步"按鈕功能相匹配。

這類(lèi)似于分頁(yè)按鈕的放置方式,將用戶(hù)帶到下一頁(yè)的按鈕位于右側(cè),將用戶(hù)帶回先前頁(yè)面的按鈕位于左側(cè)。這種按鈕位置的安排是有效的,因?yàn)樗c用戶(hù)從左到右的閱讀和導(dǎo)航方向相吻合,其中右側(cè)是前進(jìn)方向,左側(cè)是后退方向。

3、"確定"讓用戶(hù)前進(jìn)到下一個(gè)屏幕,"取消"讓用戶(hù)返回到原始屏幕。

對(duì)話(huà)框中的"確定"和"取消"按鈕應(yīng)該遵循類(lèi)似的交互模式,因?yàn)樗鼈兊墓δ茴?lèi)似于分頁(yè)按鈕,另外這種左右方向模式也是用戶(hù)熟悉的。將主要操作放在右側(cè),將次要操作放在左側(cè),可以使對(duì)話(huà)框按鈕對(duì)用戶(hù)更易于理解和使用。

4、提供更高效的任務(wù)流程

將按鈕放置在對(duì)話(huà)框的右下角更容易被用戶(hù)點(diǎn)擊,因?yàn)檫@符合【古騰堡圖表】。在古騰堡圖表中,右下角區(qū)域是終端區(qū)域,用戶(hù)在掃視后的最終目的地。

將按鈕放在終端區(qū)域可以使用戶(hù)在視覺(jué)掃描時(shí)看到他們最后需要執(zhí)行的主要操作,這不僅改善了視覺(jué)流動(dòng),還改善了任務(wù)流程。用戶(hù)在掃視過(guò)程中不會(huì)錯(cuò)過(guò)主要操作按鈕,當(dāng)他們經(jīng)過(guò)時(shí),他們的目光會(huì)停留在上面,從而可以立即點(diǎn)擊它。

掃視對(duì)話(huà)框并采取行動(dòng)變得更快更容易,因?yàn)橛脩?hù)的目光最終會(huì)落在主要操作按鈕上。


按鈕放置在角落還是放在一起?

我們需要考慮另一個(gè)問(wèn)題,那就是我們應(yīng)該將按鈕放在角落還是放在一起,當(dāng)將主要操作和次要操作放在對(duì)話(huà)框的角落時(shí),這與左右導(dǎo)航方向相吻合,這是很好的映射。然而,由于"確定"和"取消"按鈕并不是導(dǎo)航按鈕,因此并不需要遵循方向映射,有時(shí)候這樣做可能帶來(lái)更多的弊端。

較大的視覺(jué)分離使得比較操作變得困難,并將一個(gè)操作與另一個(gè)操作隔離開(kāi)來(lái) 如果產(chǎn)品頁(yè)面即將執(zhí)行用戶(hù)無(wú)法撤銷(xiāo)的關(guān)鍵操作,那么用戶(hù)可以看到"取消"按鈕和"確定"按鈕是很重要的。在這種情況下,"取消"按鈕的功能可能類(lèi)似于"上一步"按鈕,但它更重要,因?yàn)樗洚?dāng)安全按鈕以防止任何更改。

將"取消"按鈕放置在最左下角的危險(xiǎn)在于,由于兩個(gè)按鈕之間的視覺(jué)分離較大,可能會(huì)導(dǎo)致用戶(hù)忽略它。將"取消"按鈕與"確定"按鈕放在一起可以讓用戶(hù)更輕松地在一次注視中查看和比較這兩個(gè)操作,以選擇最佳操作。  


作者:西瓜聊設(shè)計(jì)
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

設(shè)計(jì)師-必須打造影響力

博博

用你的影響力在互聯(lián)網(wǎng)留下足跡,說(shuō)不定很多機(jī)會(huì)就是這樣悄然無(wú)聲的慢慢走到你的面
前。

作者:施施_Seven
來(lái)源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司。 著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。                           

辦事上百度-百度便民服務(wù)體驗(yàn)建設(shè)

博博

響應(yīng)百度服務(wù)化戰(zhàn)略,設(shè)計(jì)通過(guò)服務(wù)分發(fā)+供給的建設(shè),為用戶(hù)提供發(fā)現(xiàn)、使用、復(fù)訪(fǎng)的閉環(huán)查詢(xún)服務(wù)體驗(yàn)。


作者:百度MEUX
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

除了大廠(chǎng)的社交app,這些小眾app你也會(huì)喜歡

博博

1.遙望app

1.視覺(jué)設(shè)計(jì)

遙望app的設(shè)計(jì)在整體上的風(fēng)格化很強(qiáng),有自己的獨(dú)特性。為了讓用戶(hù)之間的粘性更好,更是在活動(dòng)上、動(dòng)效上花了很多心思,給用戶(hù)帶來(lái)很多有趣且良好的體驗(yàn),讓我?guī)闳ンw驗(yàn)一下吧



2.設(shè)計(jì)語(yǔ)言

整個(gè)app的設(shè)計(jì)語(yǔ)言貫穿了星形、圓形和三角形 ,同時(shí)增加上面三種圖形的線(xiàn)性來(lái)點(diǎn)綴設(shè)計(jì)。tab圖標(biāo)是圓形和三角形的排列組合,同時(shí)增加線(xiàn)的形式點(diǎn)綴其中,層次更加豐富。其他頁(yè)面的設(shè)計(jì)也是同理,通過(guò)將上面3種圖形排列組合,貫穿到整個(gè)頁(yè)面,設(shè)計(jì)語(yǔ)言十分統(tǒng)一。



3.空界面設(shè)計(jì)

空界面的設(shè)計(jì)運(yùn)用手的動(dòng)作將每個(gè)頁(yè)面的情緒感拉的滿(mǎn)滿(mǎn)的,在互動(dòng)消息的版塊,從關(guān)注到@我,每一個(gè)頁(yè)面通過(guò)不同的情緒表達(dá)方式極大了緩解了用戶(hù)的焦慮,同時(shí)也增加了一些趣味性。



4.勛章設(shè)計(jì)

勛章是根據(jù)你的確幸值的多少,等級(jí)的高低,送禮物的多少,以及你在平臺(tái)的表現(xiàn)會(huì)給你發(fā)放不同的勛章,以此讓用戶(hù)享受到尊享和定制的感覺(jué),增加用戶(hù)的參與感和在平臺(tái)的粘性。



2.動(dòng)效設(shè)計(jì)

遙望app的動(dòng)效設(shè)計(jì)也是十分的流暢和有趣,線(xiàn)性的風(fēng)格特征的插畫(huà)、溫暖的文案和趣味的動(dòng)效,帶來(lái)的絲滑體驗(yàn)感十分強(qiáng)烈。

1.匹配器

遙望app首頁(yè)上面的頭像是匹配器,隨著頭像慢慢的流過(guò),頭像旁邊還有對(duì)話(huà)框彈出介紹用戶(hù)的信息,點(diǎn)擊會(huì)有兩只手彼此召喚,再點(diǎn)擊幸會(huì)就可以和其他的朋友打招呼了。在匹配器下面的“遙望一下”點(diǎn)擊也可進(jìn)入到好友快速閃過(guò)的頁(yè)面,點(diǎn)擊可以同樣到打招呼頁(yè)面,多個(gè)入口引導(dǎo)用戶(hù)相互吸引從而形成社交動(dòng)機(jī)。



2.下拉加載

加載的動(dòng)態(tài)效果加入了遙望的IP形象,一個(gè)是像地球一樣的自轉(zhuǎn),一個(gè)是像風(fēng)箏一樣在天空飛的效果,動(dòng)態(tài)十分流暢且有趣。



3.記錄心情

記錄心情這個(gè)是個(gè)很有趣的設(shè)計(jì)細(xì)節(jié),在記錄心情發(fā)表后,在查看心情的小罐子里就能夠看到你的心情小表情,并且還有心情占比、情緒波動(dòng)分析,最后在日歷上還能看到每日心情的狀態(tài),可以很好的記錄每日的心情。



查看心情



3.彩蛋設(shè)計(jì)

1.放個(gè)氣球

放個(gè)氣球把心情寫(xiě)進(jìn)氣球發(fā)送出去,可以抒發(fā)自己的情緒。同時(shí),你想自己接收就可以點(diǎn)收一個(gè),出現(xiàn)氣球動(dòng)效加載,就會(huì)接收到別人發(fā)出的信息,不想要了,可以點(diǎn)放飛消息就沒(méi)有了。



收氣球



2.發(fā)射泡泡

雖然泡泡這種形式很常見(jiàn),但是遙望在細(xì)節(jié)處做的設(shè)計(jì)還是很用心,很容易觸動(dòng)用戶(hù)。發(fā)射泡泡很容易讓然想到泡泡相機(jī),加上“biubiu”的音效,有很強(qiáng)的場(chǎng)景感。



2. 配配app

1.視覺(jué)設(shè)計(jì)

配配app的設(shè)計(jì)可以說(shuō)是以IP形象為切入的設(shè)計(jì),app里面有著各種各樣的表情和動(dòng)勢(shì),生動(dòng)且逗比。而且配配在設(shè)計(jì)的時(shí)候會(huì)融入很多小的細(xì)節(jié),也能帶給我們很多不一樣的感受。整個(gè)ip融入可以說(shuō)做的很徹底,能夠讓用戶(hù)的品牌感知十分深刻。



2.文字字體

貼貼功能用了一個(gè)超大的特殊的文字字體設(shè)計(jì),十分醒目,在瀑布流的頁(yè)面對(duì)用戶(hù)的信息區(qū)分的比較清楚,但是對(duì)于用戶(hù)的照片也形成了遮擋,有的時(shí)候并不是很好。發(fā)布貼貼的超大字體的設(shè)計(jì)很少有人這么設(shè)計(jì),雖然看起來(lái)粗糙,但是卻與眾不同。



3.品牌融入

配配app讓人印象比較深刻的就是這個(gè)IP的形象了,在頁(yè)面的各種地方都能看到他,無(wú)論是在催促你、還是在悠閑的吃東西,還是舉起手或是一起打call,哪里都少不了它。它的設(shè)定非常生活化,也很貼近我們的日常,所以這樣才更夠親近。



2.動(dòng)效設(shè)計(jì)

1.點(diǎn)亮

點(diǎn)亮設(shè)計(jì)就是點(diǎn)擊后,寫(xiě)下一個(gè)故事就可以和其他用戶(hù)打招呼了,點(diǎn)亮后燈泡會(huì)發(fā)出光,然后有星星散落下來(lái),將表情運(yùn)用在按鈕上也是很新穎的設(shè)計(jì)方法了。



2.發(fā)布動(dòng)態(tài)

發(fā)布動(dòng)態(tài)的功能IP會(huì)向你招招手,引導(dǎo)用戶(hù)參與發(fā)布動(dòng)態(tài)。



3.動(dòng)態(tài)背景

配配的動(dòng)態(tài)背景很有意思,打call、吃蘋(píng)果、打盹,根據(jù)不同用戶(hù)展示不同的動(dòng)態(tài)背景。




3.糖果app

糖果app的設(shè)計(jì)在于匹配器和其他的很與眾不同,像是在一起炫舞的樣子,看起來(lái)很有場(chǎng)景感。糖果app的整體視覺(jué)風(fēng)格比較中規(guī)中矩,

不過(guò)有一些的功能設(shè)計(jì)和設(shè)計(jì)小細(xì)節(jié)值得體驗(yàn)一下。



1.廣場(chǎng)匹配器

糖果的首頁(yè)的匹配器設(shè)計(jì)是一群人在廣場(chǎng)上一起炫舞,然后各自擺著不同的怪異的姿勢(shì),設(shè)計(jì)上十分新穎。



2.戀愛(ài)上上簽

戀愛(ài)上上簽就像我們?nèi)ニ聫R里求姻緣一樣,通過(guò)搖晃簽子就可以找尋到好姻緣。罐子上的表情左看看右看看然后閉上眼睛,最后終于連接上一個(gè)十分匹配的好友。



3.解憂(yōu)罐子

解憂(yōu)罐子就是把心情放在罐子里,發(fā)送出去,別人可以看到你的罐子,然后你自己也可以做罐子發(fā)送給別人。



4.無(wú)聊嗶嗶雞

無(wú)聊嗶嗶雞就是一只雞不停的晃動(dòng),可以發(fā)送一句消息直接可以連接到好友。



4.Blurrr app

Blurrr app是一款功能強(qiáng)大的視頻剪輯軟件,Blurrr雖然是一款工具軟件,但是在配色和設(shè)計(jì)上還是十分大膽,熒光綠的顏色和黑色的結(jié)合,十分亮眼,里面的動(dòng)效也十分細(xì)膩,非常吸引人的眼球。



引導(dǎo)頁(yè)的設(shè)計(jì)用多彩的圖形設(shè)計(jì)+表情+動(dòng)效設(shè)計(jì)的方式,打造了靈動(dòng)的引導(dǎo)頁(yè)設(shè)計(jì),形成了自己很獨(dú)特的風(fēng)格。




作者:章魚(yú)鋪里
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

比Midjourney還實(shí)用!深度體驗(yàn)PS新出的AI繪畫(huà)功能

博博

一、Photoshop(Beta)版本安裝

PS的AI功能需要在Beta版本中才能使用,安裝過(guò)程很簡(jiǎn)單,可以從下列這個(gè)網(wǎng)址前往Adobe官網(wǎng)下載Photoshop(Beta)版本:

https://helpx.adobe.com/cn/photoshop/using/generative-fill.html



點(diǎn)擊「試用」按鈕,會(huì)調(diào)起電腦中的Creative Cloud應(yīng)用,正常來(lái)說(shuō)大家電腦里有Adobe軟件一般都會(huì)有Creative Cloud,沒(méi)下載的話(huà)按提示下載就可。

在Creative Cloud中找到①Beta應(yīng)用程序,點(diǎn)擊②安裝按鈕,再點(diǎn)擊③打開(kāi)按鈕,就可以啟動(dòng)Beta版PS啦!(我這里已經(jīng)安裝過(guò),所以直接顯示了安裝按鈕)



Beta版PS白色的logo和有趣的啟動(dòng)頁(yè)面??



二、AI創(chuàng)意填充功能

Midjourney生成的圖默認(rèn)是方形,主體位于畫(huà)面的中央。如果我們想把主體的位置移到畫(huà)面左側(cè)或右側(cè),需要花費(fèi)很大的精力,而PS(Beta)的AI創(chuàng)意填充功能可以很好解決這個(gè)痛點(diǎn)問(wèn)題!

下圖是在Midjourney中生成的例圖,人物在畫(huà)面的正中間,關(guān)鍵詞描述:

「A portal to another dimension, with a blonde woman dressed as space girl, cyber punk style, hyperrealism, 4k, natural light. --v 5.1」



如果我想在不摳像、不變形拉伸的情況下,把圖片變成橫版尺寸,并把人物移到畫(huà)面右邊,需要在PS(Beta)中怎么操作呢?

① 先把例圖拖到PS中,用[C]裁剪工具在畫(huà)布左邊拉一個(gè)空白。



② 切換到[M]選框工具,框選剛才拉出的空白畫(huà)布,下方會(huì)出現(xiàn)一個(gè)工具欄。



③ 點(diǎn)擊工具欄的第一個(gè)「創(chuàng)成式填充」按鈕,進(jìn)入到AI創(chuàng)意填充功能。



PS的創(chuàng)意填充看起來(lái)很像把Midjourney的輸入框移植到PS中,但功能上又和Midjourney不太一樣:

·PS的輸入框沒(méi)有復(fù)雜的指令,只需要輸入關(guān)鍵詞描述,就能夠在選區(qū)內(nèi)生成想要的內(nèi)容;

·支持不輸入內(nèi)容,直接點(diǎn)擊「生成」按鈕,AI會(huì)根據(jù)畫(huà)面周?chē)膬?nèi)容智能填充選區(qū)。

三、不輸入內(nèi)容直接生成

第一次體驗(yàn)我沒(méi)有輸入任何內(nèi)容,直接點(diǎn)擊PS的「生成」按鈕,一次能生成3張圖片。點(diǎn)擊左右箭頭可以切換查看3張圖,如果覺(jué)得不滿(mǎn)意可以再點(diǎn)擊「生成」,再生成3張?zhí)畛鋱D。

效果圖1??



效果圖2??



效果圖3??



第一次測(cè)試生成的圖片效果遠(yuǎn)超出預(yù)期,和原圖風(fēng)格也很接近,唯一不足的地方是和原圖拼接處有一條白線(xiàn),看起來(lái)有點(diǎn)礙眼。

經(jīng)過(guò)多次嘗試后,終于發(fā)現(xiàn)了問(wèn)題所在:如果框選時(shí)剛好只選取了空白畫(huà)布,生成出來(lái)的新圖和原圖之間就會(huì)產(chǎn)生明顯的接縫。簡(jiǎn)單高效的解決方式是在框選畫(huà)布的時(shí)候多框一點(diǎn)點(diǎn)原圖。



這樣再點(diǎn)擊「生成」按鈕,運(yùn)算出來(lái)就會(huì)有很完美的過(guò)渡,看不出破綻。



四、輸入關(guān)鍵詞描述

體驗(yàn)完不輸入關(guān)鍵詞直接生成后,接下來(lái)體驗(yàn)一下輸入關(guān)鍵詞描述后生成的圖片效果如何~這次使用同樣的方法在例圖右側(cè)先拉出一個(gè)空白畫(huà)布,輸入關(guān)鍵詞描述:

「Particle effect, sense of technology」

生成的圖片效果很棒,和原圖完美地融合在一起,不得不服啊太厲害了!

效果圖1??



效果圖2??



右側(cè)的屬性欄會(huì)記錄你剛輸入的關(guān)鍵詞,可以隨時(shí)修改關(guān)鍵詞,點(diǎn)擊再次生成3張圖,依次類(lèi)推,生成的所有圖都會(huì)保留下來(lái),方便選擇。

最后



通過(guò)這次體驗(yàn)感覺(jué)PS的AI填充非常強(qiáng)大,而且效果很精準(zhǔn),誰(shuí)能想到在PS中就能完成對(duì)一張圖的拉伸和智能填充。


作者:Clippp
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

競(jìng)品分析實(shí)例拆解

博博

一、競(jìng)品調(diào)研的結(jié)構(gòu)


首先說(shuō)明,競(jìng)品調(diào)研的方法有很多,本文只提供一種方法供參考,建議大家活學(xué)活用。

建議從下面4個(gè)方面入手:


1)調(diào)研背景
主要說(shuō)一些為什么要調(diào)研,希望通過(guò)調(diào)研答達(dá)到什么樣的目的?是視覺(jué)升級(jí)、體驗(yàn)升級(jí)還是為了提升轉(zhuǎn)化率?只有了解為什么做調(diào)研這件事情,才能知道從哪幾個(gè)維度調(diào)研。


2)調(diào)研樣本
建議選幾個(gè)直接競(jìng)品,再選幾個(gè)優(yōu)秀的次要競(jìng)品也是可以的,可以幫助補(bǔ)齊盲點(diǎn)。


3)調(diào)研維度
調(diào)研維度要根據(jù)調(diào)研目的來(lái)確定,例如如果是為了視覺(jué)升級(jí),那么調(diào)研維度主要就集中在視覺(jué)效果上,如果是體驗(yàn)升級(jí),那么調(diào)研維度主要集中在交互體驗(yàn)層面。
所以維度的選擇一定是和此次調(diào)研的目的緊密相關(guān)的,不過(guò),倒也不是說(shuō)如果是視覺(jué)升級(jí)就只調(diào)研視覺(jué)方面的內(nèi)容,而是咱們要有一個(gè)主要的調(diào)研方向,啥都想要,最后啥都做不好。


4)結(jié)論
結(jié)論是最重要的,畢竟,做這次的調(diào)研不就是為了這份結(jié)論嗎?所以最后一定要有結(jié)論,也就是咱們通過(guò)調(diào)研得到了什么結(jié)論。


二、實(shí)例拆解

1、調(diào)研背景


我公司這個(gè)項(xiàng)目是做一個(gè)官網(wǎng)的改版,官網(wǎng)主要就改版主要目標(biāo)有兩個(gè):


第一個(gè)目標(biāo)是視覺(jué)體驗(yàn)升級(jí),拆解下來(lái)就是界面更好看,內(nèi)容更好找。
第二個(gè)目標(biāo)是提升用戶(hù)轉(zhuǎn)化率,更細(xì)致的拆解一下就是讓更多的用戶(hù)點(diǎn)擊【咨詢(xún)】按鈕。

可以得到關(guān)鍵詞:界面更好看、內(nèi)容更好找、咨詢(xún)客服的人數(shù)更多。

好,咱們繼續(xù),下一步是找樣本。


2、調(diào)研樣本


前面提到過(guò),樣本最好是直接競(jìng)品+間接競(jìng)品(主要是一線(xiàn)大廠(chǎng)競(jìng)品)。
所以這次調(diào)研我選擇了幾個(gè)直接競(jìng)品的官網(wǎng),以及華為、飛書(shū)等這樣的做的比較優(yōu)秀的產(chǎn)品進(jìn)行輔助分析。

3、選取調(diào)研維度


調(diào)研維度又可以分為兩大部分:整體結(jié)構(gòu)、內(nèi)容拆解。

了解整體架構(gòu)是每個(gè)競(jìng)品調(diào)研都離不開(kāi)的步驟,可以幫助我們快速了解行業(yè)內(nèi)的通識(shí)性做法,畢竟站在巨人的肩膀上才能看得更遠(yuǎn)嘛。

1)整體架構(gòu)
我當(dāng)時(shí)的做法是把主要競(jìng)品的官網(wǎng)都截圖下來(lái),然后一個(gè)模塊一個(gè)模塊的去分析,其實(shí)看下來(lái)你會(huì)發(fā)現(xiàn),大家的做法都是有跡可循的。
看下面的圖片,我把他們類(lèi)似的模塊用同樣的顏色框出來(lái),框出來(lái)后就會(huì)發(fā)現(xiàn),哦,原來(lái),這就是行業(yè)內(nèi)的通識(shí)性做法。




然后我把這種通識(shí)性做法歸納總結(jié)出來(lái),發(fā)現(xiàn),其實(shí)官網(wǎng)首頁(yè)可以劃分為四大板塊:

  • 常規(guī)內(nèi)容:head、foot
  • 建立認(rèn)知:banner、產(chǎn)品介紹、解決方案、產(chǎn)品優(yōu)勢(shì)
  • 增加信任:客戶(hù)評(píng)價(jià)、客戶(hù)案例、新聞資訊、行業(yè)認(rèn)可
  • 轉(zhuǎn)化:免費(fèi)試用、在線(xiàn)咨詢(xún)、電話(huà)咨詢(xún)



你看,看似有很多復(fù)雜內(nèi)容的官網(wǎng), 其實(shí)也就這幾個(gè)模塊,這樣看是不是就清晰多了。

既然咱們通過(guò)架構(gòu)梳理來(lái)了官網(wǎng)的內(nèi)容,下一步就進(jìn)行內(nèi)容的拆解了,拆解什么內(nèi)容?就是拆解上面總結(jié)出來(lái)的規(guī)律呀。


2)內(nèi)容拆解


為啥要拆解內(nèi)容呢?
因?yàn)樵蹅兏?jìng)品分析的目的不就是要做到“人有我優(yōu)”嘛,咱們競(jìng)品分析是為了青出于藍(lán)而勝于藍(lán)呀,所以咱們不能直接抄人家的內(nèi)容,這是無(wú)效設(shè)計(jì),咱們要做的是分析他們的優(yōu)點(diǎn),然后借鑒,然后超越。

進(jìn)行內(nèi)容拆解的時(shí)候,建議先定幾個(gè)拆解維度,不然會(huì)沒(méi)有方向,這里我分了三個(gè)維度來(lái)進(jìn)行拆解:

  • 用戶(hù)訴求:用戶(hù)的需求、疑問(wèn)或者想達(dá)到的目標(biāo)
  • 業(yè)務(wù)策略:針對(duì)用戶(hù)訴求,網(wǎng)站做出的一系列解決方案
  • 表達(dá)形式:完成業(yè)務(wù)策略的交互/視覺(jué)展現(xiàn)方式


我就拿【建立認(rèn)知】板塊來(lái)舉例。

官網(wǎng)首頁(yè)的建立認(rèn)知是什么?

是讓進(jìn)來(lái)的用戶(hù)對(duì)整個(gè)網(wǎng)站有一個(gè)基礎(chǔ)的認(rèn)知,顧客來(lái)了,對(duì)店鋪總要有一個(gè)第一印象吧。

通過(guò)前面的架構(gòu)拆解我們發(fā)現(xiàn),首頁(yè)一般使用4種方法來(lái)對(duì)用戶(hù)建立認(rèn)知,哪四種?
banner、產(chǎn)品介紹、解決方案、產(chǎn)品優(yōu)勢(shì)


一個(gè)用戶(hù)看了banner,瀏覽了產(chǎn)品介紹和解決方案,看了產(chǎn)品優(yōu)勢(shì),是不是對(duì)咱們的產(chǎn)品有了一個(gè)認(rèn)知了,這就是建立認(rèn)知的過(guò)程。
那么咱們?nèi)绾稳シ治瞿兀?br /> 我的做法是一個(gè)個(gè)板塊分析,有些麻煩啊,但是相信我,值得。

下面我就拿建立認(rèn)知里面的“產(chǎn)品介紹”來(lái)舉例子,看看如何去分析產(chǎn)品介紹這個(gè)板塊。

使用3個(gè)維度來(lái)分析:
維度1:用戶(hù)訴求(用戶(hù)進(jìn)來(lái)之后的訴求)
產(chǎn)品介紹內(nèi)容是否有我需要的產(chǎn)品和功能?是否滿(mǎn)足我的需求?
維度2:業(yè)務(wù)策略(針對(duì)用戶(hù)訴求,業(yè)務(wù)是怎么解決的)
講清楚三個(gè)問(wèn)題,即“我們的產(chǎn)品是什么”、“我們能做什么”、“我們有什么優(yōu)勢(shì)“
維度3:常用表達(dá)形式(用什么樣的表達(dá)方式來(lái)實(shí)現(xiàn)策略)

  • 分點(diǎn)描述:減少大段落文字,分點(diǎn)描述,增強(qiáng)閱讀性,降低理解成本
  • 提煉賣(mài)點(diǎn):將核心功能提煉出來(lái),吸引用戶(hù)注意力,精準(zhǔn)打擊,結(jié)合圖標(biāo)提升可讀性
  • 試用入口:視覺(jué)上強(qiáng)化按鈕,引導(dǎo)轉(zhuǎn)化
  • 圖文結(jié)合:圖>文,可視化表達(dá)降低理解成本,增強(qiáng)臨場(chǎng)感


拆解下來(lái),是不是對(duì)產(chǎn)品介紹板塊很了解了,產(chǎn)品介紹板塊主要的目的就是為了講清楚咱們是誰(shuí),咱們的優(yōu)勢(shì)啊。王婆賣(mài)瓜,瓜雖好,但是咱們得讓來(lái)的人知道咱們的瓜好呀,所以表達(dá)方式也是至關(guān)重要的,用什么形式去表達(dá)這個(gè)板塊呢?其實(shí)競(jìng)品已經(jīng)有了很好的解決方案,那就是上面描述的。

你看,這樣一通分析,其實(shí)你的方案就自然而出來(lái)了,你知道往哪個(gè)方向去使勁了,而不是看別人有啥咱們就做啥。


作者:餿面包
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

用戶(hù)心智模型的3運(yùn)用和3匹配

博博

你聽(tīng)過(guò)用戶(hù)心智模型這個(gè)名詞嗎?設(shè)計(jì)方案時(shí)有考慮過(guò)匹配用戶(hù)心智模型嗎?如何匹配?下文將梳理智模型到底是什么以及如何運(yùn)用。



先問(wèn)你一個(gè)問(wèn)題。
拼多多、淘寶、京東這三家購(gòu)物平臺(tái),你認(rèn)為它們的區(qū)別是什么?
或者換個(gè)方式問(wèn)你。
買(mǎi)電器你去哪個(gè)平臺(tái)?
買(mǎi)衣服你去哪個(gè)平臺(tái)? 買(mǎi)垃圾袋你去哪個(gè)平臺(tái)?
是不是有了答案了?
沒(méi)猜錯(cuò)的話(huà), 大部分人的答案是:買(mǎi)電器去京東、買(mǎi)衣服去淘寶、買(mǎi)垃圾袋去拼多多。
你看,這就是一個(gè)購(gòu)物心智模型,你的心里對(duì)這三家平臺(tái)已經(jīng)產(chǎn)生了固有的心智,如果讓你去京東買(mǎi)衣服,你會(huì)不會(huì)覺(jué)得,有些別扭?
沒(méi)錯(cuò),這就是心智模型。


百度百科對(duì)心智模型的定義是:
“深植我們心中關(guān)于我們自己、別人、組織及周?chē)澜缑總€(gè)層面的假設(shè)、形象和故事。并深受習(xí)慣思維、定勢(shì)思維、已有知識(shí)的局限?!?br /> 關(guān)鍵詞是:故事、習(xí)慣、局限。


淘寶一開(kāi)始就我們講了一個(gè)故事,一個(gè)萬(wàn)能的集市,我們習(xí)慣在上面買(mǎi)衣服,但是也產(chǎn)生了局限性,那就是,當(dāng)我們想買(mǎi)大額電器的時(shí)候,還是會(huì)選擇京東。
我個(gè)人對(duì)心智模型的理解是:
我們內(nèi)心深處對(duì)一個(gè)事物的看法。
空口聊天多沒(méi)意思,下面舉個(gè)例子。
這是一尊陶俑,第一眼你覺(jué)得她像什么?


是不是覺(jué)得像米老鼠?


為什么?


因?yàn)樘召傅念^上的發(fā)髻和米老鼠標(biāo)志性的耳朵很像。


如果你從沒(méi)見(jiàn)過(guò)米老鼠,你還會(huì)覺(jué)得她像米老鼠嗎?


一定不會(huì)。


這就是心智模型,你對(duì)頭頂?shù)拇髨A形的心智是“米老鼠”,所以一旦你看到類(lèi)似的形狀,米老鼠的形象就會(huì)浮現(xiàn)出來(lái),這個(gè)發(fā)髻的形狀和你心里對(duì)米老鼠的形象產(chǎn)生了匹配。



對(duì)心智模型有沒(méi)有一點(diǎn)印象了?

下面我們接著聊。

我不想用具體的界面來(lái)聊,那樣的話(huà)太散,我認(rèn)為要想理解一個(gè)概念,最好還是從“面”的角度來(lái)說(shuō),所以下面我會(huì)舉一些商業(yè)上的案例來(lái)輔助理解。

心智模型有哪三種運(yùn)用方式?


第一種:創(chuàng)建新的心智模型


第二種:改變舊的心智模型


第三種:匹配現(xiàn)有的心智模型


可以理解成一件事情的新生、改變和延續(xù)。



下面咱們一個(gè)個(gè)來(lái)。
第一種:創(chuàng)建新的心智模型


難度指數(shù):難啊。


記得《盜夢(mèng)空間》里最難的是什么嗎?


最難的不是盜夢(mèng),而是植入一個(gè)想法。


創(chuàng)建新的心智模型有異曲同工之妙,都是讓別人內(nèi)心接收一個(gè)事物,需要刻意培養(yǎng)。


舉幾個(gè)例子。


當(dāng)年外賣(mài)剛開(kāi)始的時(shí)候,家家搞補(bǔ)貼,很多時(shí)候幾乎不花錢(qián)就可以點(diǎn)外賣(mài),后來(lái)這些福利沒(méi)有了,為啥?


因?yàn)辄c(diǎn)外賣(mài)的心智已經(jīng)培養(yǎng)好了,你離不開(kāi)它了,所以平臺(tái)可以“不慣著你了”。


還有唯品會(huì)的正品低價(jià)、瑞幸一開(kāi)始的星巴克平替,這些都是他們想要植入到用戶(hù)大腦中的心智。


為什么要費(fèi)勁植入一個(gè)新的想法?


因?yàn)橐坏┲踩肓?,就很難改變。


現(xiàn)在我身邊的很多朋友想買(mǎi)一些低價(jià)的品牌都會(huì)上唯品會(huì),買(mǎi)咖啡會(huì)喝瑞幸,一旦用戶(hù)的習(xí)慣養(yǎng)成就很難改變,意味著什么?

意味著留存和轉(zhuǎn)化的成本更低了。


第二種:改變舊的心智模型


難度指數(shù):也難。


《盜夢(mèng)空間》里小李子的妻子被他植入了一個(gè)想法“你不在現(xiàn)實(shí)世界里”,當(dāng)他和他妻子回到現(xiàn)實(shí)世界后,他妻子仍舊認(rèn)為自己不在現(xiàn)實(shí)世界里,這個(gè)被植入的想法已經(jīng)根深蒂固,很難改變。


所以改變舊的心智也不簡(jiǎn)單。


例如小米最初主打極致性?xún)r(jià)比,后來(lái)想往高端路線(xiàn)走,很難,大家心里已經(jīng)認(rèn)準(zhǔn)了小米就是“性?xún)r(jià)比之王”,也就是你的產(chǎn)品不僅要好還要便宜。


這就導(dǎo)致小米一漲價(jià),大家就罵他們忘了初心……所以小米拆分出了紅米主攻性?xún)r(jià)比,小米往高端發(fā)展,但是仍舊很難。



拼多多的百億補(bǔ)貼也是一樣的道理,一開(kāi)始的砍一刀深入人心,大家對(duì)拼多多的心智已經(jīng)成型:便宜,質(zhì)量一般。拼多多想改變這個(gè)心智,推出百億補(bǔ)貼,并承諾假一賠十,就是想告訴大家,我拼多多,也是有正品好貨的。不過(guò),效果嘛,見(jiàn)仁見(jiàn)智。

第三種:匹配現(xiàn)有的心智模型


難度指數(shù):相對(duì)簡(jiǎn)單。


其實(shí)匹配現(xiàn)有的心智模型,是相對(duì)最簡(jiǎn)單的方法,市場(chǎng)已經(jīng)幫你把用戶(hù)習(xí)慣培養(yǎng)好了,你直接使用,那肯定事半功倍,省時(shí)省力啊。


舉個(gè)例子,大家最近有關(guān)注小米的 13 Ultra 嗎?


小米和徠卡聯(lián)合研發(fā)的,主打徠卡調(diào)色的相機(jī)。


我有一個(gè)同事就直接把手里的微單換成了 13 Ultra ,因?yàn)榕恼兆銐蚝每炊冶銛y。


這里不是要推銷(xiāo)手機(jī)啊,是想讓你們了解 13 Ultra 是個(gè)什么東西。


然后給大家看看它的手柄(一個(gè)配角,可以拆卸)。


是不是有些熟悉?
和相機(jī)像不像?


這個(gè)手柄就是沿用了相機(jī)的心智模式。

小結(jié)一下:


心智模型有3種用法:


新建:創(chuàng)建新的心智模型


改變:改變舊的心智模型


延續(xù):匹配現(xiàn)有的心智模型

下面聊聊,咱們?cè)趺醋霾拍芨悠ヅ溆脩?hù)的心智模型?


同樣的,我不會(huì)拿具體頁(yè)面來(lái)舉例,還是希望把思考方式分享給大家,而不是某一個(gè)頁(yè)面的設(shè)計(jì)。

要想匹配用戶(hù)的心智模型其實(shí)就三步:

了解業(yè)務(wù)、了解用戶(hù)、競(jìng)品調(diào)研。


或者可以這么說(shuō), 在懂業(yè)務(wù)、懂用戶(hù)的基礎(chǔ)上,還要了解行業(yè)內(nèi)的通用做法。



1)了解業(yè)務(wù)


一定要了解業(yè)務(wù),為什么?


因?yàn)楹玫脑O(shè)計(jì)方案千千萬(wàn),但是匹配你的業(yè)務(wù)的方案才是好方案,如果不了解業(yè)務(wù),可能設(shè)計(jì)出來(lái)的方案就是自嗨,例如網(wǎng)上很多的dribble風(fēng)設(shè)計(jì)。



又比如說(shuō)手機(jī)瀏覽器一般都把搜索框放到屏幕頂部,而夸克瀏覽器卻把搜索框放到了下面。


為什么?


因?yàn)榭淇讼胪品瓊鹘y(tǒng)的瀏覽器,想打造一款更年輕更好用的瀏覽器,把搜索框放到下面也是滿(mǎn)足他們的業(yè)務(wù)訴求,現(xiàn)在手機(jī)屏幕越來(lái)越大,搜索框放在下面手指操作更加方便。
所以,一定要先去了解業(yè)務(wù)。


拼多多和淘寶同樣都是電商平臺(tái),可它們的用戶(hù)心智相差甚大,因?yàn)樽詈蠓桨冈O(shè)計(jì)是服務(wù)于最初的業(yè)務(wù)目標(biāo)的,業(yè)務(wù)不同,呈現(xiàn)的方案也不一樣,最后讓用戶(hù)形成的心智也不同。




2)了解用戶(hù)

為啥?給老人和小孩設(shè)計(jì)的界面能一樣嗎?


就拿顏色和文字來(lái)說(shuō)。


小孩喜歡高飽和、豐富的顏色,而老人則需要考慮在各種場(chǎng)景下都能看得清楚信息的顏色。


小孩喜歡圓潤(rùn)的卡通字體,而老人需要識(shí)別度更高的字體,更大的字號(hào)。


不同的用戶(hù),采用的設(shè)計(jì)一定是不同的,只有了解了他們的喜好和痛點(diǎn),才能做出符合他們心智模型的設(shè)計(jì)。

3)競(jìng)品調(diào)研
為啥要競(jìng)品調(diào)研呢?


因?yàn)楦?jìng)品和我們的產(chǎn)品類(lèi)似,那么意味著用戶(hù)大概率重合度也高,甚至業(yè)務(wù)上都有一定相似度,那么意味著,競(jìng)品的方案,大概率是經(jīng)過(guò)市場(chǎng)驗(yàn)證的符合用戶(hù)心智模型的方案。


你看,既然競(jìng)品已經(jīng)給咱們打了個(gè)樣,為何還要自己悶頭造輪子呢?

咱們目的是解決問(wèn)題,又不是為了證明自己很厲害。


但是,不要誤解,我不是說(shuō)照著競(jìng)品抄,而是取長(zhǎng)補(bǔ)短,所以不僅要調(diào)研,還要分析,分析就是把競(jìng)品的優(yōu)劣勢(shì)找出來(lái),好的地方咱們可以酌情借鑒,不好的地方,咱們也要避個(gè)雷嘛。


好了,小結(jié)一下,要想匹配用戶(hù)的心智模型,一定要了解業(yè)務(wù)、了解用戶(hù),還要做競(jìng)品調(diào)研了解市場(chǎng)的通識(shí)性做法。


以上。


作者:餿面包
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

喜茶小程序產(chǎn)品設(shè)計(jì)體驗(yàn)分析

博博

進(jìn)入喜茶小程序的時(shí)候給我的感受是簡(jiǎn)潔、時(shí)尚、極致的設(shè)計(jì)風(fēng)格,截了兩張小程序內(nèi)的兩個(gè)界面。 確實(shí)做的還挺不錯(cuò)的,為什么給人感受不一樣?接下來(lái)我們分析分析




1.版式

1.首先從下面的頁(yè)面我們能發(fā)現(xiàn),界面的排版只有卡片左邊距留了20的安全距離,而卡片右邊安全距離為0,這樣特別的版式設(shè)計(jì)給人不對(duì)稱(chēng)的感覺(jué),這樣的設(shè)計(jì)能讓用戶(hù)記住,同時(shí)又有一點(diǎn)時(shí)尚范的感覺(jué),很符合喜茶目標(biāo)用戶(hù)年輕人的審美。
2.同時(shí)產(chǎn)品的banner是3:2的比例,較為靠近黃金比例的尺寸。 



1.點(diǎn)單頁(yè)面,喜茶新增了新品推廣位,一些新上的產(chǎn)品都會(huì)在推廣位呈現(xiàn),尺寸比例4:3,給人的感受像是線(xiàn)下海報(bào)一樣,同時(shí)第三個(gè)廣告位露出部分,讓用戶(hù)知道后面還可以左滑查看。同時(shí)推廣頁(yè)的右下角有個(gè)箭頭指引,告知用戶(hù)可點(diǎn)擊。 

2.看完這幾個(gè)頁(yè)面會(huì)發(fā)現(xiàn),喜茶的基本上都是純直角的設(shè)計(jì)語(yǔ)言,推廣頁(yè)是直角、標(biāo)簽是直角、按鈕微圓角,直角的設(shè)計(jì)語(yǔ)言給人的感受是時(shí)尚、極致、極簡(jiǎn)的設(shè)計(jì)感受,個(gè)人非常喜歡。 

3.但是點(diǎn)單頁(yè)面的有點(diǎn)亂,標(biāo)簽的顏色過(guò)多,不夠統(tǒng)一,圖標(biāo)的也非常的多,這樣給人的感受就會(huì)比較凌亂,盡可能少的去表現(xiàn),這樣更加能提高用戶(hù)的效率。



1.在點(diǎn)單頁(yè)面用戶(hù)上滑,推廣位漸漸的往上消失,這樣產(chǎn)品的展示會(huì)更多,利于用戶(hù)挑選和尋找。 

2.用戶(hù)在選口味界面,發(fā)現(xiàn)每一個(gè)標(biāo)簽的內(nèi)的文字左右的安全距離一致,依次排列,具有節(jié)奏感,頁(yè)面給人感受簡(jiǎn)潔、易操作,同時(shí)用戶(hù)可以選自己的口味,可進(jìn)行保存,下次點(diǎn)直接就可以選擇自己的口味。





在喜茶的百貨界面能清晰發(fā)現(xiàn)每一個(gè)模塊的都是不一樣的,很多產(chǎn)品的商場(chǎng)頁(yè)面都是一致的,而喜茶在產(chǎn)品的展示會(huì)以不一樣的形式出現(xiàn),每一個(gè)模塊都有尺寸和排版的差異,這樣給用戶(hù)有種落錯(cuò)感,更加有設(shè)計(jì)。



2.會(huì)員頁(yè)

1.喜茶的會(huì)員頁(yè)給我眼前一亮的感覺(jué),會(huì)員的背景用色都是明度高、純度低的漸變給人的感受清新、淡雅的感覺(jué)。 

2.會(huì)員頁(yè)用戶(hù)在切換的同時(shí)圖標(biāo)的顏色會(huì)跟著會(huì)員的顏色變化,特權(quán)的內(nèi)容也會(huì)有不一樣的變化,讓用戶(hù)有明顯的等級(jí)感知。 

3.切換到“黑卡”的時(shí)候,會(huì)發(fā)現(xiàn)會(huì)員頁(yè)的“喜”字加上了質(zhì)感。 

4.會(huì)員卡上“喜”字提取了“喜茶”中的“喜”,跟其他產(chǎn)品的會(huì)員做了區(qū)分的同時(shí)又加深了品牌印象。







3.圖標(biāo) 

喜茶有兩種不同風(fēng)格的圖標(biāo),一種是比較極簡(jiǎn),線(xiàn)性,差異性沒(méi)有那么強(qiáng),而另一種則是插畫(huà)風(fēng)格的圖標(biāo),給人感受比較有趣,更有差異,極簡(jiǎn)則符合喜茶整體小程序的調(diào)性,而插畫(huà)又豐富了頁(yè)面的單調(diào)性。



4.動(dòng)畫(huà) 

1.喜茶頂部的banner做非常不錯(cuò),例如跟FENDI合作的會(huì)在首屏加入視頻,用戶(hù)一進(jìn)入小程序就能看到能很好的吸引用戶(hù)的注意。 



2.用戶(hù)在左右切換banner時(shí),文字會(huì)先出現(xiàn)然后底部的圖片漸漸出現(xiàn),給用戶(hù)感受自然、流暢的感受,好的動(dòng)畫(huà)效果能給產(chǎn)品加分,給用戶(hù)留下好的感受。



5.字體

1.喜茶的數(shù)字字體是NeutraText-DemiAlt,每次進(jìn)去喜茶看到他們的數(shù)字字體非常有獨(dú)特性,給人的感受時(shí)尚、極致、有設(shè)計(jì)。 

2.部分界面和海報(bào)喜茶會(huì)用上方正悠宋,有點(diǎn)中國(guó)風(fēng)、古風(fēng)的韻味在里面,而且也非常有獨(dú)特的設(shè)計(jì)美感,喜茶會(huì)應(yīng)用在國(guó)風(fēng)的海報(bào)以及會(huì)員頁(yè)的“喜”字上,突出風(fēng)格化。

3.好的字體能很好的提高產(chǎn)品的品牌感和設(shè)計(jì)美感,更能傳達(dá)該品牌想傳達(dá)的東西。




6.更多界面欣賞





作者:黃小偉
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

看視頻能賺錢(qián)!激勵(lì)視頻廣告的框架設(shè)計(jì)與提轉(zhuǎn)思考

博博

本文講述百度激勵(lì)視頻廣告,從0到1的容器框架設(shè)計(jì),以及如何通過(guò)設(shè)計(jì)舉措進(jìn)一步提升轉(zhuǎn)化效果的設(shè)計(jì)思考。

近年來(lái),行業(yè)內(nèi)不斷探索廣告的新玩法,激勵(lì)視頻廣告成為一種愈加流行的廣告形式,當(dāng)前已經(jīng)是媒體主流變現(xiàn)模式之一,以滿(mǎn)足廣告主營(yíng)銷(xiāo)效果、媒體變現(xiàn)效率最大化。對(duì)用戶(hù)而言,觀(guān)看激勵(lì)視頻廣告能夠獲得相應(yīng)獎(jiǎng)勵(lì);對(duì)于客戶(hù),激勵(lì)視頻廣告通過(guò)獎(jiǎng)勵(lì)機(jī)制,得到更長(zhǎng)時(shí)間的曝光來(lái)提升轉(zhuǎn)化率;對(duì)于平臺(tái),有更高的變現(xiàn)效率能帶來(lái)更高的收益。

百度激勵(lì)視頻廣告承載著百度APP任務(wù)系統(tǒng)、權(quán)益場(chǎng)景、活動(dòng)場(chǎng)景等的重要變現(xiàn)任務(wù),本文將從激勵(lì)視頻廣告的框架、提升轉(zhuǎn)化效果兩個(gè)方面,來(lái)闡述容器結(jié)構(gòu)設(shè)計(jì)與提升轉(zhuǎn)化效果的設(shè)計(jì)思考。

框架:建立場(chǎng)景核心轉(zhuǎn)化流程

激勵(lì)視頻廣告是獨(dú)立的視頻場(chǎng)景,場(chǎng)景內(nèi)的元素布局、容器結(jié)構(gòu)不依賴(lài)于所在的宿主場(chǎng)景,在整個(gè)交互鏈路中能夠采用更有創(chuàng)新的設(shè)計(jì)形式。

1、布局跨場(chǎng)景橫向一致

基于激勵(lì)視頻廣告的元素來(lái)明確內(nèi)容分區(qū),考慮元素作用與通用性可分為頂部框架區(qū)、附加掛載區(qū)、內(nèi)容信息區(qū)、轉(zhuǎn)化決策區(qū),在結(jié)構(gòu)設(shè)計(jì)上,將核心獎(jiǎng)勵(lì)計(jì)時(shí)組件置于頂部框架區(qū)并保持穩(wěn)定展現(xiàn),保證百度APP內(nèi)的視頻廣告在布局上橫向一致性,同時(shí)也有利于場(chǎng)景之間創(chuàng)意交叉驗(yàn)證與復(fù)用。

2、容器、元素組件選型

從激勵(lì)視頻的鏈路流程出發(fā),結(jié)合主動(dòng)交互行為的各類(lèi)組件狀態(tài):獎(jiǎng)勵(lì)計(jì)時(shí)與完成、視頻播放與完播、瀏覽落地頁(yè)、退出挽留四種核心狀態(tài)。

1)獎(jiǎng)勵(lì)計(jì)時(shí)與完成:考慮獎(jiǎng)勵(lì)計(jì)時(shí)器會(huì)存在于多種不同場(chǎng)景情況,需要具備橫向統(tǒng)一的計(jì)時(shí)形式來(lái)穩(wěn)定用戶(hù)預(yù)期,以及通過(guò)視覺(jué)反饋給予用戶(hù)明確的狀態(tài)變化感知,來(lái)降低不同場(chǎng)景下的理解成本,通過(guò)ABtest的方式,最終選用場(chǎng)景元素圖標(biāo)與文本計(jì)時(shí)形式,圖標(biāo)能夠根據(jù)獎(jiǎng)勵(lì)的不同支持靈活配置,滿(mǎn)足多元化場(chǎng)景的適配訴求,同時(shí)選用視覺(jué)感知較弱的樣式與動(dòng)畫(huà)形式,盡可能避免與點(diǎn)擊、轉(zhuǎn)化無(wú)關(guān)的元素動(dòng)畫(huà)稀釋用戶(hù)對(duì)內(nèi)容的注意力,從而影響廣告效果。

2)視頻播放與完播:播放狀態(tài)下,為盡量降低對(duì)視頻內(nèi)容的遮擋,在轉(zhuǎn)化組件的呈現(xiàn)上,采用“延遲展現(xiàn)吸引觀(guān)看,漸進(jìn)式增強(qiáng)吸引點(diǎn)擊”的手段,視頻完播狀態(tài)下呈現(xiàn)視頻尾幀,尾幀增加再看一個(gè)視頻功能,為想要獲得金幣的用戶(hù)縮短操作步長(zhǎng),提升激勵(lì)視頻廣告的分發(fā)。

3)瀏覽落地頁(yè):瀏覽落地頁(yè)過(guò)程中也需明示獎(jiǎng)勵(lì)計(jì)時(shí),為了保證視頻場(chǎng)景和落地頁(yè)場(chǎng)景的計(jì)時(shí)延續(xù)與組件統(tǒng)一性,采用避讓計(jì)時(shí)組件的面板化落地頁(yè)容器。

4)退出挽留:當(dāng)用戶(hù)在不同獎(jiǎng)勵(lì)狀態(tài)下會(huì)在退出的主動(dòng)行為,挽留彈窗承載挽留與再看功能的重要作用,彈窗作為前后鏈路場(chǎng)景的共性組件,在彈窗設(shè)計(jì)上頂部承載所在場(chǎng)景主視覺(jué)IP,以滿(mǎn)足多元化場(chǎng)景的下活動(dòng)主視覺(jué)的延續(xù),使激勵(lì)視頻廣告更契合所在活動(dòng)場(chǎng)景。

3、轉(zhuǎn)化鏈路降步長(zhǎng)

在原有的基礎(chǔ)路徑上,獎(jiǎng)勵(lì)計(jì)時(shí)與倒計(jì)時(shí)結(jié)束的兩個(gè)環(huán)節(jié)僅有計(jì)時(shí)器形態(tài)的變化,元素變化是容易起到聚焦視覺(jué)的作用的,以倒計(jì)時(shí)結(jié)束為節(jié)點(diǎn),將用戶(hù)從"視頻場(chǎng)景"帶入到"決策場(chǎng)景",通過(guò)容器結(jié)構(gòu)形態(tài)的變化來(lái)解放停留在計(jì)時(shí)器上的視覺(jué)焦點(diǎn),面板結(jié)構(gòu)能承載更多的增益內(nèi)容,延展信息載量,視頻完播是判斷用戶(hù)對(duì)內(nèi)容感興趣的重要契機(jī),在視頻完播狀態(tài)自動(dòng)調(diào)起落地頁(yè),通過(guò)縮短轉(zhuǎn)化步長(zhǎng)提升轉(zhuǎn)化效率。

激勵(lì)視頻廣告容器每一步迭代都伴隨大量的前置思考、歸因分析、嚴(yán)謹(jǐn)實(shí)驗(yàn),經(jīng)歷多輪迭代最終完成流程框架搭建,后面我們?nèi)砸伎既绾瓮ㄟ^(guò)設(shè)計(jì)方法,在現(xiàn)有的框架上進(jìn)一步提升轉(zhuǎn)化效果。

提轉(zhuǎn):內(nèi)容化與獎(jiǎng)勵(lì)玩法助決策

在廣告創(chuàng)意視角下,通過(guò)內(nèi)容信息命中用戶(hù)訴求、滿(mǎn)足心理期望能夠提升轉(zhuǎn)化效果;在用戶(hù)目標(biāo)視角下,我們希望充分發(fā)揮激勵(lì)機(jī)制,給予用戶(hù)更多豐富的獎(jiǎng)勵(lì)交互與玩法,持續(xù)獲取收益與滿(mǎn)足感。

1、增益信息前置,助力轉(zhuǎn)化決策

輪播推薦詞:推薦詞輪播的形式來(lái)營(yíng)造場(chǎng)景內(nèi)互動(dòng)氛圍,在一些節(jié)日期間通過(guò)契合節(jié)日的情感化文案,讓內(nèi)容更貼合節(jié)日營(yíng)銷(xiāo)氛圍,同時(shí)將落地頁(yè)中的優(yōu)質(zhì)廣告賣(mài)點(diǎn)、數(shù)據(jù)生成的熱度等多元的營(yíng)銷(xiāo)信息前置,助力用戶(hù)決策。

行動(dòng)號(hào)召詞:不同廣告內(nèi)容之間的轉(zhuǎn)化文案存在差異化的表達(dá),通過(guò)符合廣告內(nèi)容的決策性文案披露,將固定文案升級(jí)為營(yíng)銷(xiāo)目標(biāo)及類(lèi)型特征文案,輔助轉(zhuǎn)化決策,在容器內(nèi)每一個(gè)元素都應(yīng)該作為廣告創(chuàng)意的一部分。

2、分段獎(jiǎng)勵(lì)計(jì)時(shí),引導(dǎo)視頻完播

點(diǎn)擊率、轉(zhuǎn)化率隨視頻播放時(shí)長(zhǎng)的數(shù)據(jù)變化,發(fā)現(xiàn)呈現(xiàn)正相關(guān)的趨勢(shì),我們希望用戶(hù)能夠選擇看完視頻,核心思路是將用戶(hù)從低變現(xiàn)效率場(chǎng)景,引導(dǎo)至高變現(xiàn)效率的場(chǎng)景,由此我們通過(guò)兩段計(jì)時(shí)獎(jiǎng)勵(lì)的設(shè)計(jì)形式,激勵(lì)用戶(hù)可以拿到更多獎(jiǎng)勵(lì)并將視頻看完,考慮多種不同場(chǎng)景以及理解成本的問(wèn)題,最終選用兩段獎(jiǎng)勵(lì)計(jì)時(shí)組件的方式。

3、彩蛋營(yíng)造驚喜,提升轉(zhuǎn)化

為了更好的匹配各大電商平臺(tái)調(diào)起類(lèi)廣告的預(yù)算,大促期間的突然出現(xiàn)的禮物彩蛋為用戶(hù)營(yíng)造節(jié)日驚喜感,在點(diǎn)擊行為后,紅包元素的彈窗與彩帶動(dòng)畫(huà)形式來(lái)承載金幣獎(jiǎng)勵(lì)與氛圍,獎(jiǎng)勵(lì)感知的觸達(dá)能夠提升用戶(hù)的獲得感,同時(shí)在獎(jiǎng)勵(lì)彈窗上進(jìn)一步承載調(diào)起任務(wù),從而更好的滿(mǎn)足客戶(hù)營(yíng)銷(xiāo)訴求。

4、強(qiáng)化轉(zhuǎn)化組件,增強(qiáng)獎(jiǎng)勵(lì)觸達(dá)

延續(xù)以上驚喜感獎(jiǎng)勵(lì)滿(mǎn)足促轉(zhuǎn)化的思路,針對(duì)下載類(lèi)廣告,我們?cè)谵D(zhuǎn)化組件上進(jìn)行與獎(jiǎng)勵(lì)內(nèi)容的結(jié)合,在任務(wù)計(jì)時(shí)完成但并沒(méi)有形成轉(zhuǎn)化的時(shí)機(jī)下,通過(guò)變色與光效視覺(jué)吸引來(lái)傳遞獎(jiǎng)勵(lì)信息,通過(guò)強(qiáng)化獎(jiǎng)勵(lì)感知和轉(zhuǎn)化組件來(lái)助力轉(zhuǎn)化決策。

寫(xiě)在最后

激勵(lì)視頻廣告至今經(jīng)歷了多個(gè)不同的階段,如何在商業(yè)效果與用戶(hù)感知之間選取一個(gè)平衡點(diǎn),一直都是激勵(lì)視頻廣告的長(zhǎng)久的設(shè)計(jì)課題,目前也只是一個(gè)開(kāi)始,還有很多的設(shè)計(jì)提轉(zhuǎn)機(jī)會(huì)點(diǎn)等待我們?nèi)ド钔?,相信在不久的將?lái)能夠探索更加多元的激勵(lì)玩法,發(fā)現(xiàn)更多契合用戶(hù)訴求的場(chǎng)景,為更好的價(jià)值生產(chǎn)不斷迭代功能與體驗(yàn),我們希望能夠給予用戶(hù)、客戶(hù)、平臺(tái)更多的價(jià)值增益,做用戶(hù)喜歡、客戶(hù)滿(mǎn)意、平臺(tái)有利的商業(yè)設(shè)計(jì)。


作者:百度MEUX
來(lái)源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)m.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司。

日歷

鏈接

個(gè)人資料

存檔

亚洲国产精品成人久久小说| 91麻豆精品激情在线观看国产 | 18禁裸乳无遮挡动漫免费视频| 色视频在线一区二区三区| 老司机在亚洲福利影院| 精品国产一区二区三区四区第35| 成人免费观看视频高清| 精品一区二区三区四区五区乱码| 国产成人av激情在线播放| 九色亚洲精品在线播放| 少妇精品久久久久久久| 啦啦啦 在线观看视频| 最近最新免费中文字幕在线| www.熟女人妻精品国产| 黑人巨大精品欧美一区二区mp4| 丝袜喷水一区| 亚洲精品中文字幕一二三四区 | netflix在线观看网站| 婷婷成人精品国产| 19禁男女啪啪无遮挡网站| 免费人妻精品一区二区三区视频| 各种免费的搞黄视频| 99久久综合免费| 每晚都被弄得嗷嗷叫到高潮| 国产免费av片在线观看野外av| 日本a在线网址| 女人精品久久久久毛片| 国产在视频线精品| 天天躁狠狠躁夜夜躁狠狠躁| 久久国产精品大桥未久av| 亚洲人成电影免费在线| 在线观看舔阴道视频| av线在线观看网站| 免费观看人在逋| 日本vs欧美在线观看视频| 啦啦啦在线免费观看视频4| 国产无遮挡羞羞视频在线观看| 1024香蕉在线观看| 制服诱惑二区| 国产成人精品久久二区二区免费| 久久精品国产a三级三级三级| 黄色视频不卡| 日本wwww免费看| 国产成人av激情在线播放| 久久久精品区二区三区| 在线天堂中文资源库| 日本av免费视频播放| 国产高清国产精品国产三级| 不卡一级毛片| 视频区欧美日本亚洲| 欧美日韩福利视频一区二区| 9191精品国产免费久久| 日韩欧美国产一区二区入口| 欧美日韩亚洲综合一区二区三区_| 国产成人一区二区三区免费视频网站| 国产亚洲精品一区二区www | 嫩草影视91久久| 视频区欧美日本亚洲| 亚洲欧美成人综合另类久久久| 一级毛片精品| 女人高潮潮喷娇喘18禁视频| 满18在线观看网站| av一本久久久久| 亚洲精品一卡2卡三卡4卡5卡 | 十分钟在线观看高清视频www| 99久久99久久久精品蜜桃| 老熟女久久久| 国产免费福利视频在线观看| 欧美另类一区| 一边摸一边做爽爽视频免费| 国产一卡二卡三卡精品| 99精品久久久久人妻精品| 久久青草综合色| 久久久久久久大尺度免费视频| 欧美日本中文国产一区发布| 热99re8久久精品国产| 精品少妇内射三级| 新久久久久国产一级毛片| 一本大道久久a久久精品| 国产精品免费视频内射| www.999成人在线观看| 国产一区二区三区av在线| 久久午夜综合久久蜜桃| 少妇粗大呻吟视频| 女人久久www免费人成看片| 久久久精品国产亚洲av高清涩受| 无限看片的www在线观看| 波多野结衣av一区二区av| 亚洲欧美一区二区三区黑人| 久久ye,这里只有精品| 亚洲熟女毛片儿| 免费在线观看完整版高清| 成年人黄色毛片网站| 人人妻人人添人人爽欧美一区卜| 久久久久久久大尺度免费视频| 亚洲中文av在线| 午夜老司机福利片| 两性午夜刺激爽爽歪歪视频在线观看 | 国产一区二区三区在线臀色熟女 | 国产免费av片在线观看野外av| 这个男人来自地球电影免费观看| av国产精品久久久久影院| 三上悠亚av全集在线观看| 女性生殖器流出的白浆| 欧美日韩亚洲国产一区二区在线观看 | 色精品久久人妻99蜜桃| 男女国产视频网站| 韩国精品一区二区三区| 国产成人精品久久二区二区91| 亚洲欧洲日产国产| 不卡一级毛片| 欧美激情高清一区二区三区| 一级片'在线观看视频| 一边摸一边抽搐一进一出视频| 欧美黑人精品巨大| 国产熟女午夜一区二区三区| 一本大道久久a久久精品| h视频一区二区三区| 色精品久久人妻99蜜桃| 真人做人爱边吃奶动态| 国产xxxxx性猛交| 欧美精品人与动牲交sv欧美| 久久久久久久精品精品| 十八禁高潮呻吟视频| 精品国产乱码久久久久久男人| 亚洲国产欧美在线一区| 欧美日韩黄片免| 国产在线免费精品| 午夜激情久久久久久久| 一区二区三区四区激情视频| 亚洲国产毛片av蜜桃av| 1024视频免费在线观看| 91精品伊人久久大香线蕉| 男女午夜视频在线观看| 嫁个100分男人电影在线观看| 久久午夜综合久久蜜桃| videos熟女内射| 交换朋友夫妻互换小说| 亚洲 欧美一区二区三区| 黑人巨大精品欧美一区二区蜜桃| 久久久久久久久久久久大奶| 热re99久久国产66热| 国产野战对白在线观看| 免费人妻精品一区二区三区视频| 午夜福利视频精品| 久久久国产欧美日韩av| 久久精品成人免费网站| 在线观看免费高清a一片| 一个人免费看片子| 免费人妻精品一区二区三区视频| 丁香六月欧美| 日韩欧美一区视频在线观看| 亚洲五月婷婷丁香| 色视频在线一区二区三区| 亚洲欧美日韩另类电影网站| 精品亚洲乱码少妇综合久久| 女人爽到高潮嗷嗷叫在线视频| 精品国产国语对白av| 亚洲精品中文字幕在线视频| 一区二区日韩欧美中文字幕| 午夜福利在线观看吧| 久久久久久亚洲精品国产蜜桃av| 国产精品亚洲av一区麻豆| 欧美性长视频在线观看| 秋霞在线观看毛片| 无遮挡黄片免费观看| 91麻豆精品激情在线观看国产 | 亚洲九九香蕉| 成年人黄色毛片网站| 日韩大片免费观看网站| 久久热在线av| 久久久久网色| 少妇粗大呻吟视频| 久久中文字幕一级| 国产精品秋霞免费鲁丝片| 成年女人毛片免费观看观看9 | 中文字幕色久视频| 日日夜夜操网爽| 日韩制服丝袜自拍偷拍| 一二三四社区在线视频社区8| 国产欧美日韩一区二区精品| 男人爽女人下面视频在线观看| 亚洲男人天堂网一区| 国产精品秋霞免费鲁丝片| 国产成人免费观看mmmm| 777久久人妻少妇嫩草av网站| 91精品三级在线观看| e午夜精品久久久久久久| 黄色视频在线播放观看不卡| 宅男免费午夜| 日韩大片免费观看网站| 国产欧美日韩一区二区三区在线| a级毛片在线看网站| 啦啦啦在线免费观看视频4| 久久国产精品男人的天堂亚洲| 嫁个100分男人电影在线观看| 亚洲av片天天在线观看| 一区二区日韩欧美中文字幕| 亚洲伊人久久精品综合| 婷婷色av中文字幕| 母亲3免费完整高清在线观看| 精品国产乱子伦一区二区三区 | 精品一区在线观看国产| 精品亚洲成国产av| 欧美人与性动交α欧美精品济南到| 高清欧美精品videossex| 亚洲成人国产一区在线观看| 夜夜夜夜夜久久久久| 久久国产精品影院| 亚洲七黄色美女视频| 淫妇啪啪啪对白视频 | 欧美日韩一级在线毛片| 女性被躁到高潮视频| 国产精品二区激情视频| 亚洲国产欧美在线一区| 成人国产一区最新在线观看| 亚洲黑人精品在线| 亚洲专区字幕在线| 久久久久精品人妻al黑| 国产高清国产精品国产三级| 欧美97在线视频| 久9热在线精品视频| 在线十欧美十亚洲十日本专区| 久久av网站| 18禁裸乳无遮挡动漫免费视频| 韩国高清视频一区二区三区| 国产精品 国内视频| 亚洲 欧美一区二区三区| 国产淫语在线视频| 操出白浆在线播放| 欧美精品亚洲一区二区| 日韩熟女老妇一区二区性免费视频| www.精华液| 好男人电影高清在线观看| 最近最新免费中文字幕在线| 99国产精品一区二区三区| 十八禁网站免费在线| 久久久久国产一级毛片高清牌| 婷婷成人精品国产| 日韩大码丰满熟妇| 亚洲国产精品成人久久小说| 中文字幕人妻丝袜制服| 99久久综合免费| 亚洲第一青青草原| 多毛熟女@视频| 乱人伦中国视频| 久久免费观看电影| 人妻人人澡人人爽人人| 成人免费观看视频高清| 看免费av毛片| 亚洲国产精品999| 精品一区二区三区四区五区乱码| 亚洲va日本ⅴa欧美va伊人久久 | 一级,二级,三级黄色视频| 久久久久久久精品精品| 精品亚洲成a人片在线观看| 亚洲一码二码三码区别大吗| 91老司机精品| 午夜免费成人在线视频| 俄罗斯特黄特色一大片| 一本色道久久久久久精品综合| 久久 成人 亚洲| 国产精品免费视频内射| 欧美变态另类bdsm刘玥| 汤姆久久久久久久影院中文字幕| 丰满迷人的少妇在线观看| 一级a爱视频在线免费观看| 日韩视频在线欧美| 一级片免费观看大全| 最新在线观看一区二区三区| 不卡av一区二区三区| 日本91视频免费播放| 亚洲精品中文字幕一二三四区 | 9色porny在线观看| 国产亚洲av高清不卡| a级片在线免费高清观看视频| 欧美成狂野欧美在线观看| 老司机深夜福利视频在线观看 | 两性午夜刺激爽爽歪歪视频在线观看 | av又黄又爽大尺度在线免费看| 999精品在线视频| 啪啪无遮挡十八禁网站| 欧美性长视频在线观看| 免费观看av网站的网址| 人妻人人澡人人爽人人| 国产精品九九99| 国产高清国产精品国产三级| 少妇被粗大的猛进出69影院| 久久久国产一区二区| 伊人久久大香线蕉亚洲五| 国产精品偷伦视频观看了| 色老头精品视频在线观看| 成在线人永久免费视频| 精品高清国产在线一区| 日韩熟女老妇一区二区性免费视频| 9色porny在线观看| 免费在线观看完整版高清| 国产男女内射视频| 国产淫语在线视频| 亚洲avbb在线观看| 国产成人系列免费观看| 最新在线观看一区二区三区| 国产亚洲精品第一综合不卡| 性少妇av在线| 女人高潮潮喷娇喘18禁视频| 色婷婷av一区二区三区视频| 三上悠亚av全集在线观看| 在线观看免费日韩欧美大片| 国产视频一区二区在线看| 亚洲精品中文字幕一二三四区 | 午夜福利视频在线观看免费| bbb黄色大片| 999久久久精品免费观看国产| 色精品久久人妻99蜜桃| 亚洲欧美精品综合一区二区三区| 伊人亚洲综合成人网| 99国产精品一区二区三区| 日韩视频一区二区在线观看| 99九九在线精品视频| av有码第一页| 中文字幕高清在线视频| 人人妻人人澡人人爽人人夜夜| 国产日韩一区二区三区精品不卡| 亚洲视频免费观看视频| 久久ye,这里只有精品| 欧美黑人精品巨大| 黑人猛操日本美女一级片| 国产又爽黄色视频| 国产亚洲欧美精品永久| 精品视频人人做人人爽| √禁漫天堂资源中文www| 97在线人人人人妻| 日本撒尿小便嘘嘘汇集6| 国产欧美日韩一区二区三区在线| 18禁黄网站禁片午夜丰满| 999精品在线视频| 黄片大片在线免费观看| 少妇 在线观看| 一级片免费观看大全| 手机成人av网站| 中文字幕人妻丝袜制服| 咕卡用的链子| 老司机影院毛片| 丁香六月欧美| 久久精品人人爽人人爽视色| 大片免费播放器 马上看| 性高湖久久久久久久久免费观看| 国产精品一区二区在线不卡| a级片在线免费高清观看视频| 男女国产视频网站| 精品乱码久久久久久99久播| 久久综合国产亚洲精品| 男女床上黄色一级片免费看| av在线播放精品| 99re6热这里在线精品视频| 亚洲国产精品一区三区| 国产精品国产av在线观看| 美女扒开内裤让男人捅视频| 一个人免费看片子| 亚洲综合色网址| 国产成人系列免费观看| 亚洲avbb在线观看| 久久久欧美国产精品| 欧美中文综合在线视频| 国产精品久久久人人做人人爽| 高清av免费在线| 国产淫语在线视频| 伦理电影免费视频| 深夜精品福利| 国产av国产精品国产| 成年人免费黄色播放视频| 啦啦啦中文免费视频观看日本| 亚洲精品美女久久av网站| 久久99热这里只频精品6学生| 精品人妻熟女毛片av久久网站| 9色porny在线观看| 久久久水蜜桃国产精品网| 我的亚洲天堂| 国产一区二区激情短视频 | 精品免费久久久久久久清纯 | 99久久99久久久精品蜜桃| 久久女婷五月综合色啪小说| 人妻人人澡人人爽人人| 久久99一区二区三区| 一边摸一边抽搐一进一出视频| 99国产精品一区二区蜜桃av | 一本综合久久免费| 精品免费久久久久久久清纯 | 欧美乱码精品一区二区三区| 黄频高清免费视频| 水蜜桃什么品种好| 丝袜人妻中文字幕| 亚洲精品国产区一区二| 日韩有码中文字幕| 亚洲少妇的诱惑av| 777米奇影视久久| 日韩视频在线欧美| 亚洲精品国产色婷婷电影| 久久中文看片网| 青青草视频在线视频观看| 国产精品二区激情视频| 99国产精品99久久久久| 中文字幕另类日韩欧美亚洲嫩草| 久久久久网色| 汤姆久久久久久久影院中文字幕| 黄色 视频免费看| 中文字幕人妻熟女乱码| 精品亚洲乱码少妇综合久久| 777米奇影视久久| 欧美黑人精品巨大| 人人澡人人妻人| www.999成人在线观看| 亚洲精品av麻豆狂野| 久久女婷五月综合色啪小说| 久久精品亚洲熟妇少妇任你| 午夜福利在线观看吧| 韩国高清视频一区二区三区| 99热国产这里只有精品6| 国产精品影院久久| 自拍欧美九色日韩亚洲蝌蚪91| 精品一区二区三卡| 久久午夜综合久久蜜桃| 女人爽到高潮嗷嗷叫在线视频| 亚洲九九香蕉| 欧美日韩精品网址| 国产色视频综合| 国产成人欧美| 日本vs欧美在线观看视频| 欧美精品高潮呻吟av久久| 色综合欧美亚洲国产小说| 考比视频在线观看| 脱女人内裤的视频| 丝袜美腿诱惑在线| 亚洲va日本ⅴa欧美va伊人久久 | 老司机影院成人| av网站免费在线观看视频| 久久国产精品影院| 最黄视频免费看| 99久久人妻综合| 可以免费在线观看a视频的电影网站| 国产xxxxx性猛交| 国产高清videossex| 亚洲av美国av| 男男h啪啪无遮挡| 肉色欧美久久久久久久蜜桃| 侵犯人妻中文字幕一二三四区| 在线观看免费日韩欧美大片| 欧美+亚洲+日韩+国产| 一本—道久久a久久精品蜜桃钙片| 日韩 欧美 亚洲 中文字幕| av一本久久久久| 国产欧美日韩精品亚洲av| 男男h啪啪无遮挡| 天堂中文最新版在线下载| 一级a爱视频在线免费观看| 制服诱惑二区| 91成人精品电影| 午夜成年电影在线免费观看| 一二三四社区在线视频社区8| 丝袜美足系列| 亚洲av欧美aⅴ国产| 亚洲成人免费电影在线观看| 操出白浆在线播放| 国产日韩欧美在线精品| 搡老乐熟女国产| 成年人免费黄色播放视频| 精品久久久精品久久久| 亚洲精品自拍成人| 999久久久国产精品视频| 女人精品久久久久毛片| 另类亚洲欧美激情| 日日夜夜操网爽| 免费观看人在逋| 一级黄色大片毛片| 人人妻人人澡人人看| 在线观看一区二区三区激情| 国产高清国产精品国产三级| videosex国产| a级毛片黄视频| 国产色视频综合| 亚洲精品一区蜜桃| svipshipincom国产片| 国产欧美日韩精品亚洲av| 一区二区三区乱码不卡18| 伊人亚洲综合成人网| 老汉色∧v一级毛片| 女人精品久久久久毛片| 蜜桃在线观看..| 男男h啪啪无遮挡| 国产成人精品无人区| 精品国产超薄肉色丝袜足j| 国产成人av教育| 日本欧美视频一区| 久久综合国产亚洲精品| 久久中文字幕一级| 欧美成人午夜精品| 三级毛片av免费| 国产精品香港三级国产av潘金莲| 人人澡人人妻人| 国产精品av久久久久免费| 老司机在亚洲福利影院| 在线观看免费午夜福利视频| 亚洲国产看品久久| av国产精品久久久久影院| 性色av乱码一区二区三区2| 亚洲成人免费电影在线观看| 99热网站在线观看| 日韩欧美一区二区三区在线观看 | 三级毛片av免费| 精品视频人人做人人爽| 国产av国产精品国产| 亚洲av日韩在线播放| 欧美日韩黄片免| 一本—道久久a久久精品蜜桃钙片| kizo精华| 黑人操中国人逼视频| 亚洲av欧美aⅴ国产| 久久久久久久大尺度免费视频| av又黄又爽大尺度在线免费看| 人妻一区二区av| 久久国产亚洲av麻豆专区| 男女下面插进去视频免费观看| 欧美亚洲日本最大视频资源| 大码成人一级视频| 久久久久精品人妻al黑| 在线 av 中文字幕| 成人黄色视频免费在线看| 亚洲成人免费av在线播放| 丰满迷人的少妇在线观看| 国产精品av久久久久免费| 日韩一区二区三区影片| 老司机午夜十八禁免费视频| 91麻豆精品激情在线观看国产 | 久久久久国内视频| 99国产极品粉嫩在线观看| av一本久久久久| 精品久久久久久久毛片微露脸 | 亚洲国产精品一区二区三区在线| 丝袜在线中文字幕| 熟女少妇亚洲综合色aaa.| 最新在线观看一区二区三区| 欧美黄色片欧美黄色片| 亚洲专区字幕在线| 如日韩欧美国产精品一区二区三区| av在线app专区| 欧美大码av| 女人久久www免费人成看片| 黄色视频在线播放观看不卡| 人人妻人人澡人人看| av视频免费观看在线观看| 美女福利国产在线| 久久久久国内视频| 精品亚洲成国产av| 高潮久久久久久久久久久不卡| 亚洲精品中文字幕一二三四区 | av有码第一页| 国产精品1区2区在线观看. | 日韩欧美免费精品| 黑人巨大精品欧美一区二区mp4| 性少妇av在线| 人人妻人人爽人人添夜夜欢视频| 不卡av一区二区三区| 美女主播在线视频| 两个人免费观看高清视频| 男男h啪啪无遮挡| 国产黄色免费在线视频| 亚洲成人免费av在线播放| 我的亚洲天堂| 天天操日日干夜夜撸| 狠狠精品人妻久久久久久综合| 欧美少妇被猛烈插入视频| 黄色视频,在线免费观看| 日韩一区二区三区影片| 久久久久视频综合| 啦啦啦 在线观看视频| 国产精品一区二区精品视频观看| 国产欧美日韩一区二区精品| 亚洲精品久久成人aⅴ小说| 精品卡一卡二卡四卡免费| 一区二区三区精品91| 国产日韩欧美在线精品| 国产成人免费无遮挡视频| 中亚洲国语对白在线视频| 新久久久久国产一级毛片| 亚洲欧美日韩高清在线视频 | www.熟女人妻精品国产| 香蕉丝袜av| 婷婷成人精品国产| √禁漫天堂资源中文www| 精品国产一区二区三区久久久樱花| 999久久久精品免费观看国产| 欧美日韩亚洲国产一区二区在线观看 | 午夜福利影视在线免费观看| 国产欧美日韩一区二区精品| 一区二区日韩欧美中文字幕| 欧美乱码精品一区二区三区| 国产欧美日韩一区二区精品| 久久久精品免费免费高清| av电影中文网址| 99香蕉大伊视频| 久久天堂一区二区三区四区| 两性午夜刺激爽爽歪歪视频在线观看 | 亚洲欧美精品综合一区二区三区| 99热网站在线观看| 日本黄色日本黄色录像| 久热爱精品视频在线9| 国产成人欧美在线观看 | 久久av网站| 亚洲午夜精品一区,二区,三区| 亚洲伊人久久精品综合| 精品少妇黑人巨大在线播放| 国产精品99久久99久久久不卡| 老司机午夜十八禁免费视频| 十八禁网站网址无遮挡| 久久国产精品影院|