1️⃣UI中的瓷片区是什么？
瓷片区，是国内电商、视频、资讯、理财类应用中经常出现的一款引导型组件，顾名思义就是像瓷片一样以自由的数量组合“贴”在页面中的一组入口。
2️⃣使用场景
瓷片区本质上也是一个广告位，只是没有 Banner广告的跳转页面五花八门，瓷片区更接近于一个功能模块的外部固定广告位。
常见的类似电商下方的瓷片区，每个瓷片都是一个具体的功能模块，展示的内容虽然会随时间场景变化，但是指向的功能模块是保持不变的。
3️⃣设计要点
👉框架布局
首先要解决的是瓷片区的瓷片布局，即在整个组件区域内，怎么有效分配空间给不同的瓷片。在前期设计中，一定要优先确认瓷片区的框架内边距，然后再根据要放置的瓷片数量，将模块拆分出 2_2、3_2、4_2、4_1 的基本网格系统。
👉元素排版
每个瓷片内的元素则相对单一，即文字和 图片/图标 两种。这两种元素的排版方式我们可以枚举出来，无非：左右、上下、对角这三种最通用的排版。
👉文字尺寸
文字从尺寸分又可分为标题和副文本两个规格，这里我们把副标题、标签、价格等统称为副文本，因为他们的尺寸可以是一致的。瓷片区内的文本量、可选择的尺寸范围都不多，所以做两种规格的字段已经足够。
👉图片图标
瓷片区中的图片大多为商品，要求抠图干净、清晰，多图的情况下，还需要保证图片内容的视觉大小一致。
👉背景色
瓷片的背景可以使用白色，也可以使用彩色、渐变或者干脆使用图片，至于具体用哪个，需要根据页面整体的风格，以及瓷片区上下的环境来决定，一般来说，瓷片区的背景越复杂，其视觉负担就越重，更适合活泼、潮流的页面风格。
