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

首頁

如何把控設(shè)計的畫面整體?這個六個視覺語言一定要了解

杰睿

不管是一部電影,還是一張視覺創(chuàng)意,想要消費者或者老板買單,從形、意、色、字、構(gòu)、質(zhì)等一系列視覺語言,都需要很好的掌握。

 

 

 

 



作者:Peng蓬的芝士追光
鏈接:https://www.zcool.com.cn/article/ZMTQ4ODYwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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

學(xué)會版式的N個Tips| 這些排版細節(jié),精致顯高級

藍藍設(shè)計的小編

這期內(nèi)容依然是關(guān)于設(shè)計中的細節(jié)處理。基于我平時的工作經(jīng)驗,下面給大家整理了10個排版小貼士,希望能為你帶來幫助。

 

 

 

 

 

 

 



作者:周妙妍
鏈接:https://www.zcool.com.cn/article/ZMTU0MzkwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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

如何提升排版設(shè)計感?你需要知道的文字編排技巧

杰睿

關(guān)于文字編排的幾條小建議。

排版,或者說對文字的編排,不應(yīng)該只是平面設(shè)計師才需要具備的設(shè)計能力。在互聯(lián)網(wǎng)設(shè)計大行其道的背景下,我認為不同方向的設(shè)計師都應(yīng)該或多或少的具備一定水平的排版功底。能把排版做好,除了有助提升綜合設(shè)計能力之外,對自己作品的展示,也能夠起到錦上添花的作用。以下介紹幾個文字編排的小技巧,有助快速提升版式設(shè)計感。

 

一、重復(fù)

重復(fù)在版式設(shè)計中是指統(tǒng)一與增強,即重復(fù)使用顏色、字體、圖形等講究條理性與統(tǒng)一性;重復(fù)出現(xiàn)的顏色、字體與圖形能夠有突出與強調(diào)的作用。

在這里我們只針對在文字編排中,如何使用重復(fù)來編排文字,從而提升版式的設(shè)計感。

通過上圖的案例,我們將文字進行重復(fù)的編排之后,除了讓畫面更加飽滿規(guī)整之外,既能展示完整的星球圖案,文案也一定程度得到了加強,也使得主題更加明確,氛圍感更強。

 

 

二、描邊

在文字的編排中,描邊的使用,多用在背景點綴與副標題上。在上文對文字重復(fù)的編排中,也使用了文字描邊的處理,這也說明了設(shè)計師在設(shè)計的過程中需要根據(jù)具體情況,找到適宜需求的設(shè)計方式。

 

用描邊處理對文字進行編排,我們可以看到,描邊大多用在了輔助文字上,且被用來充當(dāng)畫面點綴物。原因在于文字失去填充之后,可讀性會大幅度降低,就會失去文字用于承載信息的作用,所以我們在用描邊對文字進行編排的時候,要盡量避免將其用在主標題或者重要的文字信息上。

使用文字描邊去編排的好處是,當(dāng)我們在設(shè)計的時候發(fā)現(xiàn)畫面太空曠,且沒有其他元素可以編排時,用這個方式豐富畫面,除了提升設(shè)計形式感之外,也可以讓我們一切的設(shè)計元素都有合理的來源,而不是隨機的添加突兀元素。

 

 

三、字距

字距,即文本中兩個字之間的距離。在長文本的文字排版時,我們很少會主動去控制文字間距。因為在一款字體被設(shè)計出來時,它的默認字距是經(jīng)過設(shè)計與驗證過的,是最適合閱讀的字距。

但我們在版式設(shè)計中,為追求設(shè)計形式感,在文案較少的情況下,會對短文本或單一大標題的字距進行調(diào)整。原因在于短文本或大標題一般字數(shù)較少,閱讀負擔(dān)也相對較輕,所以可以接受對其字距進行適當(dāng)?shù)娜藶榭刂啤?/p>

通過以上兩個字距編排案例的對比,可以發(fā)現(xiàn)錯誤編排忽略了文字閱讀性,在控制字間距的時候需要在形式感與實用性進行平衡。

 

 

四、繁體

中文繁體,從字型上相較簡體而言,筆劃會相對飽滿與均衡,文字排版使用上也會使版面更加規(guī)整。但從使用習(xí)慣來說,在做面向內(nèi)地市場的設(shè)計時,繁體的使用需要反復(fù)斟酌,避免使用過于生僻的繁體,且盡量多用在短文本或標題。

從上圖案例可以看出,簡體中文的“二零·二一”雖然在閱讀習(xí)慣上會相對順暢,但單從文字編排來說,筆劃相差巨大,會造成視覺傾斜,看起來有些失衡。改成繁體中文“貳零·貳壹”,字型筆劃更加均衡飽滿,且文字也沒那么生僻,可閱讀性依然可以得到滿足。

 

 

五、斷句

對文案進行斷句,在重點部位進行定位打斷,然后在文字編排時體現(xiàn)出來。以此來制造視覺停留,故意發(fā)生不連續(xù)性的閱讀,讓閱讀落在重點部分。

斷句編排,可以看得出在版面受限制的情況下,是一個非常好用的編排方式,可以將主標題與副標題拉開差距,而且還能制造視覺重點。

 

 

六、填充

將適合主題的圖案(圖片)填充進文字,在設(shè)計風(fēng)格與調(diào)性適合的條件下,盡可能選擇稍粗字體,以便展示圖案全貌,如果能看清圖案全貌的話,也能起到強化設(shè)計風(fēng)格的效果。

找一張精致且符合設(shè)計調(diào)性的圖片,將它填充進文字,就能起到上面案例的效果。突出了標題,即不影響閱讀性,也強化了畫面整體效果。

 

 

七、裁剪

對字體進行裁剪和切割,是編排文字的常用手法,讓字體形成缺口或錯位,以此來創(chuàng)造形式感。但在裁切之后,缺失的筆畫會一定程度影響文字的閱讀性。所以在裁切時要注意保留文字的筆畫特征,盡可能的降低裁剪對文字可讀性的影響。

字體裁剪和切割的編排方式,大多用在相對比較大的字號上,原因在于字型被改變之后可讀性會減低,而相對較大的字號,可以彌補字型筆劃缺失帶來的可讀性降低。

 

 

八、空間

在平面的文字編排中,制造空間感的方式,主要依靠層級的疊加。營造出前后錯落的視覺感受,以此來突出我們要傳達的主體信息。

層次的區(qū)分,除了前后關(guān)系之外,還要對大小與顏色進行區(qū)分。盡量明顯的對比,以便拉開文字之間的層級關(guān)系。

 

 

九、實踐應(yīng)用

接下來,可以試著運用上面的編排方式,來做一張最近很流行的酸性設(shè)計風(fēng)格的海報。具體如何編排文字,當(dāng)然是先把文字隨便排進版式中,然后再對版式的文字進行編排。

下圖是作者按照上面文字編排技巧,花了十幾分鐘做出來的海報,你也可以動手試試~

文字編排也是一門創(chuàng)作藝術(shù),遠不止上文所提到的這幾種方式。本文只是列舉了幾種常用的方法,希望能對大家有所幫助



作者:zzyung
鏈接:https://www.zcool.com.cn/article/ZMTIzNjUwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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

做設(shè)計這么久,還是這個技巧實用

杰睿

重復(fù)原則是經(jīng)常提到的一個概念,在設(shè)計中用到的也是非常廣泛

設(shè)計中無論是版式還是字體等設(shè)計中,重復(fù)原則基本上用到的是最多的,這得益于重復(fù)本身的屬性,會使元素具備統(tǒng)一性,這樣視覺會更有節(jié)奏感,不至于整個畫面不融合,其中利用圓方三角或圖形做設(shè)計實最普遍的,相信大家都見過。

 

開篇前言

希望大家在牛年里都能實現(xiàn)自己的小目標

取得想要的成績,牛氣沖天

 

先簡單看看重復(fù)圖形在海報中的應(yīng)用

這幅Nike的海報是將文字作為圖形進行設(shè)計

置入到幾何形中,形成統(tǒng)一,細節(jié)上進行特異性來表現(xiàn)

 

這幅海報更多的是不規(guī)則的幾何形進行組合,主要信息用白色矩形承載

