UI瓷片区设计总结

2、文字

非标签类文字：

主副文案通过大小、粗细和颜色进行区分，主文案字号建议在30~34px，副文案字号建议在24~26px；不同内容板块也可采用不同颜色，但颜色一般不要超过4种；在使用颜色的时候，可以匹配业务特点进行色彩选择，如科技使用蓝色，福利使用红色等。 

标签类文字：

标签也可分为主副文案两个板块， 标签底部颜色选取可以使用图片的邻近色，或者根据业务属性使用情绪板取色。标签一般位于瓷片区域的左上角或左边居中的位置。

3、背景

背景可分为白色背景、浅灰色背景、浅纯色背景、渐变色背景这几种，下面是背景颜色应用场景。

3.1白色背景：

3.2浅灰色背景：

3.3浅纯色背景：背景色通常跟实物图片或插图的主色调邻近

3.4渐变色背景：

a浅色系渐变：选定一种颜色，向白色过渡,颜色饱和度较低、明度较高。

b同色系渐变：同一种颜色，变化饱和度。

c不同色系渐变：色相+饱和度变化

4、点缀

点缀可以丰富视觉效果；常用点缀元素有波浪线、圆形等几何图形；树叶、丝带等烘托气氛的元素。

5.图文排版方式

常见有四种排版方式：上下排版、左右排版、对角线排版、组合型排版： 如对角线和上下排版组合、全景配图和局部配图组合等。

四、小结

以上就是今天分享的所有内容了，我们再来回顾一下：

1什么是瓷片区：运营位

2瓷片区的类型：实物图片类、插图类

3.瓷片区的设计要点：图片/插画+文字+背景+点缀  

图文排版方式：上下排版、左右排版、对角线排版、组合型排版 

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/