前言:
表单由封面页、答题页、提交页组成。其中答题页不可做素材叠加,封面页和提交页可以进行素材叠加。
整体而言,表单封面页、答题页、提交页在色彩、素材、排版、文案层级上有共性的问题,同时封面页、答题页和提交页又有较为特殊的主要问题。
本文的【设计总则】为表单封面页、答题页、提交页都需要遵守的设计规范。【封面页主要问题】、【答题页主要问题】、【提交页主要问题】,为制作封面页、答题页、提交页时需特别关注的问题。
一、设计总则
1、色彩搭配
色彩搭配和谐不跳跃,有主体颜色;全部素材颜色控制在4种以内(包括小装饰、字体)
❌反面案例 |
✅正面案例 |
画面颜色数量过多,色彩之间相互打架,主色调不明显 看上去非常脏乱 |
整体画面有主色调,加上装饰小元素,整体色彩颜色不超过4种 各元素色彩相互呼应,搭配和谐美观 |
2、素材
①素材风格统一
表单素材风格1种(如画面特别美观的情况下可放宽素材风格种类限制)。确认主元素风格,使用统一风格素材
❌反面案例 |
✅正面案例 |
画面素材多,且风格不一致,看上去杂乱 |
素材风格统一,即使画面素材量也不少,也有利于整体和谐 |
②素材量精简使用
❌反面案例 |
✅正面案例 |
素材量使用过多,且素材风格排版等没有章法,单纯素材堆积 |
1、突出主素材,元素使用需适量减少,画面排版精简 2、素材可巧妙重复使用,相互呼应 |
3、排版
版式规整不凌乱
❌反面案例 |
✅正面案例 |
版心未对齐,素材文案各自分布零散,不规整 |
1、版心对齐,可多使用文本框等元素,将同类信息根据画面排版整合到一个板块进行排版设计 2、根据标题、内容层级关系进行字号或设计样式区分,不过多打散内容素材 |
4、文字排版有信息层级
文字排版有信息层级,可视化强,切忌文案堆砌。(答题页因产品限制不能进行说明文案排版,因此对答题页文案暂不做要求)
❌反面案例 |
✅正面案例 |
大量文案堆积,无字体、颜色、版式等的设计 可视化差 |
1、通过改变字体样式(颜色、字体、字体大小)让文字有信息层级的区分,但整体画面字体尽量不超过3种; 2、通过增加色块、文本框、形状、图标、图片等元素,让文本排版更加丰富,错落有致 |
二、封面页主要问题
1、版式同质化
❌反面案例 |
✅正面案例 |
封面页大量为主标题+说明文案+素材,从上到下的排列方式,无创新,同质化严重 |
将封面页当成海报进行设计,充分发挥创造力 1、更改排版样式(左右构图、对角构图、四角式构图、居中构图、四角构图、包围构图、曲线构图、散点式构图、轴线式构图等),提升作品排版样式多样性 2、根据不同主题,进行不同的创意设计 |
2、文字堆积
❌反面案例 |
✅正面案例 |
大量文案堆积,无字体、颜色、版式等的设计 可视化差 |
1、通过改变字体样式(颜色、字体、字体大小)让文字有信息层级的区分,但整体画面字体尽量不超过3种; 2、通过增加色块、文本框、形状、图标、图片等元素,让文本排版更加丰富,错落有致 |
三、答题页主要问题
版式同质化
常见案例 |
✅正面案例 |
目前表单头图形状多为长方形,和内文界限较为明显 |
可通过勾勒头图的下方弧线,模糊头图形状,让答题页头图样式看上去多样 |
四、提交页主要问题
排版零散
❌反面案例 |
✅正面案例 |
版心未对齐,素材文案各自分布零散,不规整 |
1、版心对齐,可多使用文本框等元素,将同类信息根据画面排版整合到一个板块进行排版设计 2、根据标题、内容层级关系进行字号或设计样式区分,不过多打散内容素材 |