湖南正致教育 UI设计基本功 版式设计的多个规律

版式就是指在一种既定的平面上，对一切视觉元素，即字与字、行与行之间的空隙、字体的选择、图片的编排、字行的方向等进行科学合理的安排，使各个组成部分的结构平衡协调，给观者提供方便与舒适的阅读。



版式设计不仅是一种编排技能，它还含有一定的科学性和很高的艺术创造性。版式设计在符合视觉阅读习惯的基础上要大胆创新，设计出更具审美品位的版面形式。以下是版式设计的基本表现规律：



视觉

人们平常的生活习惯为向上是升起，向下是降落或稳定；看书是从左上角开始阅读，这样的视觉经验形成了一种视觉心理反应。当人们在平面的纸上看到一个图形或文字在上方时，就会产生向上漂浮的视觉感受，当图形或文字在下方时，就会产生向下降落的视觉感受。



根据这些感受可以用点在白纸上做试验（大家可以自己建立文档测试一下，这里我就不一 一去展示了。）：

①将一个点放在白纸的上方就会产生向上漂浮、轻松的视觉感受。

②将一个点放在白纸的下方就会产生向下降落，稳定的视觉感受。

③将一个点放在白纸的左边就会产生舒畅，起点的视觉感受。



④将一个点放在白纸的右边就会产生终结、停顿的视觉感受。

⑤将四个点分别放在白纸的边上就台产生开阔、向外扩张的视觉感受。

⑥将四个点靠近放在中心就会产生紧张的视觉感受。

⑦将四个点松散开来就会产生远离的视觉感受。



根据以上的视觉经验和感受，在设计版式时就可以注意到需要什么样的视觉效果，而采用相对应的方式。



比例

比例尺度是设计构成的重要审美形式。罗马人发现了黄金分割，认为是比例，其比例为0.618。当时多用于建筑、雕刻，后来人们也将这一比例沿用到绘画、设计等领城。当然，随着社会的发展人们的审美发生了变化，追求个性化的比例也是现代设计创新的表现。但无论怎么样，只有版式设计符合了黄金比例，才能更具美感，符合人们的认知规律。



中心

面对一张正方形的平面纸，人的视觉中心要比几何中心高一些。这可能是习惯视线从上向下看的原因。什么是视觉中心？视觉中心就是不借助任何测量，直接凭眼睛看的中心就是视觉中心。什么是几何中心？所谓几何中心就是经过测量产生的中心。



人是有视错觉的，由于有视错觉，才有了视觉的感受和习惯，在设计中要善于运用习惯的经验和视错觉。一般版心的位置都不是在正中心，而是稍微向上一些才感到视觉舒服，如果把版心定在中心就会产生下坠的视觉感受。所以设计版心的位置不完全是靠测量，需要有一定的视觉感受。



方向

方向感是有序的排列形成的一种视觉运动状态，它具有一定的运动方向感，可以将其归纳为水平、垂直、倾斜三种形式。

在版式设计中，所有的元素都能够排列成具有运动方向感的形式。在版式设计中文字是元素。用文字组成的行表现为线的形式，由字行集合成行组，其构成的形状表现为某种运动的方向，或水平，或垂直，或倾斜，这些方向可以共同运用在一个版面上，但要注意不能花乱，要有一定的视觉秩序性。



对称

对称给人一种稳定感，也是版式设计中经常运用的形式。自然界中的动植物有着一定的自然法则存在于自然界之中，人们早已熟悉并喜欢这一大自然造化的和谐，并用这一形式创造出具有实用价值和审美意义的人类文明。对称的版式给人一种稳定、庄重的视觉内涵，所以常用于比较严肃古典的版式风格，当然现代风格的版式也可以运用，运用恰当也会体现出现代感。



均衡

均衡是视觉力的平衡而不是形的对称，是不以中轴线来限定两边等量对称视觉平衡的。均衡在版面中表现出较活跃的形式感，由于两边的形的大小不同，又能产生平衡的视觉，所以在设计中更显得自由。均衡在达到的视觉范围是利用空间的气韵和元素的呼应关

系。



空白

计白当黑就是说白也是有内容的，空白与版心中的文字、图形从视觉意义上来说是同样重要的。空白留的多少直接影响着版面给人的感受，影响首文字与图形的美感，所以在设计版心的 ‘实”形时也要注意空白的“虚”形，没有虚就无所谓实，虚实是相兼的。



留白是美学的一个大学问，具有审哲理意蕴。不同的留白会产生不同的视觉心理感受和审美品质，在设计中要根据版式设计的内容及设计的风格设计出具有内涵的版面空间。



节奏

版式设计不仅仅是确定版心的大小、位置，还要构成版面的节奏与韵律。作为视觉艺术的节奏与韵律和音乐中的节奏与韵律一样，视觉艺术需要将抽象的点、线、面等形状有意识，有秩序地安排产生对比与和谐，从中产生视觉的节奏与韵律。



分割

版面分割是二维的比例构成关系，版面分割是为了有序的视觉层次。分割是在整体中分割出许多的部分，它们之间产生了不同大小的区域，也就有了一种构图的方法，在比例关系中产生了主次，这样就会使版面主题突出，层次分明。



版面分割是要将所有的元素合理地组织在一起，产生视觉形式感，使版式设计收到主次分明、清新阅读的效果，不至于产生诸多元素的堆积感，避免主次不分的状况。版面对比可强可弱，可以组织成无穷无尽的版面分割产生丰富的版式设计形式。



在版面分割过程中应该注意不要过多地分割层次过多的层次分割往往会造成视觉的混乱，所以层次分割要简洁明了，既分出了主次又能体现分割的形式美感。分割是版面元素组织的手段，也是版式设计的形式语言。



版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更实现了技术与艺术的高度统一。版式设计可以说是现代设计师所必备的基本功之一。



湖南正致科技专注UI设计技术产学研，以创新的研发方式和完善的技术服务享誉业内。在线咨询Q Q：1558345601，电话：0731-85867638，长沙市岳麓区汽车西站西中心T2栋1503室