公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

從四個(gè)角度,幫你快速了解瓷片區(qū)設(shè)計(jì)

2020-5-18    資深UI設(shè)計(jì)者

最近設(shè)計(jì)項(xiàng)目中涉及到「瓷片區(qū)」,于是和一些設(shè)計(jì)伙伴請(qǐng)教了解了一下,在此記錄總結(jié)一下,也希望可以對(duì)大家有些小小的幫助。

什么是瓷片區(qū)

聽(tīng)說(shuō):美團(tuán)內(nèi)部將首頁(yè)的運(yùn)營(yíng)廣告位模塊稱(chēng)為瓷片位,其可以根據(jù)需求變動(dòng)靈活調(diào)整,就像瓷片一樣靈活適用,顧名思義,瓷片區(qū)也就被叫開(kāi)來(lái)了。

根據(jù)下圖我們可以了解到,瓷片區(qū)在產(chǎn)品中的應(yīng)用。

瓷片區(qū)的功能

瓷片區(qū)作為與 Banner、金剛區(qū)并行的三大運(yùn)營(yíng)板塊,都負(fù)責(zé)著導(dǎo)流的功能。瓷片區(qū)較兩者更便于在頁(yè)面中進(jìn)行布局,可以靈活復(fù)用。

在電商產(chǎn)品中,導(dǎo)流指的是通過(guò)某種形式,增加對(duì)商品/功能的曝光,使自己的用戶(hù)群去購(gòu)買(mǎi)或了解感興趣的商品/功能。導(dǎo)流簡(jiǎn)化流程:導(dǎo)流入口 → 落地頁(yè) → 轉(zhuǎn)化率,設(shè)計(jì)師需要通過(guò)在這個(gè)流程中收集的數(shù)據(jù),進(jìn)行復(fù)盤(pán)反思優(yōu)化設(shè)計(jì)。

瓷片區(qū)常見(jiàn)類(lèi)型

瓷片區(qū)屬于運(yùn)營(yíng)區(qū),在頁(yè)面中通常位于用戶(hù)容易點(diǎn)擊的區(qū)域。通常為圖文混排,常見(jiàn)的類(lèi)型有:實(shí)物類(lèi)、插畫(huà)類(lèi)。

1. 實(shí)物類(lèi)

應(yīng)用場(chǎng)景:需要對(duì)商品/服務(wù)有高曝光度的產(chǎn)品類(lèi)型,如外賣(mài)、電商、旅游類(lèi)等,通過(guò)對(duì)自有商品/服務(wù)的直觀展示,達(dá)到吸引用戶(hù)的目的。

優(yōu)點(diǎn):識(shí)別度高、適配千人千面、元素更換靈活;

缺點(diǎn):圖片質(zhì)量要求較高;

2. 插畫(huà)類(lèi)

應(yīng)用場(chǎng)景:常見(jiàn)于金融類(lèi)、虛擬類(lèi)產(chǎn)品。

優(yōu)點(diǎn):高度概括主題的圖形,通過(guò)插畫(huà)增加產(chǎn)品的調(diào)性和趣味性;

缺點(diǎn):針對(duì)性比較強(qiáng),難復(fù)用,花費(fèi)時(shí)間;

設(shè)計(jì)關(guān)鍵點(diǎn)

1. 排版

瓷片區(qū)常見(jiàn)排版方式:左右排版、上下排版和對(duì)角線(xiàn)排版。設(shè)計(jì)師可以將三種排版方式組合設(shè)計(jì),使頁(yè)面更具有節(jié)奏感;

  • 左右排版:圖標(biāo)/插畫(huà)左右布局,一行展示 1 塊或 2 塊,適用各種場(chǎng)景;
  • 上下排版:圖文上下結(jié)構(gòu)布局,一行至少展示 3 塊瓷片,適用于功能入口;
  • 對(duì)角線(xiàn)排版:圖文呈對(duì)角線(xiàn)布局,一行顯示兩塊瓷片,適用于文字信息較多的需求;

2. 圖片

對(duì)于電商或商城類(lèi)產(chǎn)品來(lái)說(shuō),配圖的好壞是影響用戶(hù)點(diǎn)擊率最直觀的元素;設(shè)計(jì)瓷片區(qū)時(shí)需要考慮全局配圖和局部配圖的情況:

  • 配圖質(zhì)量:高質(zhì)量、符合產(chǎn)品調(diào)性、背景簡(jiǎn)潔、摳圖邊緣一定要干凈;
  • 配圖規(guī)范:統(tǒng)一圖片或插圖的尺寸和視覺(jué)面積;保證圖片之間的差異性;提煉關(guān)鍵文案信息。

3. 文字

  • 主副標(biāo)題:通過(guò)大小、粗細(xì)和顏色進(jìn)行區(qū)分,顏色不宜過(guò)多;
  • 標(biāo)簽文字:結(jié)合需求屬性和定位,處理不同層面的標(biāo)簽;

4. 背景

瓷片區(qū)背景常見(jiàn)類(lèi)型:白色/淺色背景、漸變色背景;設(shè)計(jì)師根據(jù)產(chǎn)品調(diào)性及業(yè)務(wù)需求對(duì)背景進(jìn)行靈活使用,但要遵守以下原則:

  • 層次清晰,是否對(duì)最重要的元素有所突出;
  • 易讀,保證文本及商品符合所有設(shè)備的易讀標(biāo)準(zhǔn);
  • 視覺(jué)表現(xiàn)力,強(qiáng)化品牌風(fēng)格;

小結(jié)

文中從四點(diǎn)對(duì)瓷片區(qū)進(jìn)行了一個(gè)概括性的了解總結(jié),設(shè)計(jì)要點(diǎn)的話(huà)在排版設(shè)計(jì)中都是需要注意的基礎(chǔ)知識(shí)所以未多加贅述,以此為自己在項(xiàng)目中遇到的知識(shí)點(diǎn)做一次沉淀。

文章來(lái)源:優(yōu)設(shè)    作者:木子的小千世界

日歷

鏈接

個(gè)人資料

存檔

旅游| 德庆县| 伊宁市| 南丹县| 昌黎县| 怀仁县| 唐河县| 漯河市| 大埔区| 弋阳县| 略阳县| 四会市| 昭觉县| 湘阴县| 尖扎县| 密云县| 彰武县| 扬中市| 盐山县| 柘城县| 乌兰浩特市| 密云县| 名山县| 泸水县| 绥芬河市| 东安县| 临洮县| 伊川县| 漳平市| 偃师市| 浦城县| 岳普湖县| 道真| 澄迈县| 德化县| 兴国县| 邳州市| 二连浩特市| 祁东县| 惠来县| 博野县|