形成特異性,能明確表達傳達的信息

 

這里則是用簡單的橫線重復(fù)形成圖形作為主視覺

還有很多主視覺都是用單元形拼湊成的,多學(xué)學(xué)Ai技巧用到設(shè)計中很重要

 

而字體設(shè)計中我們是不是見過這種

用幾何形來進行設(shè)計

這些都是重復(fù)圖形在設(shè)計中的應(yīng)用

這種方法能夠幫我們發(fā)散思維

更好的掌握構(gòu)成知識

 

Round 1

↓↓↓

 

下面我們用幾何形設(shè)計一幅海報

主題為重陽節(jié)

字體先用三角形和矩形進行設(shè)計

 

首先將筆畫用圖形代替

接下來填充漸變色,使文字更有層次感

 

確定好主視覺位置,對畫面進行空間劃分

這些空間用什么填充呢,是不是就可以繼續(xù)考慮用幾何形

那么接著用幾何圖形將空間填補

這里只是一種組合方式,別的方式期待大家解鎖

要注意元素之間的節(jié)奏性

接著我們對信息進行處理,做好信息之間的對比

 

然后將一部分幾何形去除

把我們需要的信息放到相應(yīng)的位置即可

加上噪點效果增加質(zhì)感

 

最后我們加一個帶場景的樣機效果 

 

Round 2

↓↓↓

 

如果用到商業(yè)海報中能不能用這個思路呢

我們一起來看看

嚯哈~

 

我們先看看文案信息,簡單將文字劃個層級

 

 

顯然是個家裝的海報,全屋定制

盡量要高級一點

 

再來看看客戶提供的圖片

 

 

 

三張圖片,說多不多,說少不少

我們就分成多個矩形塊來嵌入圖片

 

上面主要是圖片,下面是信息

 

 

接著我們對信息進行處理

文字選用宋體,凸顯品質(zhì)感

 

信息之間都做個小對比

 

 

中文配英文,標題配符號,這個是要點,記住了啊

 

 

接著我們將主標題和主圖放到相應(yīng)的位置

接著將剩余信息放進相應(yīng)的空間

由于整體色調(diào)偏低飽和度,這里背景我們選用藍灰色

 

 

最后看這個畫面,是不是左下角還有點空

而且氛圍感不夠

這時候我們加上一些裝飾

再安排一個小沙發(fā),畫面就完成了

 

 

 

今天的分享就到這里了,希望對小伙伴有一點點幫助

新的一年,立個小目標

爭取把學(xué)到的東西轉(zhuǎn)化成自己的,才是真正的進步



作者:趣設(shè)記
鏈接:https://www.zcool.com.cn/article/ZMTIyNDMwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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

平面設(shè)計:創(chuàng)意與視覺的交響

藍藍設(shè)計的小編

一、平面設(shè)計的定義與意義 平面設(shè)計,簡而言之,是通過文字、圖形、色彩等視覺元素,在二維空間內(nèi)進行創(chuàng)意性的組合與排列,旨在達到特定的信息傳遞和審美目的。它超越了簡單的排版和美化,是一種藝術(shù)創(chuàng)造,體現(xiàn)了設(shè)計師對世界的獨特理解和表達。 二、創(chuàng)意:平面設(shè)計的靈魂 在平面設(shè)計中,創(chuàng)意是不可或缺的靈魂。一個好的設(shè)計作品往往憑借其獨特的創(chuàng)意,讓人眼前一亮,留下深刻印象。設(shè)...

設(shè)計優(yōu)化實例:如何讓畫面飽滿?

濤濤

大家有沒有在排版的時候,明明畫面排的很滿,可是看起來畫面還是不夠飽滿。

奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?

鶴鶴

導(dǎo)讀
: 歐洲杯余溫尚在,巴黎奧運會開幕在即,體育賽事總是跨越著時間與地域,將觀眾們的情緒緊緊相連。
除了精彩紛呈的競賽本身,各大體育賽事的視覺表達也總能引起熱議。徽標設(shè)計、賽場新貌、信息文字……它們不僅沉淀著歷史基因,還傳達著關(guān)乎當(dāng)下的特色表達,而其中字體的選擇也是關(guān)鍵要素。
本文聚焦 8 項全球頂尖體育賽事的徽標及官網(wǎng)設(shè)計,感受字體如何在其中構(gòu)建起富有表現(xiàn)力的場域。
 
1|奧林匹克運動會
奧運會的徽標設(shè)計總是引人注目,往往融合了前瞻的設(shè)計理念及豐富的地域特色,其中圖形設(shè)計與文字信息的和諧搭配亦至關(guān)重要。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
即將到來的 2024 巴黎奧運會會徽融合了金牌、奧運圣火與象征國家的瑪麗安娜元素,以此致敬女性運動員。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
而下方文字則是設(shè)計團隊特別定制的 Paris2024 Font 可變字體,風(fēng)格簡約,線條動感,蘊含裝飾藝術(shù)風(fēng)格。這款字體不僅運用到了印刷物料中,也在巴黎奧運會官網(wǎng)中用以呈現(xiàn)信息。
歷屆奧運會徽標設(shè)計常常采用手寫字體或是定制字體以更好地匹配概念核心,但也有不少徽標采用了現(xiàn)成的字庫字體。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
 
例如 2004 雅典奧運會徽標采用了 Gill Sans,組委會表示這款字體的字母形狀與大量的希臘古代石刻銘文有異曲同工之妙。2020 東京奧運會使用了 DIN,其嚴謹細致的字體基因與祖市松紋圖案搭配和諧。
 
2|澳大利亞網(wǎng)球公開賽
Font:Sharp Sans
網(wǎng)球四大滿貫賽事之一的澳大利亞網(wǎng)球公開賽(簡稱澳網(wǎng)),創(chuàng)辦至今已有 100 多年的歷史,是每年四大滿貫中最先舉行的一個賽事,亦是最年輕的大滿貫。
左:舊徽標         右:新徽標
左:舊徽標 右:新徽標
 
澳網(wǎng)于 2016 年推出了新徽標,使用了 Sharp Type 字體公司旗下的 Sharp Sans(現(xiàn)已加入蒙納家族)。相比于舊徽標,這款幾何風(fēng)格無襯線體為徽標增添了更多時尚簡約的現(xiàn)代氣息。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
澳網(wǎng)官網(wǎng)也使用了 Sharp Sans,既保證了視覺風(fēng)格的統(tǒng)一,也通過這款適應(yīng)度極高的字體實現(xiàn)了良好的信息傳達。
 
3|溫布爾登網(wǎng)球錦標賽
Font:Gotham
同為網(wǎng)球四大滿貫賽事之一的溫布爾登網(wǎng)球錦標賽(簡稱溫網(wǎng)),創(chuàng)辦于 1877 年,歷史悠久、聲望豐厚。獨特的草地場地也是溫網(wǎng)的特色之一,為比賽增添了獨特的觀賞性和挑戰(zhàn)性。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
目前的溫網(wǎng)徽標自 2011 年起啟用,代表草地顏色的綠色部分有兩個交叉的球拍和一個網(wǎng)球,外側(cè)紫色環(huán)形部分則用 Gotham 字體標注了溫網(wǎng)名稱。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
這款經(jīng)典的美系無襯線體也應(yīng)用到了溫網(wǎng)的數(shù)字呈現(xiàn)中,既權(quán)威直率,又蘊含輕盈優(yōu)雅。
 
4|NBA 美國職業(yè)籃球聯(lián)賽
Font:Knockout
左:舊徽標         右:新徽標
左:舊徽標 右:新徽標
 
NBA 的徽標也經(jīng)歷了多重的煥新,2017 年,維持了長達 48 年的徽標有了小幅度更新,核心部分維持不變,色彩略微調(diào)深,字母變得更窄,強化徽標在品牌數(shù)字資產(chǎn)中的醒目度。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
NBA 官網(wǎng)則是選擇了 Hoefler & Co. 旗下的 Knockout 字體。這款字體是對與 19 世紀末美國活版印刷商各種無襯線字體的一種總結(jié)詮釋,打破了現(xiàn)代主義的傳統(tǒng),傳遞出更為經(jīng)典的美式風(fēng)格基因,與網(wǎng)站整體視覺風(fēng)格相得益彰。
 
