2020-5-18 資深UI設(shè)計(jì)者
最近設(shè)計(jì)項(xiàng)目中涉及到「瓷片區(qū)」,于是和一些設(shè)計(jì)伙伴請(qǐng)教了解了一下,在此記錄總結(jié)一下,也希望可以對(duì)大家有些小小的幫助。
聽說:美團(tuán)內(nèi)部將首頁的運(yùn)營(yíng)廣告位模塊稱為瓷片位,其可以根據(jù)需求變動(dòng)靈活調(diào)整,就像瓷片一樣靈活適用,顧名思義,瓷片區(qū)也就被叫開來了。
根據(jù)下圖我們可以了解到,瓷片區(qū)在產(chǎn)品中的應(yīng)用。
瓷片區(qū)作為與 Banner、金剛區(qū)并行的三大運(yùn)營(yíng)板塊,都負(fù)責(zé)著導(dǎo)流的功能。瓷片區(qū)較兩者更便于在頁面中進(jìn)行布局,可以靈活復(fù)用。
在電商產(chǎn)品中,導(dǎo)流指的是通過某種形式,增加對(duì)商品/功能的曝光,使自己的用戶群去購買或了解感興趣的商品/功能。導(dǎo)流簡(jiǎn)化流程:導(dǎo)流入口 → 落地頁 → 轉(zhuǎn)化率,設(shè)計(jì)師需要通過在這個(gè)流程中收集的數(shù)據(jù),進(jìn)行復(fù)盤反思優(yōu)化設(shè)計(jì)。
瓷片區(qū)屬于運(yùn)營(yíng)區(qū),在頁面中通常位于用戶容易點(diǎn)擊的區(qū)域。通常為圖文混排,常見的類型有:實(shí)物類、插畫類。
1. 實(shí)物類
應(yīng)用場(chǎng)景:需要對(duì)商品/服務(wù)有高曝光度的產(chǎn)品類型,如外賣、電商、旅游類等,通過對(duì)自有商品/服務(wù)的直觀展示,達(dá)到吸引用戶的目的。
優(yōu)點(diǎn):識(shí)別度高、適配千人千面、元素更換靈活;
缺點(diǎn):圖片質(zhì)量要求較高;
2. 插畫類
應(yīng)用場(chǎng)景:常見于金融類、虛擬類產(chǎn)品。
優(yōu)點(diǎn):高度概括主題的圖形,通過插畫增加產(chǎn)品的調(diào)性和趣味性;
缺點(diǎn):針對(duì)性比較強(qiáng),難復(fù)用,花費(fèi)時(shí)間;
1. 排版
瓷片區(qū)常見排版方式:左右排版、上下排版和對(duì)角線排版。設(shè)計(jì)師可以將三種排版方式組合設(shè)計(jì),使頁面更具有節(jié)奏感;
2. 圖片
對(duì)于電商或商城類產(chǎn)品來說,配圖的好壞是影響用戶點(diǎn)擊率最直觀的元素;設(shè)計(jì)瓷片區(qū)時(shí)需要考慮全局配圖和局部配圖的情況:
3. 文字
4. 背景
瓷片區(qū)背景常見類型:白色/淺色背景、漸變色背景;設(shè)計(jì)師根據(jù)產(chǎn)品調(diào)性及業(yè)務(wù)需求對(duì)背景進(jìn)行靈活使用,但要遵守以下原則:
文中從四點(diǎn)對(duì)瓷片區(qū)進(jìn)行了一個(gè)概括性的了解總結(jié),設(shè)計(jì)要點(diǎn)的話在排版設(shè)計(jì)中都是需要注意的基礎(chǔ)知識(shí)所以未多加贅述,以此為自己在項(xiàng)目中遇到的知識(shí)點(diǎn)做一次沉淀。
文章來源:優(yōu)設(shè) 作者:木子的小千世界
藍(lán)藍(lán)設(shè)計(jì)的小編 http://paul-jarrel.com