视觉质量审核及制作规范
分类
|
原则
|
关键
|
要求
|
具体表现
|
演示图例
|
基本原则
|
组合
|
版心间距
|
版心清晰明确
|
1.版心区域明确,所有文本图片内容所在区域具有规律性//版心概念:图中所有重要内容(主元素、文字)所在区域距离画面上下左右边距具有一定规律性,使版面协调美观;
|
![](/media/202305/20230531174320667521.png)
|
2.画面四周保留的出血间距合理且舒适//手机海报640x1008尺寸,保留20-50px的间距较为合理//邀请函720x1280尺寸,保留30-60px的间距较为合理//全屏海报1125x2436尺寸,保留60-90px的间距较为合理
|
![](/media/202305/20230531174320672326.png)
|
3.整体排版不过度靠内或靠外
|
![](/media/202305/20230531174320676618.png)
|
信息层级
|
信息层级直观有效
|
1.通过字号大小、粗细、颜色、重量、位置等,体现出大标题、副标题、正文、时间地点、装饰文案等信息的层级和重要性
|
![](/media/202305/20230531174320680865.png)
|
2.图文排版引导阅读顺序,内容清晰易读且易懂
|
3.不同层级的文案内容通过间距拉开信息层级//亲密性原则:相关联内容靠近,不相关内容距离拉开
|
平衡
|
视觉构图平衡
|
1.画面避免头重脚轻/头轻脚重,左右/对角构图同理//头重脚轻/头轻脚重指:文案或者元素堆叠比较集中在画面一个部位,导致其他位置不均衡,显得过重或者过轻
|
![](/media/202305/20230531174320684911.png)
|
2.文案、元素排版未出现不合理的过度留白或过度拥挤,前后层次关系清晰
|
3.整体视觉画面平衡舒适
|
对齐
|
对齐
|
1.左对齐2.右对齐3.居中对齐
|
1.画面中的元素整体遵循一种对齐原则,不出现多种不合理的对齐形式//不合理情况:画面对齐整体观感不合理:画面头部文案左对齐,中间文案中间对齐
|
![](/media/202305/20230531174320692446.png)
|
2.多文本内容排版时,整体/单个文本排版均遵循一种对齐原则(整体观感舒适)
|
![](/media/202305/20230531174320698530.png)
|
重复
|
重复
|
画面风格一致
|
1.画面中元素风格保持一致//元素一致:所有绘制的、素材的内容,风格保持一致;例如都是中国风,不能国风和渐变素材结合
|
![](/media/202305/20230531174320702912.png)
|
2.画面中色彩搭协调一致//主元素色彩和画面色彩互相呼应
|
3.字体风格和画面风格保持一致//不一致:如商务风格使用卡通字体
|
准确
|
信息准确
|
图文信息准确有效
|
1.文本内容:无错别字,缺字、违禁词或误导性文案
|
![](/media/202305/20230531174320708006.png)
|
2.英文书写及组合形式不出现错误(不确定时可使用拼音)
|
3.日期组合形式表达正确,无歧义
|
4.图片使用时,需使用正版素材(素材商合作素材)
|
5.正确使用标点符号:1)文本内容中段落回行时首字不可出现标点符号2)正文多内容排版,段落样式保持两端对齐等
|
6.书信、邮件等特殊格式需规范正确
|
文案
|
字体组合
|
字体组合和谐
|
1.整个画面中字体不得超过3种
|
![](/media/202305/20230531174320715151.png)
|
2.字体的选择和效果不可过于花哨而影响文本阅读
|
3.多文本内容情况下,正文使用常规黑体/宋体,提高阅读性
|
风格适配
|
字体风格适配
|
指导建议:1.文艺情感:衬线体(宋体)、细体、手写字体(整体风格可偏柔美雅致)
|
|
指导建议:2.历史文化:书法字体、宋体(整体风格可偏古典/豪放)
|
指导建议:3.商务科技工业:宋体、黑体、书法字体(整体风格可偏硬朗高级)
|
指导建议:4.卡通可爱:圆体、手写体、创意体(整体风格可偏圆润可爱)
|
指导建议:5.潮流创意:创意字体、手写体、常规黑宋(整体风格可偏创意)
|
颜色
|
颜色
|
颜色适量且一致
|
1.整体配色主色不超过3种;//创意视觉在画面和谐的情况下颜色不超过5种(进阶原则)
|
![](/media/202305/20230531174320720709.png)
|
2.画面色调保持一致,主元素和背景/主色调颜色呼应//饱和度(Saturation)指的是色彩纯度。是色彩的构成要素之一。纯度越高,表现越鲜明,纯度较低,表现则较黯淡//明度也指颜色的明暗程度。色调相同的颜色,明暗可能不同。例如,绛红色和粉红色都含有红色,但前者显暗,后者显亮
|
3.不可使用过于老旧的配色
|
颜色展示易读
|
1.文案颜色需与视觉画面颜色搭配且识别性高举例:浅黄色背景不可使用白色文本,无法清晰阅读
|
颜色适合画面调性
|
指导建议:1.风格配色:使用可表达场景风格的配色1)商务科技:多使用高级简约的蓝色、紫色、金色等配色2)柔和优雅:多使用粉色、白色、紫色、蓝色、香槟色等配色3)卡通可爱:多使用饱和度、明度高的配色(红色、黄色、蓝色、绿色等)4)复古文艺:多使用饱和度低的米色、褐色、红棕色等颜色
|
|
色彩和谐
|
指导建议:2.节日配色:使用可表达节日的代表色1)圣诞节:红色、绿色、黄色、金色等2)国庆节:红色、黄色、橙色、绿色等3)情人节:粉色、红色、紫色等
|
![](/media/202305/20230531174320728543.png)
|
|
|
|
|
|
|
进阶原则
|
对比
|
对比
|
设计具有视觉中心
|
|
|
排版
|
文本清晰
|
文本展示清晰可辨
|
|
|
视觉分组
|
视觉分组清晰明了
|
|
|
层级清晰
|
文本内容层级清晰
|
|
|
多文组合统一
|
多文本排版合理
|
|
|
字体配对有效
|
多种字体配对和谐
|
|
|
类型组合平衡
|
图文结合排版平衡
|
|
|
图形元素
|
风格一致
|
图形元素与风格一致
|
|
|
材质配对有效
|
多种材质配对和谐
|
|
|
平衡视觉
|
图形元素有助于视觉平衡
|
|
|
比例得当
|
元素比例关系得当
|
|
|
图片样式
|
色调吻合
|
图片色调适配视觉
|
|
|
裁剪得当
|
图片的裁剪合理有效
|
|
|
元宝
2023年5月31日 17:58
收藏文档