5|英格蘭足球超級聯(lián)賽
Font:蒙納定制字體 Premier Sans
作為歐洲足球五大聯(lián)賽之一,也因節(jié)奏快、競爭激烈、強隊眾多而商業(yè)表現(xiàn)極為突出的足球聯(lián)賽,英超聯(lián)賽在 2016 年啟動了品牌升級,適配更多元化的媒介。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
 
左:舊徽標         右:新徽標
左:舊徽標 右:新徽標
 
 
蒙納應(yīng) DesignStudio 委托,為英超聯(lián)賽定制了品牌字體 Premier Sans。品牌升級前,英超聯(lián)賽一直使用一款全大寫的字體;時過境遷,英超需要一款更清新、親切的字體,適配各種媒介。此外,歐洲職業(yè)足球聯(lián)賽的品牌營銷競爭激烈,字體也需要在營銷上發(fā)揮作用。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
最終,Premier Sans 這款字體不僅在大字號下確保了良好的展示,還適應(yīng)表格這樣布局密集的版面,并配備了窄體來顯示較長的球員名字,從而適用于多種媒介,從屏幕、球衣號碼、再到電視節(jié)目、排名表等等。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
6|世界摩托車大獎賽
Font:蒙納定制字體 MotoGP Font
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
國際摩聯(lián)(FIM)公路賽車的各項賽事中,世界摩托車大獎賽(MotoGP)最受關(guān)注。MotoGP 始創(chuàng)于 1949 年,是歷史最久的摩托車大獎賽,每個賽季覆蓋四大洲的 16 個國家。
作為頂級的摩托車賽事,MotoGP 集結(jié)了全世界最優(yōu)秀的車手與最先進的摩托車型。2020 年,MotoGP 商業(yè)權(quán)利持有方 Dorna Sports 決定與 Fontsmith(現(xiàn)已歸入蒙納)合作,設(shè)計一款活力、高端、迷人的品牌字體。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
該款字體不僅框架清晰,并且融入了賽事元素,如開放的車道形狀,因而兼?zhèn)淠ν熊嚬I(yè)感的曲線和優(yōu)美的視覺意味,個性鮮明且富有動感,從而使 MotoGP 的品牌形象和力度都得到提升。
 
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
目前,這款字體不僅應(yīng)用于 MotoGP 的各類實體物料,也呈現(xiàn)在各類數(shù)字媒介和轉(zhuǎn)播畫面中,鮮明一致地傳達出賽事風(fēng)格。
 
7|倫敦馬拉松
Font:ITC Avant Garde Gothic + Proxima Nova
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
倫敦馬拉松誕生于 1981 年,于每年 4 月下旬舉辦。倫馬也是世界六大馬拉松賽事之一,但不同于其他賽事,倫敦馬拉松是一個慈善馬拉松,大約三分之二的跑者都是通過慈善捐款的方式獲得參賽資格。
倫馬的徽標左側(cè)字體頗具優(yōu)雅的曲線感,而右側(cè)則使用了一款現(xiàn)成的字體:ITC Avant Garde Gothic。
這款字體以 Avant Garde 雜志的 logo 字體為基礎(chǔ)而設(shè)計,并逐漸由設(shè)計師團隊經(jīng)手優(yōu)化為完整的字體家族;具有強大而現(xiàn)代的外觀,是平面設(shè)計師用于標題及短文本的理想選擇。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
倫馬的官網(wǎng)標題字體也沿用了 ITC Avant Garde Gothic,正文則選擇了易讀性更強的的 Proxima Nova,兼具力量感與現(xiàn)代性。
 
8|全英羽毛球公開賽
Font:Neue Haas Grotesk Display + DIN
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
全英羽毛球公開錦標賽是世界上歷史最悠久、最負盛名的羽毛球錦標賽,由 1898 年在英國吉爾福德成功舉辦的世界上第一場羽毛球公開比賽發(fā)展而來。
倫敦創(chuàng)意機構(gòu) Monopo London 于 2023 年為全英賽打造了忠于基因卻也更為活力的視覺升級。更為平面的圖案設(shè)計、全新的配色方案等都帶來了更溫暖、舒適、愉悅的感官體驗。
奧運會、溫網(wǎng)、NBA……頂尖賽事的字體選擇,如何帶來驚艷視覺?
 
 
 
在字體應(yīng)用方面,此次視覺升級也頗有考量。
官網(wǎng)標題字體選用了 Neue Haas Grotesk Display(這款字體正是 Helvetica 的前身),正文字體則是蘊含著德系干凈嚴謹基因的 DIN。兩款字體相輔相成,既展現(xiàn)年輕、現(xiàn)代的外觀,又清晰鮮明地呈現(xiàn)大篇幅文字信息。
結(jié)語
體育賽事往往歷史悠久,蘊含著深厚的品牌基因,也隨著時代的發(fā)展進行視覺升級。字體在其中亦占據(jù)重要的視覺核心,不僅奠定了表達基礎(chǔ),也在賽場、網(wǎng)頁、宣傳廣告等多種媒介上完善信息的呈現(xiàn)。
活力、堅韌、愉悅、希望……無論是使用字庫字體抑或定制字體,更靈活、更大膽的字體策略,能將品牌聲音傳達更遠,觸達更多,設(shè)計表達與創(chuàng)意的可能性也正在于此。
 


作者:Monotype蒙納
鏈接:https://www.zcool.com.cn/article/ZMTYyODM4NA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
 

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

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司用戶體驗公司高端網(wǎng)站設(shè)計公司銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

 

潮流風(fēng)格平面設(shè)計案例

前端達人

今天給大家分享一張潮流風(fēng)格平面設(shè)計案列的,我們先來看下效果:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
潮流風(fēng)格的定義,一個是顏色用黑色綠綠兩種顏色形成強烈的單色對比形成潮流感。
 
另一個就是潮流圖形的使用比如:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
接下來我們就分享一下步驟,看看一步一步是怎么做出來的。
 
 
1.制作背景?先填充一個綠色,然后加入一個紙張紋理:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
得到以下的效果:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
繪制紋理,用一個圖形圈定選區(qū),然后用波點筆刷刷出紋理:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
得到以下效果:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
我們的背景就制作好勒。
 
 
 
2.中間層制作
用矩形工具繪制一個矩形在畫面中心,四周留出一圈間距:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
使用一張素材圖疊加到矩形區(qū)域,使用正片疊底模式加去色使其變成背白:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
給黑色的矩形區(qū)域整體加上一層波點紋理,讓其更富有質(zhì)感:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
 
 
 
 
3.增加圖形和信息
使用好看的英文排版在左邊空白區(qū)域,兩個相同的英文一個是實心的白色,另一個采用描邊的樣式,這樣可以看起來更有變化:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
在英文字體之間用一個線條穿插起來:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
在右邊的人物疊圖之前用矩形工具畫一些線框:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
 
 
 
 
 
4.豐富排版
在畫面四周空白的區(qū)域增加一些細節(jié)排版,把畫面鋪滿:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
 
 
 
 
5.制作點綴物
標簽:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
紙質(zhì)卡片:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
星星圖形制作:
 
直接使用多邊形工具,參數(shù)如下:
 
邊數(shù):4,圓角半徑:0,星形比列:1%,勾選平滑星形縮進:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
然后把我們做好的幾個圖形排列到畫面當(dāng)中畫好的矩形框里:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
最后在右邊空白的大框里放上一個LOGO或者圖形,我們的最終畫面就完成了!看看最終效果:
我是真沒想到,大廠設(shè)計師把潮流風(fēng)格做成這樣!!!
 
 
這種潮流排版的設(shè)計,其實比較主要的就是顏色和圖形,顏色不宜過多,黑色是萬年不變的主要顏色,黑色配任意一種單色都會有很不錯的效果。
 
 
其次就是咱們的點綴和圖形的使用了,一般就是英文,星星,鐳射卡片這些東西,多找找參考也很容易做。
 
 
當(dāng)然,要想做的很好的話,還有很多細節(jié)需要注意,比如字體大小,間距,畫面的比例等等細節(jié)多注意考量,希望對大家有幫助。
 
 


