APP中的瓷片區(qū)設(shè)計要點

一、什么是瓷片區(qū)?

瓷片區(qū)是指以例如淘寶APP中淘寶頭條下方的運營位,美團外賣APP的優(yōu)惠專區(qū),有錢花APP的信用生活以及信用查詢就是瓷片區(qū)。

二、瓷片區(qū)常見類型都有哪些?

瓷片區(qū)屬于運營內(nèi)容區(qū),適用于平臺、電商、金融、泛娛樂化產(chǎn)品,屬于流量導(dǎo)流入口,不適用于工具化產(chǎn)品;目前常見類型有實物圖片類、插圖類和淘寶類。

1、實物圖片類

優(yōu)點:高識別、代入感強、可復(fù)用,設(shè)計效率較高。

缺點:對圖片素材要求較高。

使用場景:對實物圖有較大需求的產(chǎn)品類型,例如外賣類、電商類、旅行類產(chǎn)品。

 

2、插圖類

優(yōu)點:可以高度概括瓷片區(qū)的運營含義,精美的插圖有助于提升產(chǎn)品的細節(jié)品質(zhì)和趣味。

缺點:一對一,難以復(fù)用,比較耗時。

使用場景:虛擬產(chǎn)品、金融產(chǎn)品,對風格有明顯要求。

 

3、淘寶類(千人千面)

優(yōu)點:高頻輸送內(nèi)容,與瀏覽數(shù)據(jù)時時對應(yīng),千人千面。

缺點:其他產(chǎn)品難以復(fù)制,具有技術(shù)壁壘。

使用場景:電商類、大數(shù)據(jù)、私人訂制類。

 

三、瓷片區(qū)設(shè)計要點

瓷片區(qū)的組成有圖片或插圖、文字、背景和點綴,下面我們來一一分析它的設(shè)計要點。

1、圖片或插圖

全景配圖:

即配圖覆蓋整個瓷片區(qū)域,適用于外賣類、旅游類產(chǎn)品。

配圖要求:

圖片素材要求高質(zhì)量,色調(diào)明亮,飽和度高;畫面主體占面積1/2,背景簡潔,呼吸感強。

 

局部配圖:

即配圖占據(jù)部分瓷片區(qū)域,適用于大多數(shù)產(chǎn)品;

配圖要求

圖片素材和插圖要求高質(zhì)量;摳圖干凈,圖片素材色調(diào)明亮,飽和度高;插圖繪制注意提煉關(guān)鍵文案信息;統(tǒng)一圖片或插圖的高度和視覺面積;外賣類、電商類的配圖可將不同的圖片素材進行組合,避免單一素材的單調(diào)感。

 

2、文字

非標簽類文字:

主副文案通過大小、粗細和顏色進行區(qū)分,不同業(yè)務(wù)板塊可采用不同顏色,但顏色不要超過4種;主文案字號建議在30~34px,副文案字號建議在24~26px;圖文排版方式有對角線分布、上下分布和左右分布。

 

標簽類文字:

常用于旅游類、外賣類產(chǎn)品,標簽分為主副文案兩個板塊,標簽分為彩色標簽和黑色透明標簽,結(jié)合業(yè)務(wù)屬性和想突出的文案,分別對應(yīng)不同的標簽;文案一般位于瓷片區(qū)域的左上角和左邊垂直居中的位置。

小建議:在設(shè)計瓷片區(qū)的時候可根據(jù)實際情況運用多種排版方式,會顯得更有設(shè)計感,但不要超過2種,太多排版方式會讓頁面顯得凌亂。

 

3、背景

白色背景:

 

 

純色背景:

背景色盡可能跟圖片或插圖的主色調(diào)鄰近

 

淺灰色背景:

 

漸變色背景

淺色系漸變:選定一種顏色,向白色過渡

 

同色系漸變:同種顏色,飽和度發(fā)生變化

 

不同色系漸變:色相+飽和度變化

 

4、點綴

好的視覺點綴可以使視覺效果更飽滿,甚至能凸顯品質(zhì)感;例如外賣類的瓷片區(qū)可以適當加入橄欖葉、餐桌布、木板等與食物有聯(lián)系的點綴,插圖類的瓷片區(qū)可以加入波浪線、圓形等幾何圖形作為點綴。

四、小結(jié)

以上就是今天所要分享的全部內(nèi)容了,文章內(nèi)容共分為三部分:第一部分是介紹什么是瓷片區(qū);第二部分是介紹瓷片區(qū)的分類,對應(yīng)的優(yōu)缺點及使用場景;第三部分是瓷片區(qū)的設(shè)計要點,從配圖、文字、背景和點綴四個方面入手。

 

 

 

原創(chuàng):?Bxxw

原文鏈接;https://www.zcool.com.cn/article/ZODM4NjM2.html

每天更新,
全站高品質(zhì)素材免費下載!