对齐方式之拓展 上.pptx

对齐方式之拓展上;案例分析

我们可以拿常见的网店Banner设计为例来说明排版中的误区，

这是一个看上去比较常见的设计，左图右文，排版最大的问题

就是右边的文字信息过多，字体主次不太分明，造成阅读拥挤。;下面我们逐条分析作品中的问题：

1）字体颜色单一，且饱和度极高，容易让人视觉疲劳

2）三行字体间距过于紧密，字体的字号没有区别

;作为平面设计师，我认为也应该和文案一起结合考察，文案本

身是否足够精简扼要？次要的文案是否可以删掉？设计师的职

责并不是“美化”，而是“体验”，把自己放在接受者的位置

，你愿意对方一次性就输出这么多信息给你吗？还是想慢慢一

步步接受后再深入了解？

于是可以我们做下面的调整：

1）将文字的色彩进行调整，形成阅读的主次顺序，照顾到整个

Banner要传递的主要信息——冬季新品，放大的冬字才用宋体

，和其他的字体相异。宋体的字型对应女性的轮廓，看上去更

具曲线感。;在不改变原有布局和素材的情况下，我们把字体排版进行了调整，

版面就清晰、简洁了许多。

也许很多人会说：简洁当然是正道，但是老板/甲方不喜欢啊！我

对于这样的问题也常常会遇到，老板/甲方也是人，人当然会分种

类，人也会失策，会有自身的局限性……如果设计师不能给他建议，

他当然会跟随旧有习俗走，如果我们能发挥专业知识，带他来到新

的路，是否走这条路全凭他自己选择，我们要做的就是尊重对方的

选择。但是，我们必须要提供这样的可能性呈现到对方眼前。;行距：相对的距离

行距是段落上下两行文字的疏密程度。行距在文章中的作用是

有效的引导阅读。两行文字之间的行距太近会让阅读变得困难，

而离得太远同样也会造成问题。

行距和形成平面构成种的「面」这个元素是分不开的，不同的

行距构成面的密度，也即是文章段落呈现的灰度。

行距和行高又是紧密不可分割的，比如字体的行高为10px，那

么行距如果为2px，也就是行高的1/5倍，就会变得太挤，不易

阅读。

如果我们拉开行距到5px，也就是行高的1/2倍，则阅读起来就

比较舒畅，轻松。;当行距为行高的1倍，看起来行???是比较宽，有些人会觉得整个段落

看起来不够紧凑，但我个人感觉如果行距和行高相等时，段落看起来

松散，让阅读者会有种和缓的速度。比如我个人就比较倾向喜欢阅读

这一比例的文字段落。

;案例分析

下面还是以一个具体的案例来说明行高在排版中的视觉作用。

这是一个家居主题的Banner设计，也许初看上去并没有什么

问题（设计的问题大都是通过对比才会发现的）。

仔细看过后，我们会发现右边的文字阅读起来略有点困难，

这是由于行高太小而造成的。

;为了解决这三个比较大的问题，我们作了下面一些调整：

1）改变小字的行高，让两行小字跟随右侧的斜线条，形

成呼应，并且让小字和大字也保持距离

2）整体文字稍微缩小，给整个版面以呼吸的空间。

3）「全场8折」四个字用橙色作底，橙色是温暖的颜色，

给版式加暖，且让文字排版多一些变化，信息层次更分明

4）大的文字采用渐变填色，比起纯色平涂，带有微微光感。

5）整个画面的色调调得更暖，配合家居的温暖氛围