作者:菜心輕量文
鏈接:https://www.zcool.com.cn/article/ZMTYyMTYwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司用戶體驗公司高端網(wǎng)站設(shè)計公司銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

這些包裝技巧,簡單又出效果,不看一會就刪了!

前端達人

最近ui課學(xué)員開始做結(jié)課作業(yè),在給大家批作業(yè)的時候,發(fā)現(xiàn)很多同學(xué)對于包裝審美還是差一些,課上給大家實操了很多案例,今天給大家分享幾個,比如一組的這塊需求分析,包裝的就不太行:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
有點太隨意了,包括文字的排版,還有標題前面的兩個圓圈:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
如果我來包裝的話,一定要加點修飾,不能只是文字,比如加點圖標或者加點卡片,我可以先把卡片加上,這樣會更加有聚焦的感覺:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
這時候我們可以想辦法加點顏色區(qū)分,比如用產(chǎn)品的主色:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
然后可以再給圓圈里面加點圖標,或者修飾元素,因為一組同學(xué)已經(jīng)有了一些質(zhì)感圖標的繪制,直接加上就可以了:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
然后再加上標題:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
我們來對比下第一版和優(yōu)化后的效果:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
這里面其實差的僅僅只是一點點包裝審美和用心的態(tài)度,技法層面沒什么門檻,只有兩個質(zhì)感圖標,還都是一組同學(xué)自己畫的!
再舉一個1組同學(xué)的例子,他們在展示圖表的時候,效果是這樣的:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
如果面試官用手機看你的作品,能看清楚啥呀,所以如果你覺得自己的作品做的還不錯,一定要學(xué)會放大展示局部,比如我們這樣優(yōu)化一下:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
是不是比剛才更加簡潔大氣?
所以大家一定要記住,有優(yōu)秀的東西,一定要拿出來放大展示,我們看看3組同學(xué)的展示方式,就優(yōu)秀很多:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
再看5組的一個案例,這張圖:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
啥問題?是不是太空了,主次也不清晰,左上角的logo快比頁面還重了,所以我們一定要先解決畫面主次的問題,先把界面變大變飽滿:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
這時候可以再優(yōu)化一下左側(cè)文案的排版,稍微有點空曠:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
如果覺得層次還是不夠,可以把底色融入一個黑圈:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
這樣的話,把上面黑色的圖標頁,銜接在一起,就會好很多了:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
這是不是比最開始那頁的包裝強太多了:
這些包裝技巧,簡單又出效果,不看一會就刪了!
 
 
所以大家在作品包裝展示的時候,一定要注意這些細節(jié),而且是非常細致的細節(jié),有時候真的就是差一點點,感覺就不一樣了!
希望今天分享的這幾個包裝小案例,大家可以有所啟發(fā),后面我會經(jīng)常改ui課同學(xué)的作業(yè),尤其是這種細節(jié)上的改動,讓大家更好的做出精致作品!
加油,兄弟們!
 

藍藍設(shè)計(www.gerard.com.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計APP界面設(shè)計圖標定制用戶體驗設(shè)計交互設(shè)計UI咨詢高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司用戶體驗公司高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)



作者:菜心輕量文
鏈接:https://www.zcool.com.cn/article/ZMTYyMDA3Ng==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索

前端達人

前言
 
隨著AI技術(shù)的發(fā)展,越來越多的產(chǎn)品嘗試結(jié)合AI進行功能升級,作為設(shè)計師的你是否也在面臨這樣的問題:如何將AI技術(shù)與場景需求更好的結(jié)合,為用戶提供順暢的AI原生設(shè)計體驗?zāi)兀?/div>
 
本文將以AI裝扮項目為例,分兩部分介紹我們是如何通過深入分析用戶痛點與需求,結(jié)合公司內(nèi)部能力支持,找到AI創(chuàng)新突破口。同時發(fā)揮設(shè)計優(yōu)勢,在沒有行業(yè)參考前提下,探尋出一條AI創(chuàng)新實踐之路,設(shè)計主導(dǎo)創(chuàng)新方案優(yōu)化落地。
 
 
第一部分:為什么要做裝扮AI創(chuàng)新
 
1.百度APP裝扮業(yè)務(wù)介紹
 
裝扮是百度APP的一個基礎(chǔ)能力,支持用戶設(shè)置頭像、皮膚、主頁背景、套裝等,以滿足用戶個性化訴求為目標,對設(shè)計有著較高的依賴。當(dāng)前主要面臨兩個問題:
 
  •  
    功能缺少吸引力:
    各類裝扮操作流程為選擇→預(yù)覽→裝扮,體驗單一,缺乏趣味性和吸引力
 
  •  
    裝扮資源迭代慢:
    裝扮資源更新對設(shè)計師依賴度較高,但手工繪圖的成本高且周期長
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
2.裝扮用戶分析
 
通過用戶調(diào)研和數(shù)據(jù)分析,對裝扮用戶有以下兩點發(fā)現(xiàn):
 
  •  
    個性化需求難以滿足:
    通過裝扮調(diào)研問卷發(fā)現(xiàn),用戶沒有佩戴裝扮的大部分原因是由于現(xiàn)有的免費裝扮資源無法滿足用戶個性化需求
 
  •  
    年輕群體對AI的喜愛:
    裝扮用戶趨于年輕化,而年輕群體對智能化、趣味性產(chǎn)品有濃厚興趣,同時對個性化、定制化也有著更高的要求
 
3.了解內(nèi)部能力支撐
 
百度文心AI生圖技術(shù)較為成熟,支持輸入描述詞后免費生成多張圖片。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
4.設(shè)計機會點
 
通過前面的分析,我們提出一個洞察思考:
裝扮是否可以接入文心AI生圖的能力,讓用戶自主生圖并用于裝扮?
 
我們從用戶、業(yè)務(wù)、設(shè)計三方視角分析裝扮中心接入文心AI生圖能力的可行性和價值:
 
  •  
    用戶側(cè):豐富裝扮玩法,提升裝扮體驗的趣味性和吸引力
 
  •  
    業(yè)務(wù)側(cè):吸引更多用戶裝扮,提高裝扮用戶量和滲透率
 
  •  
    設(shè)計側(cè):探索AI能力實際應(yīng)用場景,積累AI原生設(shè)計經(jīng)驗;同時降低設(shè)計師生圖成本,降本增效
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
 
第二部分:如何進行裝扮AI創(chuàng)新突破
 
作為AI創(chuàng)新型項目,我們經(jīng)歷了三期迭代嘗試,不斷打磨升級AI裝扮體驗:1期快速試水驗證效果,2期創(chuàng)新突破交互體驗,3期結(jié)合數(shù)據(jù)持續(xù)優(yōu)化,下面會從以下3個階段講述設(shè)計創(chuàng)新思考過程。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
Step1:快速試水,驗證玩法
 
首先我們快速調(diào)研了國內(nèi)外具有AI生成能力的產(chǎn)品做為體驗摸底,發(fā)現(xiàn)競品在AI生圖的創(chuàng)作體驗上趨于雷同,創(chuàng)作頁主要分為描述詞輸入框、選擇風(fēng)格、尺寸及張數(shù)等操作模塊,對于普通用戶來說
創(chuàng)作體驗復(fù)雜、輸入門檻高
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
在項目初期,我們希望能夠快速驗證用戶對這套新玩法是否感興趣,所以目標是低成本快速上線驗證玩法。
 
我們將AI裝扮流程分為4步:點擊入口→開始創(chuàng)作→生成圖片→預(yù)覽裝扮效果及裝扮。
 
結(jié)合一期目標我們有兩個設(shè)計難點:1.如何簡化創(chuàng)作流程;2.如何精簡步長減少折損
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
設(shè)計難點1:如何簡化創(chuàng)作流程
 
解決思路:
在創(chuàng)作流程上我們決定簡化方案,采取讓用戶選取關(guān)鍵詞組合的簡化方式來生成圖片,簡化創(chuàng)作流程快速上線驗證。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
設(shè)計難點2:如何精簡步長減少折損
 
