|
我们从开始接触设计到走上工作岗位，就在不停地学习各种设计理论知识，部分人经过正确的方法一步步突破了自己的瓶颈，但大部分人设计水平提升有限。具体是什么原因呢？总结下来主要是眼高手低，实战太少！ 从本期开始，我们通过大量的、具体的实例评改，将以往所学的理论知识活学活用，快速提高设计水平。 下面先看第1例原稿，分析主要有哪些问题。 原稿 文字信息： 1）信息组的字间距行间距不合理，都偏疏散；主标题尤为疏散，整体性差；人物名字“翟墨”字号偏大，字体不太适合，引起视觉跳跃。 2）信息层级比较平均，缺乏鲜明的对比，主次不分明。 3）信息虽然归类，但是纯文字形式的表达欠缺变化，画面不够丰富。 色彩搭配： 版面中运用了大面积的蓝色，蓝色的饱和度都比较低，明度比较高，层次感比较弱，视觉上感觉有点发灰。透明色块的运用则干扰了信息的识别。 图片和背景： 背景图相对复杂，加上半透明色块，整个背景显得凌乱；人物照片稍大，太靠近色块边缘，显得拥挤。 细节处理： 二维码的描边不太美观。 注意： 还有一点需要交代，就是字体的版权——商业设计中只能使用无版权的字体或者已购买版权的字体。我这里使用的是思源黑体。 01 文字信息初步调整 我们要做的第一步先将文案信息字符间距与文本行距调整好， 接着让信息组之间的间距进一步扩大，根据版面空间进一步归类。最后将信息按照其重要性用大小做出基本的对比。 02 人物照片和人物介绍调整 原稿的人物图片太大，四周的空间感觉比较拥挤。再者下面的人物简介，其实这段文案是需要着重强调的，但是现在显然就有点弱化了。还有人物的名字，字体过于粗大不太合适画面，字号也偏大了，一方面与文案重点不符，另一方面造成信息权重的不统一。 首先将人物的图片缩小，利用四周留白凸显人物的重要性，而人物下面的重要信息移动到主标题的下方，和主标题建立起亲密性，凸显其重要性。人物照片下的名字保留，只作为对图片的简单注释。中文名字配上拼音，细节处更丰富。 03 文字信息分割 调整到这一步会发现另一个问题：信息组太多了，怎么增加各信息组的识别性呢？ 此时空间的分割显得尤为重要，空间分割可以非常直观地将版面的信息明确划分。这里暂时先用灰色块分割空间，延续原稿的方形大格局。当然信息划分也是有标准的，在信息组较多的情况下，尽量将信息类别相似的归到一个空间中。比如这里的报名价格、报名热线以及二维码信息都是和报名有关的基本信息，所以它们更适合在一起。 04 图片和背景初步调整 原稿的空间分割虽然也是用色块，但是没有达到应有的效果。随着空间的收缩，反而使得信息更加的密集，而且半透明的色块与凌乱的背景叠加也影响信息的准确传达，视觉效果不好。 选用海上帆船背景图处理成灰色并进行适当地裁剪，替换先前的灰色色块，氛围感更好，行业属性也更加匹配。背景图片的裁剪要尽量保证信息的识别性。第一种，图片明度对比太大，层次感强，干扰了信息的识别，也就是不适合担当承载性的角色。而第二种，图片明度均衡，信息传达清晰。 05 配色调整 蓝色代表大海，也代表胸怀，通过对版面中分割出的背景图进行色彩调整，明确项目的整体调性。主标题也用蓝色，和主背景有色彩上的呼应，统一性更强。 注意图片颜色选择，这里选用了与深灰色明度相近的蓝紫色，画面更有品质感。 06 增加变化丰富版面 紧接着如何让更多的信息具备美观性和装饰性呢？ 价格数字需要进行突出处理；报名热线可以采用线框的表达形式，使信息更具视觉性，而信息的两行编排也大大增加了电话号码的发挥空间。
同样，将数字1/2/3变成线之后设计感更强，视觉更好。
添加上企业logo和合作方logo等基本信息，然后将主标题和副标题往下移动一些，让信息在空间分布上更为均衡。 07 进一步优化
如果想继续优化的话，可以结合与项目相关的要素，比如海水、波浪，提炼出水的形态，与画面相融合。
|
|
|
