视觉质量审核及制作规范

分类

原则

关键

要求

具体表现

演示图例

基本原则

组合

版心间距

版心清晰明确

1.版心区域明确，所有文本图片内容所在区域具有规律性//版心概念：图中所有重要内容（主元素、文字）所在区域距离画面上下左右边距具有一定规律性，使版面协调美观；

2.画面四周保留的出血间距合理且舒适//手机海报640x1008尺寸，保留20-50px的间距较为合理//邀请函720x1280尺寸，保留30-60px的间距较为合理//全屏海报1125x2436尺寸，保留60-90px的间距较为合理

3.整体排版不过度靠内或靠外

信息层级

信息层级直观有效

1.通过字号大小、粗细、颜色、重量、位置等，体现出大标题、副标题、正文、时间地点、装饰文案等信息的层级和重要性

2.图文排版引导阅读顺序，内容清晰易读且易懂

3.不同层级的文案内容通过间距拉开信息层级//亲密性原则：相关联内容靠近，不相关内容距离拉开

平衡

视觉构图平衡

1.画面避免头重脚轻/头轻脚重，左右/对角构图同理//头重脚轻/头轻脚重指：文案或者元素堆叠比较集中在画面一个部位，导致其他位置不均衡，显得过重或者过轻

2.文案、元素排版未出现不合理的过度留白或过度拥挤，前后层次关系清晰

3.整体视觉画面平衡舒适

对齐

对齐

1.左对齐2.右对齐3.居中对齐

1.画面中的元素整体遵循一种对齐原则，不出现多种不合理的对齐形式//不合理情况：画面对齐整体观感不合理：画面头部文案左对齐，中间文案中间对齐

2.多文本内容排版时，整体/单个文本排版均遵循一种对齐原则（整体观感舒适）

重复

重复

画面风格一致

1.画面中元素风格保持一致//元素一致：所有绘制的、素材的内容，风格保持一致；例如都是中国风，不能国风和渐变素材结合

2.画面中色彩搭协调一致//主元素色彩和画面色彩互相呼应

3.字体风格和画面风格保持一致//不一致：如商务风格使用卡通字体

准确

信息准确

图文信息准确有效

1.文本内容：无错别字，缺字、违禁词或误导性文案

2.英文书写及组合形式不出现错误（不确定时可使用拼音）

3.日期组合形式表达正确，无歧义

4.图片使用时，需使用正版素材（素材商合作素材）

5.正确使用标点符号：1）文本内容中段落回行时首字不可出现标点符号2）正文多内容排版，段落样式保持两端对齐等

6.书信、邮件等特殊格式需规范正确

文案

字体组合

字体组合和谐

1.整个画面中字体不得超过3种

2.字体的选择和效果不可过于花哨而影响文本阅读

3.多文本内容情况下，正文使用常规黑体/宋体，提高阅读性

风格适配

字体风格适配

指导建议：1.文艺情感：衬线体（宋体）、细体、手写字体（整体风格可偏柔美雅致）

指导建议：2.历史文化：书法字体、宋体（整体风格可偏古典/豪放）

指导建议：3.商务科技工业：宋体、黑体、书法字体（整体风格可偏硬朗高级）

指导建议：4.卡通可爱：圆体、手写体、创意体（整体风格可偏圆润可爱）

指导建议：5.潮流创意：创意字体、手写体、常规黑宋（整体风格可偏创意）

颜色

颜色

颜色适量且一致

1.整体配色主色不超过3种；//创意视觉在画面和谐的情况下颜色不超过5种（进阶原则）

2.画面色调保持一致，主元素和背景/主色调颜色呼应//饱和度(Saturation)指的是色彩纯度。是色彩的构成要素之一。纯度越高，表现越鲜明，纯度较低，表现则较黯淡//明度也指颜色的明暗程度。色调相同的颜色，明暗可能不同。例如，绛红色和粉红色都含有红色，但前者显暗，后者显亮

3.不可使用过于老旧的配色

颜色展示易读

1.文案颜色需与视觉画面颜色搭配且识别性高举例：浅黄色背景不可使用白色文本，无法清晰阅读

颜色适合画面调性

指导建议：1.风格配色：使用可表达场景风格的配色1）商务科技：多使用高级简约的蓝色、紫色、金色等配色2）柔和优雅：多使用粉色、白色、紫色、蓝色、香槟色等配色3）卡通可爱：多使用饱和度、明度高的配色（红色、黄色、蓝色、绿色等）4）复古文艺：多使用饱和度低的米色、褐色、红棕色等颜色

色彩和谐

指导建议：2.节日配色：使用可表达节日的代表色1）圣诞节：红色、绿色、黄色、金色等2）国庆节：红色、黄色、橙色、绿色等3）情人节：粉色、红色、紫色等

进阶原则

对比

对比

设计具有视觉中心

排版

文本清晰

文本展示清晰可辨

视觉分组

视觉分组清晰明了

层级清晰

文本内容层级清晰

多文组合统一

多文本排版合理

字体配对有效

多种字体配对和谐

类型组合平衡

图文结合排版平衡

图形元素

风格一致

图形元素与风格一致

材质配对有效

多种材质配对和谐

平衡视觉

图形元素有助于视觉平衡

比例得当

元素比例关系得当

图片样式

色调吻合

图片色调适配视觉

裁剪得当

图片的裁剪合理有效