解決思路:
在圖片生成與裝扮預(yù)覽步驟中,通過縮短路徑讓用戶快速直達裝扮預(yù)覽頁,減少折損。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
在方案選擇上,我們基于
路徑更短、突出裝扮預(yù)覽效果
的目標,選擇了方案1進行深化:
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
一期方案與上線數(shù)據(jù)
 
一期上線后裝扮中心的日均設(shè)置量提升近3倍,AI裝扮各環(huán)節(jié)轉(zhuǎn)化漏斗較高,在各商城中,AI裝扮設(shè)置量位列第二,僅次于頭像,驗證AI裝扮對用戶的吸引力較大,于是我們開始啟動二期優(yōu)化。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
Step2:創(chuàng)新突破,打造亮點
 
對比一期直接讓用戶選取主體詞和風(fēng)格詞的半自動化方式生成圖片,雖然自定義能力較弱,但是生圖方式更容易;二期希望增加用戶自行輸入生成圖片,滿足用戶更加個性化和多樣性的需求,但同時輸入門檻對用戶來說也更高。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
現(xiàn)有AI生圖輸入門檻之所以較高,是因為一張高質(zhì)量圖片對生圖描述詞有很高的要求。我們分析發(fā)現(xiàn),高質(zhì)量描述詞需要從畫面風(fēng)格、色彩、細節(jié)、光影效果、構(gòu)圖比例、畫質(zhì)甚至是相機設(shè)置等多維度來描述,專業(yè)詞匯多,對于普通用戶來說撰寫門檻高、難度大。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
這就留給我們一個難題:
如何讓用戶低門檻生成一張高質(zhì)量圖片?
 
結(jié)合二期目標我們有兩個設(shè)計難點:1.如何創(chuàng)新突破生圖體驗;2.裝扮流程整體重構(gòu)
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
設(shè)計難點1:如何創(chuàng)新突破生圖體驗
 
1)思路發(fā)散
 
首先我們發(fā)散了兩個方向:
 
方向1:提供高質(zhì)量描述詞范例讓用戶直接使用
 
方向2:輔助用戶寫出高質(zhì)量描述詞,比如提供描述詞潤色功能、高級描述詞庫疊加、按公式引導(dǎo)用戶選擇詞組組合等形式輔助創(chuàng)作
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
2)框架探索
 
如果創(chuàng)作頁要給用戶提供豐富的引導(dǎo)內(nèi)容,同時兼顧輸入面板的穩(wěn)定露出,基礎(chǔ)平鋪框架承載力有限,無法兼顧豐富引導(dǎo)內(nèi)容的展示和輸入功能的穩(wěn)定露出。我們提出使用雙層框架的形式,將承載“引導(dǎo)內(nèi)容”和“輸入功能”的容器拆分相互獨立,在承載“引導(dǎo)內(nèi)容”的容器中支持用戶像刷feed一樣上滑,同時頂層容器穩(wěn)定置底展示輸入功能。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
3)多方案嘗試
 
我們圍繞以上兩個方向進行了創(chuàng)作頁從基礎(chǔ)到高階的多套方案探索。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
方案收斂過程中,我們決定進行用戶測試,觀察用戶對不同方案的理解與接受程度。
 
4)用戶測試與痛點分析
 
我們找了多名不同類型的用戶,觀察他們對各個方案的理解和使用情況,了解用戶在使用過程中遇到的問題和痛點,并制作表格記錄每一位用戶的反饋與建議。
 
匯總后得到以下發(fā)現(xiàn)點:
 
1.用戶對點擊推薦描述詞的生成圖片效果沒有預(yù)期,且表示操作難以理解
 
2.有配圖會增強吸引力,文字或步驟多會有負面影響
 
3.用戶對風(fēng)格選擇沒有強烈訴求
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
5)提煉問題迭代優(yōu)化
 
根據(jù)測試結(jié)論1&2我們想到,能否結(jié)合方案2-1與2-2,采用圖片范例代替純文字范例,這樣用戶對生成效果就有了直接的預(yù)期,同時提高了點擊吸引力和可玩性;根據(jù)結(jié)論3我們對現(xiàn)有步驟進行了簡化,省略風(fēng)格選擇步驟,采用智能識別描述詞風(fēng)格或默認智能推薦生圖風(fēng)格,來減少用戶生圖步驟。
 
最終方案與競品對比生圖難度更低、生圖步驟更短,同時我們也進行了新方案的回訪,所有用戶均表示新方案更簡單直接,且吸引力更強。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
設(shè)計難點2:裝扮流程整體重構(gòu)
 
在入口頁和生成圖片&裝扮預(yù)覽流程我們也發(fā)散了多個方案,同樣通過用戶測試選出最優(yōu)方案。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
二期方案設(shè)計
 
用戶在裝扮中心點擊入口進入創(chuàng)作頁,點擊圖例或輸入內(nèi)容后點擊底部生成按鈕,跳轉(zhuǎn)AI生成圖片頁面,支持用戶在當(dāng)前頁面預(yù)覽圖片、重新生成、修改描述、保存圖片及分享等操作,底部按鈕強引導(dǎo)進入裝扮預(yù)覽頁進行裝扮。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
上線效果
 
1)上線數(shù)據(jù)漏斗分析
 
AI裝扮2期上線后,在入口、輸入頁和裝扮預(yù)覽頁轉(zhuǎn)化較1期均有大幅提升,在輸入難度大于1期的前提下,輸入轉(zhuǎn)化依然高于1期。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
2)實際圖片生成效果
 
以下是一些真實用戶生成的圖片,不同風(fēng)格的生成質(zhì)量都能達到理想效果。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
3)數(shù)據(jù)指導(dǎo)持續(xù)優(yōu)化
 
同時,進一步分析漏斗數(shù)據(jù)發(fā)現(xiàn),雖然整體漏斗數(shù)據(jù)優(yōu)于以往,但是在圖片生成頁的用戶流失較大,于是我們開始探索在滿足用戶預(yù)覽圖片訴求的同時,是否存在能夠快速進入裝扮預(yù)覽頁的方案。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
Step3:持續(xù)迭代,精細體驗
 
3期我們以簡化操作流程,提升裝扮轉(zhuǎn)化率為目標進行設(shè)計方案探索,結(jié)合用戶在創(chuàng)作頁點擊生成按鈕后希望先看到生成圖片的訴求,我們3期的設(shè)計難點是:
如何在預(yù)覽圖片和減步長中尋找平衡?
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
設(shè)計難點:在預(yù)覽圖片和減步長中尋找平衡
 
1)框架探索
 
考慮到用戶想要先看到生成圖片的訴求,所以在思考方案過程中引入動效來銜接頁面之間的變化,減少用戶跳轉(zhuǎn)的可行性。
 
方向1:縮短主操作路徑,次要功能建立預(yù)期,后置操作;優(yōu)勢是層級簡單,核心操作聚焦
 
方向2:僅預(yù)覽圖片結(jié)果,后置操作;優(yōu)勢是操作路徑短
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
2)方案細化與測試
 
根據(jù)框架探索我們細化了3個方案:
 
為了更直觀的展示,我們制作了3個方案的Demo并進行用戶測試,大部分用戶認為方案1更直觀且簡潔。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
3)最終方案展示
 
生成中:展示重新生成、保存等相關(guān)操作,建立用戶預(yù)期
 
生成后:展示生成圖片并自動上滑,同時調(diào)起裝扮預(yù)覽面板,縮短裝扮路徑
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
優(yōu)化后數(shù)據(jù)對比
 
對比2期方案,優(yōu)化后方案點擊生成按鈕直達裝扮預(yù)覽頁,縮短裝扮路徑,上線后日均裝扮成功轉(zhuǎn)化率顯著提升。
 
當(dāng)設(shè)計遇上AI——百度APP裝扮體驗AI創(chuàng)新探索
 
 
 
 
結(jié)語
 
本文以百度APP裝扮體驗AI創(chuàng)新探索為例,分享了從設(shè)計視角出發(fā),設(shè)計師如何結(jié)合AI能力進行設(shè)計創(chuàng)新,為用戶提供順暢的AI原生體驗,并分三步推動項目落地與優(yōu)化的思考過程。通過本次項目,我們也積累了一些經(jīng)驗分享給大家:
 
