前言:本文主要讲解关于瓷片区的一些认知,以及设计手法。
导读:什么是瓷片区?瓷片区有哪些类型?瓷片区有哪些适用场景?如何设计好瓷片区?本文主要为大家解决这些问题。
一、什么是瓷片区
1.瓷片区是以图片加文字方式呈现的运营位
视觉外观看上去就像一块块瓷片贴在版面上,故名“瓷片区”。
例如淘宝下方的运营位,美团外卖APP的优惠专区,小米有品APP的有品推荐。
这类模块的排列方式,和家里地面铺的瓷砖很像,所以后文暂且将这一模块统称为瓷片区
二、瓷片区有哪些适用场景
运营内容区,适合于:平台、电商、泛娱乐、属于流量的入口,不适合用于工具类产品。
瓷片区位于用户最容易点击的区域,通过各类促销模式,具有较高的转化率,并能提升整个产品留存。
三、瓷片区有哪些类型
1.图片实物类
• 优点:图片识别度高,代入感强,可复用,提高效率
• 缺点:对图片素材要求高
• 使用场景:对实物图需求较大的产品类型,外卖、家具、服装等产品使用较多
2.插图类
• 优点:可以高度概括瓷片区的运营含义,风格可控
• 缺点:一对一,难以复用,时间成本较高
• 使用场景:金融,教育等产品,对风格有明显要求
• 注意点:绘制时注意对关键信息的提炼以及识别度
3.千人千面
• 优点:根据用户反馈数据高频输出内容,符合用户心智,转化率更高
• 缺点:通过大数据反馈内容,具有较高的技术壁垒。
• 使用场景:电商类、大数据、私人订制类。
四、如何设计好瓷片区
1.图片细节点
• 注意图片的素材质量
• 图片色调明亮,饱和度高
• 配图简洁,呼吸感强,抠图干净
• 统一图片高度于视觉大小
2.插图细节点
• 风格保持一致
• 视觉大小保持一致
• 形式简洁,不影响整体风格
• 概括性强,图文表意一致
3.文字
非标签类文字:
主副文案通过大小、粗细和颜色进行区分,不同业务板块可采用不同颜色,但颜色不要超过4种;主文案字号建议在30~34px,副文案字号建议在24~26px;图文排版方式有对角线分布、上下分布和左右分布。
标签类文字:
常用于旅游类、外卖类产品,标签分为主副文案两个板块,标签分为彩色标签和黑色透明标签,结合业务属性和想突出的文案,分别对应不同的标签;文案一般位于瓷片区域的左上角和左边垂直居中的位置。
4.背景
白色背景:
画面整洁干净
纯色背景:
背景色尽可能跟图片或插图的主色调邻近
渐变背景:
使用插图主色调设计
5.排版
对角线排版:
文字和图片呈对角线上布局。一行显示两到三块瓷片,单个瓷片形状接近方形,此种文字的信息较多
左右排版:
一般在配图为插画、图标时候适用。此时单个瓷片形状狭长,一行显示一块或两块瓷片
上下排版:
采用上文下图的形式,一般在界面的功能入口较多时适用。此时单个瓷片形状瘦高,一行显示不少于3块瓷片。
为了使版面更加丰富,建议是适当场合,尽量选择两种排版组合使用,这样能够在排版上有所变化,提升设计美感的同时能够对需求的优先级做出变化,做出更符合产品需求的设计。
总结
对关于瓷片区的设计要点:
1.排版——左右、上下、对角线(两种排版,突出优先级)
2.文字——层级拉开;突出重点(大小、颜色、字重等形式区分)
3.配图——精致;大小、整体统一
4.插图——表意一致;大小、风格统一
5.背景——淡色取色画板范围左上角;渐变明色明度或者明度色相产生变化。