详解为什么版式设计你总是没有思路(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:琳琳linlin

关键词

二分构图:

文案和主体分开,呈左右或者上下的构图形式,注意的是文案要采用对齐原则。这样的构图也是比较容易创建的。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

形状构图

主体和文案组合的形式可以是圆形,三角形,矩形等形状构图。注意如果是用三角形构图,最好呈倒金字塔结构,这样更加轻便引导用户进入下一个信息层。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

3.整体平衡(满版平衡)

整体平衡,是指图片充满整个版面,文案布局在上下,左右,中部的位置,特点是主要以图像为诉求,视觉传达直观而强烈。满版型构图,给人大方,舒展的感觉。注意:在设计的过程中,这种类型的文字处理很容易显得“嘈杂”,因此为了避免拥挤的空间,适当删减些文字。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

三.设计原则

对构图形式了解后,我们还要知道一些基本的设计原则,虽然这些原则我们可以在其他地方反复的看到,但是我在这里还是要强调一遍,因为它可以帮助我们在打破规则之前,必须清楚规则是什么。另外注意一点就是,这几个原则不是独立分开的,而是可以同时考虑和结合,不是唯一选择:

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

对比:

缺乏对比,作品会变得平淡乏味并且不能有效地传递信息。艾美奖设计师、Blind公司创始人Chris Do 说过contact is king(对比至上),运用好对比,可以在页面上引导用户的视觉,并且制造焦点。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

一般产生对比的方法可以有:大小对比;粗细对比;冷暖色对比......不管是哪种对比,当你期望对比效果有效的话,需要大胆一些,明显一些,不要拿12号和13的文字做大小对比,这是没有任何意义的,不要畏畏缩缩,做设计也是一样。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

对齐:

任何元素都不能在版面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。在版面上找到可以对齐的元素,尽管它们可能距离比较远。需要注意的地方是避免同时使用多种对齐方式。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

左边的海报采用了矩形构图,右边的海报采用了二分构图,但是文案都是找到了一条明确清晰的对齐线,这样让版面产生了秩序美。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

亲密性:

同类相近,异类相远,相关的元素距离靠近,归组在一起,成为一个视觉单位,而不是多个孤立分散的状态,这样有助于组织信息,减少混乱,让结构变得更清晰。根据文案内容,进行合理的分组于归类。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

左边海报文案分成了4组,清晰有条理,中心的主体和点缀元素也利用了亲密性原则,使得中心主体显得更饱满;右边海报主体采用了发射构图,整体呈倒置的金字塔形式,这种锥形容易引导用户阅读下一个信息层。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

重复:

重复的目的是统一,并增强视觉效果。比如标题都是同一个字体或大小或粗细。但需要注意的是,要避免太多地重复一个元素,重复太多只会让人讨厌,要注意重复的“度”。太多的重复会混淆重点,都是重点等于没有重点。一般来说看,呈均匀的重复式图案,是作为背景使用的。

详解为什么版式设计你总是没有思路,PS教程,思缘教程网

 收藏