1.避免慣性思維,站在用戶視角看問題
 
作為設(shè)計師,可能我們已經(jīng)看過、使用過很多AI類產(chǎn)品,對它的玩法非常熟悉。在設(shè)計前期,我們常常理所當(dāng)然的認為用戶已經(jīng)理解掌握生圖的方法,結(jié)果在測試階段發(fā)現(xiàn)即便是公司內(nèi)部互聯(lián)網(wǎng)員工,理解使用起來也有一定門檻。所以我們一定要避免慣性思維,注意時刻抽身站在用戶視角,多問問自己:我們的用戶群體是否能夠快速理解并掌握設(shè)計方案。
 
2.用戶測試是有效的工具,可以幫助設(shè)計師獲得更深入的用戶反饋,并將其轉(zhuǎn)化為理想方案設(shè)計點
 
整個過程中,我們遇到了很多困難與挑戰(zhàn),尤其是在2期輸入體驗的優(yōu)化上,在競品創(chuàng)作體驗千篇一律且都不理想的情況下,初期思考的方案均沒有達到簡單且能直接輸入高質(zhì)量描述詞的理想效果,設(shè)計思路此時也達到了瓶頸。這時候引入用戶測試是一種很好的幫助設(shè)計師“換腦”的方式,用戶不會直接告訴我們理想方案是什么,但是我們可以從用戶的反饋中抽絲剝繭,轉(zhuǎn)化成理想方案的設(shè)計點。
 
3.設(shè)計方案應(yīng)盡量簡單直觀,避免需要用戶進行過多的思考和轉(zhuǎn)換
 
通過我們多次的用戶測試發(fā)現(xiàn),除了大家熟知的設(shè)計方案應(yīng)該盡量簡單清晰、避免過多的復(fù)雜步驟和操作以外,還應(yīng)該盡量避免用戶需要思考轉(zhuǎn)化的步驟:比如給一段純文字示例讓用戶來生成圖片,這個文字與圖片生成的效果是需要用戶通過思考并轉(zhuǎn)換的,也許生圖結(jié)果與用戶預(yù)期天差地別。所以在調(diào)研后我們采取了“圖生圖”的方式,用戶喜歡哪張圖片,就使用它的描述詞來生成相似,這樣更加直觀,減少在大腦里轉(zhuǎn)換思考的過程。
 
以上就是我們的思考全過程與全部心得,希望對大家做類似AI創(chuàng)新型項目有所幫助。百度AI裝扮項目依然在持續(xù)優(yōu)化與完善,歡迎有興趣、有建議的小伙伴,來找我們一起溝通交流~
 
 
關(guān)于我們:
MEUX,百度移動生態(tài)用戶體驗設(shè)計中心,負責(zé)百度移動生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗設(shè)計。服務(wù)的產(chǎn)品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業(yè)產(chǎn)品等。MEUX以「簡單極致」為設(shè)計理念,創(chuàng)造極致用戶體驗的同時賦能商業(yè),推動設(shè)計行業(yè)的價值和影響力,讓生活因設(shè)計而更美好。
 


作者:百度MEUX
鏈接:https://www.zcool.com.cn/article/ZMTYxMDA5Ng==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.gerard.com.cn

存檔

