1、表单设计规范


 

前言:

表单由封面页、答题页、提交页组成。其中答题页不可做素材叠加,封面页和提交页可以进行素材叠加。

整体而言,表单封面页、答题页、提交页在色彩、素材、排版、文案层级上有共性的问题,同时封面页、答题页和提交页又有较为特殊的主要问题。

本文的【设计总则】为表单封面页、答题页、提交页都需要遵守的设计规范。【封面页主要问题】、【答题页主要问题】、【提交页主要问题】,为制作封面页、答题页、提交页时需特别关注的问题。

一、设计总则

1、色彩搭配

色彩搭配和谐不跳跃,有主体颜色;全部素材颜色控制在4种以内(包括小装饰、字体)

❌反面案例

✅正面案例

画面颜色数量过多,色彩之间相互打架,主色调不明显

看上去非常脏乱

整体画面有主色调,加上装饰小元素,整体色彩颜色不超过4种

各元素色彩相互呼应,搭配和谐美观

2、素材

①素材风格统一

表单素材风格1种(如画面特别美观的情况下可放宽素材风格种类限制)。确认主元素风格,使用统一风格素材

❌反面案例

✅正面案例

画面素材多,且风格不一致,看上去杂乱

素材风格统一,即使画面素材量也不少,也有利于整体和谐

②素材量精简使用

❌反面案例

✅正面案例

素材量使用过多,且素材风格排版等没有章法,单纯素材堆积

1、突出主素材,元素使用需适量减少,画面排版精简

2、素材可巧妙重复使用,相互呼应

3、排版

版式规整不凌乱

❌反面案例

✅正面案例

版心未对齐,素材文案各自分布零散,不规整

1、版心对齐,可多使用文本框等元素,将同类信息根据画面排版整合到一个板块进行排版设计

2、根据标题、内容层级关系进行字号或设计样式区分,不过多打散内容素材

4、文字排版有信息层级

文字排版有信息层级,可视化强,切忌文案堆砌。(答题页因产品限制不能进行说明文案排版,因此对答题页文案暂不做要求)

❌反面案例

✅正面案例

大量文案堆积,无字体、颜色、版式等的设计

可视化差

1、通过改变字体样式(颜色、字体、字体大小)让文字有信息层级的区分,但整体画面字体尽量不超过3种;

2、通过增加色块、文本框、形状、图标、图片等元素,让文本排版更加丰富,错落有致

二、封面页主要问题

1、版式同质化

❌反面案例

✅正面案例

封面页大量为主标题+说明文案+素材,从上到下的排列方式,无创新,同质化严重

将封面页当成海报进行设计,充分发挥创造力

1、更改排版样式(左右构图、对角构图、四角式构图、居中构图、四角构图、包围构图、曲线构图、散点式构图、轴线式构图等),提升作品排版样式多样性

2、根据不同主题,进行不同的创意设计

2、文字堆积

❌反面案例

✅正面案例

大量文案堆积,无字体、颜色、版式等的设计

可视化差

1、通过改变字体样式(颜色、字体、字体大小)让文字有信息层级的区分,但整体画面字体尽量不超过3种;

2、通过增加色块、文本框、形状、图标、图片等元素,让文本排版更加丰富,错落有致

三、答题页主要问题

版式同质化

常见案例

✅正面案例

目前表单头图形状多为长方形,和内文界限较为明显

可通过勾勒头图的下方弧线,模糊头图形状,让答题页头图样式看上去多样

四、提交页主要问题

排版零散

❌反面案例

✅正面案例

版心未对齐,素材文案各自分布零散,不规整

1、版心对齐,可多使用文本框等元素,将同类信息根据画面排版整合到一个板块进行排版设计

2、根据标题、内容层级关系进行字号或设计样式区分,不过多打散内容素材


粥粥 2023年4月3日 17:01 收藏文档