主站蜘蛛池模板: 国产高清一区二区三区视频 | 国产日韩在线播放 | 国产suv精品一区 | 成人免费一级伦理片在线播放 | 亚洲色图欧美在线 | 亚洲免费中文字幕 | 一区二区三区有限公司 | 国产91丝袜在线观看 | 性――交――性――乱睡觉 | 久久99国产精品久久99果冻传媒新版本 | 香港a毛片 | 亚洲资源av无码日韩av无码 | 久久男人av资源网站无码软件 | 国产网红主播av国内精品 | 欧美丰满少妇xxⅹ | 国产毛a片啊久久久久久保和丸 | 亚洲一区二区三区在线观看视频 | 暖暖 在线 日本 免费 中文 | 国产成人av网 | 亚洲 欧洲 无码 在线观看 | 小早川怜子一区二区的导演 | 国产精品久久久久久久妇 | 久久久久国产综合av天堂 | 免费观看成人www动漫视频 | 一区二区精品视频在线观看 | 亚洲精品五月 | 成人免费看片'在线观看 | 97视频免费| 久久看片网 | 91精品国产91久久久久久久久 | 91久久婷婷 | 性荡视频播放在线视频 | 欧美桃色视频 | 性生活免费网站 | 成人欧美视频在线观看 | 青青久在线视频 | 丰满少妇高潮惨叫久久久 | 精品国产a | 欧美成人一区二区三区片免费 | 久热av在线 | 亚洲国产精品久久久久久久 | 青草视频在线 | 成人av在线资源 | 国产一区二区女内射 | 女警高潮潮一夜一区二区三区毛片 | 最近的中文字幕在线看视频 | 天美乌鸦星空mv高清正版播放 | 国产一级网站 | 久久久久久免费精品 | 国产真实伦在线观看视频 | 日韩精品一区不卡 | 久章草在线观看 | 国产成人精品久久二区二区91 | 久久精品79国产精品 | 国产精品亚洲一区二区三区 | 免费日本在线 | 国产性×xxx盗摄xxxx | 美女成人在线 | 中国少妇做爰全过程毛片 | 密桃成熟时在线观看 | 波多野结衣一二三区 | 久久无码中文字幕久久无码app | 91p九色| 欧美日韩国产中文 | 涩涩屋www视频在线观看高清 | 国产色综合天天综合网 | 精品久久不卡 | 欧美一区二区三区在线视频观看 | 国产超碰人人模人人爽人人添 | 久久久久久久久久久久久久国产 | 久久婷综合 | 国产偷窥老熟盗摄视频 | 美女高潮视频在线观看 | 关之琳三级全黄做爰在线观看 | 欧美激情亚洲激情 | 久久久久久久久久久久久国产 | 久久天天干| 国产精品久久久久婷婷 | 国产肉体xxx裸体312大胆 | 亚洲成色999久久网站 | 午夜激情福利视频 | 亚洲精品中文字幕一区二区三区 | 色在线免费观看 | 无码人妻一区二区三区精品视频 | 少妇精xxxxx| 精品免费二区三区三区高中清不卡 | 日本久色 | 中国色老太hd | 五月色综合 | 熟妇人妻无乱码中文字幕真矢织江 | 欧美三区在线观看 | 国产口语对白老妇 | 久草a视频| 亚洲日本国产精华液 | 欧美日韩国产精品久久 | 亚洲国产另类久久久精品小说 | 欧美疯狂做受xxxxx高潮 | 一区二区免费在线播放 | 午夜爽爽爽 | 台湾佬久久 | 欧美老妇与禽交 | www国产在线视频 | 99热精品在线观看 | 免费av成人| 久久久久国色av免费观看性色 | 高清乱码男女免费观看 | 免费毛片全部不收费的 | 青青青看免费视频在线 | 免费在线观看黄色网 | 亚洲国产成人女毛片在线主播 | 国产精品日韩一区二区三区 | 奇米影视777四色 | 国产成人无码18禁午夜福利p | 日日干夜夜骑 | 久久无码精品一区二区三区 | 噜啦噜色姑娘综合网 | 国产成人av无码精品 | 噜噜噜亚洲色成人网站 | 射久久久| 日产精品高潮呻吟av久久 | 国产人妻久久精品一区二区三区 | 久久久久爽爽爽爽一区老女人 | 国产女同疯狂作爱系列3 | 婷婷开心激情综合五月天 | 国产成人无码av在线播放dvd | 欧美黄色三级视频 | 又大又粗欧美黑人aaaaa片 | 人妻精品久久无码区 | 国产精品国产三级国产专区53 | 欧美精品a区 | 甄宓高h荡肉呻吟np 正在播放国产老头老太色公园 | 韩国成人免费视频 | 国产精品久久久久久久龚玥菲 | 成人av一区二区兰花在线播放 | 污视频网站免费观看 | 久久99深爱久久99精品 | 夜夜爽av| 91看片网 | 精品欧美一区二区精品久久 | 国产精品麻豆入口 | 久久成人国产精品入口 | 黑人vs日本人ⅹxxxhd | 黄色成人免费观看 | 寡妇亲子伦一区二区三区四区 | 十八禁无遮挡99精品国产 | 久久国产精品精品国产色婷婷 | av资源在线 | 黄频视频在线观看 | 国精品人妻无码一区二区三区喝尿 | 人人妻人人澡人人爽人人精品 | 91免费高清| 国产乱淫av国产8 | 国产精品久久久久久无毒不卡 | 成人黄色国产 | 国产一区二区三区内射高清 | 国产精品ai换脸张天爱 | 亚洲女同疯狂舌吻唾液口水美女 | 欧美日韩精品在线播放 | 中国少妇的呻吟xvideoshd | 天堂网www中文在线 伊人久久大香线蕉综合网站 | 老司机福利院 | 特级做a爰片毛片免费看108 | a天堂最新地址 | 外国黄色网址 | 黄色一级黄色片 | www国产一区 | 欧美大肥婆大肥bbbbb | 视频在线观看免费大片 | 内射国产内射夫妻免费频道 | 日本女优一区 | 香蕉大人久久国产成人av | 国产高潮久久久 | 在线观看日本www | 婷婷综合少妇啪啪喷水动态小说 | 玖玖热麻豆国产精品图片 | 黄色三级在线观看 | 国产高清精品一区二区三区 | 毛片在线视频观看 | 在线观看免费黄网站 | 国产精品麻豆成人av电影艾秋 | 午夜激情影院在线观看 | 1769国产精品 | 免费人妻无码不卡中文字幕18禁 | 天天摸天天做天天爽婷婷 | 美女视频黄色在线观看 | 国产男女视频网站 | 中文字幕在线播放一区二区 | 久草久草久草 | 国模妙妙超大尺度啪啪人体 | 国产偷抇久久精品a片69 | 亚洲精品乱码久久久久久 | 国产网红主播精品av | 丁香六月天婷婷 | 爱情岛论坛亚洲品质自拍网址大全 | 无码专区亚洲综合另类 | 盗摄精品av一区二区三区 | 国产99爱 | 亚洲蜜桃v妇女 | 操女人网 | 国产精品日产欧美久久久久 | 国产又粗又硬又黄的视频 | 久久久久久免费看 | 艳妇乳肉豪妇荡乳xxx | 一级裸体黄色片 | 国产欧美精品一区 | 亚洲激情成人网 | 天天爽天天爽天天爽 | youjizz亚洲| 毛片久久久久久久 | 天堂va久久久噜噜噜久久va | 在线不卡二区 | 一个色的综合 | 中文字幕女同女同女同 | 国产粉嫩尤物极品99综合精品 | 99视频这里有精品 | 91爱爱中文字幕 | 四虎一级片 | 麻豆免费观看视频 | 色综合久久久无码中文字幕 | 露脸内射熟女--69xx | 黄色网页在线免费观看 | 日韩毛片无码永久免费看 | 苍井空浴缸大战猛男120分钟 | 2019天天干夜夜操 | 黄色插插视频 | 九色在线视频 | 茄子视频国产在线观看 | 久久久激情 | 久久久久一区 | 人人妻人人澡人人爽精品日本 | 特高潮videossexhd | 国产精品96久久久久久 | 国产成人啪精品视频免费软件 | 天堂网站| 欧美激情不卡 | 青青草狠狠操 | 亚洲精品一区二区三区香蕉 | 久久久久免费精品 | 91高潮胡言乱语对白刺激国产 | 天堂va在线观看 | 亚洲码中文 | 68精品久久久久久欧美 | 性高潮久久久久久久久 | 大学生久久香蕉国产线看观看 | 久久国产精品99久久久久久进口 | 黄色网视频 | 国产成人高清在线 | av免费在线观看不卡 | 国产免费自拍视频 | 国产成人无码精品久久久免费 | 欧美午夜网 | 手机看片国产精品 | 91porny真实丨国产jk | 日本少妇久久 | 色综合久久综合网 | 国产在线高清 | 激情婷婷六月 | 欧美黑人疯狂性受xxxxx喷水 | 午夜粉色视频 | 国产又粗又猛又爽免费视频 | 日韩mv欧美mv国产网站 | 欧日韩无套内射变态 | 国产中文字幕在线观看 | 深夜福利网站 | av最新版天堂资源在线 | 永久免费观看美女裸体的网站 | 色性网| 91精品国产99久久久久久久 | 久久精品一区二区国产 | 亚洲成av人无码综合在线观看 | 性乡下性大开放 | 一本色道久久综合狠狠躁 | av老司机在线播放 | 日本精品一区二区三区在线观看 | 97超级碰碰人国产在线观看 | 青青草dvd| 波多野结衣国产 | 亚洲人人爱 | 粗暴91大变态调教 | 久草在线视频新时代视频 | 国内精品久久久久影院一蜜桃 | 日韩丝袜一区 | 国产视频麻豆 | 性做爰过程免费视频美女按店 | 一区二区免费 | 亚洲色精品aⅴ一区区三区 国产黄大片在线观看 | 精品一二三区久久aaa片 | 激情xxxx | 手机天堂网 | 少妇情理伦片丰满午夜在线观看 | 国产一二在线观看 | 国产午夜福利100集发布 | 后入内射国产一区二区 | 无码任你躁久久久久久 | 黄色片一区| 在线看片人成视频免费无遮挡 | 香港三级网站 | 日韩中文字幕在线看 | 男ji大巴进入女人的视频小说 | 超碰caopor| 欧美性猛交xxxⅹ丝袜 | 伊人久久精品视频 | 欧美理伦少妇2做爰 | 法国伦理少妇愉情 | 性中国xxx极品hd | 国产拍拍拍拍拍拍拍拍拍拍拍拍拍 | 偷拍视频一区 | 特色黄色片 | 丁香花完整视频小说 | 久久久国产精品亚洲一区 | 日本视频久久 | 日韩一级淫片 | 永久久久久久 | 91调教打屁股xxxx网站 | 欧美一级淫片免费视频黄 | 婷婷久久香蕉五月综合加勒比 | 精品一区二区三区免费视频 | 国产精品亚韩精品无码a在线 | 午夜私人福利 | 这里只有精品在线观看 | 精品粉嫩aⅴ一区二区三区四区 | 女性无套免费网站在线看动漫 | 日日天干夜夜狠狠爱 | 99精品国产免费久久久久久按摩 | 香蕉在线观看视频 | 99久久亚洲精品日本无码 | 嫩草网站 | 国产伦精品一区二区三区综合网 | 在线免费观看日韩 | 日韩综合在线 | 男人解开女人乳罩吃奶 | 91亚洲乱码卡一卡二卡新区豆 | 五十路熟女丰满大屁股 | 国产精品网友自拍 | 欧洲av在线免费观看 | 成人h视频在线观看 | 日本又色又爽又黄的大片 | 国产一级特黄视频 | 免费av在| 国产精品美女www爽爽爽动态图 | 99精产国品一二三产区区别麻豆 | 久久精品国产清自在天天线 | 日韩免费看片 | 18禁真人抽搐一进一出在线 | 欧美日韩视频无码一区二区三 | av成人在线网站 | 男男一级淫片免费播放 | 精品国语对白 | 日本三级免费网站 | 欧美又大又硬又粗bbbbb | 亚洲精品国产精品乱码不99 | 永久免费精品精品永久-夜色 | 欧美黄色一级片视频 | 嫩草在线观看视频 | 久久久亚洲国产美女国产盗摄 | 97视频人人 | 91中文字幕永久在线 | 色偷偷人人澡人人爽人人模 | 奶波霸巨乳一二三区乳 | 久久精品国产精品亚洲蜜月 | 日本xxxxxxxxx18 | 国产三级精品三级在专区 | 国产乱码精品一区二区 | 图片区偷拍区小说区 | 欧美视频免费看 | 娇小性色伦xxxxx中国av | 毛片.com| 成人在线视频你懂的 | 啪在线视频 | 中文字幕在线视频播放 | 欧美牲交a欧美牲交 | a一级免费视频 | 6080yyy午夜理论片中无码 | 性无码专区无码片 | 国产va免费精品高清在线观看 | 欧美成人自拍 | 亚洲天堂中文字幕在线 | 麻豆精品免费观看 | 色网站在线观看 | 四虎影库永久在线 | 和三个男人4p爽爆了 | 激情六月丁香 | 精品国产aⅴ麻豆 | 91av成人| 日本xxxx裸体xxxx视频大全 | 丰满少妇奶水一区二区三区 | 日本少妇做爰xxxⅹ漫 | 成人免费观看视频 | 在线中文字日产幕 | 欧洲黄视频 | 影音先锋男人av鲁色资源网 | 国产精品美女久久久久久久久 | 亚洲女人av| 中文字字幕在线 | 午夜精品一区二区三区在线视频 | 女人的黄 色视频 | 国产精品人人爽 | 国产精品人人爽人人做我的可爱 | www.com国产| 久久久久久国产精品免费免费男同 | 九九热中文字幕 | 欧美激情在线狂野欧美精品 | 国产成人亚洲综合色婷婷 | 丰满少妇猛烈进人免费看高潮 | 波多野吉衣在线视频 | 伊人国产精品 | 成年人网站免费观看 | 草草影视在线观看 | 人妻洗澡被强公日日澡 | 播放黄色一级片 | 涩涩网站在线观看 | 黄色一级大片 | 91精品久久久久久久久久入口 | √资源天堂中文在线 | 精品人无码一区二区三区 | 97国产资源| 精品国产一区二区三区2021 | 欧美精品在欧美一区二区少妇 | 精品在线播放视频 | 天天有av| 青草青在线 | 特大黑人巨交吊性xxxx视频 | 熟妇人妻中文字幕无码老熟妇 | 欧美做爰一区二区三区 | 男女羞羞视频网站 | 2020亚洲天堂| 一区二区三区在线免费观看视频 | 亚洲高清乱码午夜电影网 | 日本欧美在线 | www国产成人免费观看视频深夜成人网 | 精品伦一区二区三区免费视频 | aaaaav| 色狠狠综合| 亚洲午夜精品久久久久久app | 天天爽夜夜爽夜夜爽精品视频 | 在线天堂中文在线资源网 | 久久天天躁夜夜躁狠狠躁2022 | 国产又粗又猛又爽69xx | 国产高清一区 | 国产欧美亚洲精品 | 久久黄色免费视频 | 色妞av| 爱爱短视频 | 久久女 | 无码精品一区二区三区在线 | 九九热在线播放 | 亚洲一二三四区五区 | 天天操你 | 69精品丰满人妻无码视频a片 | 亚洲最大福利网站 | √最新版天堂资源网在线 | 乱中年女人伦av二区 | 国产精品无套呻吟在线 | 久久久妇女国产精品影视 | 无码任你躁久久久久久老妇 | 欧美日日骚 | 一区二区三区日本久久九 | 99热久久久久久久久久久174 | 亚洲日本一区二区三区在线 | 国产女人高潮视频在线观看 | 中文字幕一区二区av | 国产激情av在线 | 亚洲a免费 | 国模大尺度自拍 | 国产三级精品三级在线观看 | 97天天操 | 正在播放国产精品 | 亚洲人成网站免费播放 | 国产白丝精品91爽爽久久 | 九九视频在线 | 毛片的视频 | 欧美日韩一区二区三区自拍 | 91福利在线观看 | 人成亚洲 | 一天天影影综合网 | 无码中文字幕日韩专区 | 亚洲天码中字 | 国产娇喘精品一区二区三区图片 | 成人nv在线观看 | 精品在线二区 | 国产一区二区三区欧美 | 台湾佬久久 | 日本裸体丰满少妇一丝不丝 | 污污的视频在线免费观看 | 国产女人呻吟高潮抽搐声 | 男人综合网 | 小明看平台日韩综合45页 | 亚洲国产精品久久久久久久 | 六月婷婷七月丁香 | 黑人巨大精品欧美一区二区, | 日韩欧美高清在线视频 | 男女超碰 | 性xxxx欧美老妇胖老太性多毛 | 免费人成xvideoscom | 日本伊人色 | 91在线精品一区二区 | 黑桃tv视频一区二区 | 麻豆传媒av在线播放 | 午夜嘿嘿嘿影院 | 无码夜色一区二区三区 | 国产精品香蕉在线的人 | 在线免费看a | 老头糟蹋新婚少妇系列小说 | 日本性网站 | jizz内谢中国亚洲jizz | 自拍视频啪| 亚洲一区二区三区四区五区六区 | 午夜蜜汁一区二区三区av | 在线观看国产一区二区 | 92久久精品一区二区 | www.亚洲资源 | 三级网站在线播放 | 在线免费黄| 国产成人综合久久亚洲精品 | 拔擦拔擦8x国产精品免费 | 制服 丝袜 综合 日韩 欧美 | xvideos成人免费中文版 | 蜜桃视频久久 | 亚洲一区二区三区影视 | 亚洲乱亚洲乱妇50p 亚洲乱亚洲乱妇无码 | 性xx十八spa按摩 | 91丨九色丨黑人外教 | 91精品国产91久久久久久吃药 | 中文字幕无码日韩欧毛 | www.夜夜| 北条麻妃一区二区三区av | 国产亚州精品女人久久久久久 | 国产成人精品无码片区在线观看 | 黄网页在线观看 | 色播在线观看 | 天天操天 | 4hu四虎永久在线影院 | 亚洲啪啪 | 天堂va在线观看 | 国产精品偷伦费观看一次 | 国产精品国产三级国产专播 | 国产精品无码不卡一区二区三区 | 国产福利午夜 | 九九九九热精品免费视频点播观看 | 亚洲欧美综合精品另类天天更新 | 精品国产一区二区三区四区精华 | 国产三级在线视频 一区二区三区 | 久久亚洲高潮流白浆av软件 | 色综合久久88色综合天天提莫 | 日日嗨av一区二区三区四区 | 免费日韩av | 亚洲在线一区二区 | 國产一二三内射在线看片 | 91亚洲精华国产精华精华液 | 1688成人免费视频观看 | 四虎在线免费播放 | 日本老小玩hd老少配 | 国产女人高潮抽搐叫床涩爱小说 | 99re在线观看视频 | 91久久精品一区 | 狠狠人妻久久久久久综合 | 天堂国产一区二区三区 | 亚洲欧美日韩一区二区三区在线 | 欧美深夜福利 | 免费人成视频在线 | 激性欧美激情在线 | 最新精品国偷自产在线 | 香蕉精品在线 | 亚洲最大精品 | 激情六月色| 人妻中文字幕在线网站 | 绿帽在线观看99av | 原创少妇半推半就88av | 男女裸交免费无遮挡全过程 | 午夜久久 | 欧美伦理一区二区 | 日日日干干干 | 精品国产va久久久久久久冰 | 久久这里都是精品 | 爱射影院 | av不卡一区二区三区 | 老色69久久九九精品高潮 | 欧美激情啪啪 | 久久久国产一区二区三区 | 老女人任你躁久久久久久老妇 | 日韩精品一区二区在线 | av番号网| 热久久久久久 | 日本 欧美 制服 中文 国产 | 女人裸体特黄做爰的视频 | 又粗又大内射免费视频小说 | 国产精品一区二区久久久久 | 裸体女人高潮毛片 | 国产成人在线影院 | 香蕉国产精品 | 无码中文av有码中文av | 久久久久久人妻一区精品 | 天堂视频中文在线 | 中文字幕乱码亚洲无线三区 | 在线观看成人小视频 | 91中文啦 | 亚洲一区视频网站 | 亚洲视频六区 | 亚洲产国偷v产偷v自拍色戒 | 日韩欧美一区二区三区在线 | 国产在线拍 | 国产精品免费久久久久 | 国产又粗又黄又爽又硬的免费视频 | 国产亚洲精品久久久久四川人 | 九色琪琪久久综合网天天 | 中文字幕av手机版 | 韩日午夜在线资源一区二区 | 狠狠干狠狠干 | 国产精品99久久久久久董美香 | 欧美黑人一级 | 精品深夜av无码一区二区 | 无码少妇一区二区三区 | 成 人影片 免费观看 | 91亚洲一线产区二线产区 | 2022色婷婷综合久久久 |