浅谈网页设计中的视觉平衡感

平衡就是和谐。所以,当你看到一些看起来不错的一致性和相似性的事物,最有可能你观察到一个完美平衡的构图。它可以是在自然界中的一个物体,一幅画、建筑、摄影,甚至一个网站。

在本文中,我们想引起你的注意力所谓是在网页设计中视觉平衡。您可能已经知道什么是平衡,但是在网页设计中视觉平衡可能听起来很棘手。当你是个孩子的时候,你学会了骑自行车之前，你可能摔倒几次，由于缺乏平衡(尽管你的身体记得平衡)的重要性。不过,让我们从另一个角度看看这个现象。因为它与网页设计有关。

几种类型的平衡

1，对称的平衡

如果你希望您的web页面上的对象或整个网站看起来优美并令人难以置信的优雅,你应该制作一个对称的网站。通过在中心轴两侧放置相似物体，这效果很容易。这说明。通过大小相同的图像,基于网格的文本段落,或匹配文本的照片。这里有几个按照这个格式的网站设计的例子。

巴克山高中

神奇面包气球

您可以容易地在网络上找到很多集中布局,实际上,对称被认为是最愉悦的一种设计。因此,人们倾向于仔细看看这种类型的设计而不感到不舒服。对于我们大多数人来说，这是一个典型的思维方式。

然而,当从头开始创建对称设计,有时没有这么简单。考虑到这一点, 开始时使用扁平的配色方案和大量的空白,直到你有经验创建这种类型的设计。

因为这种类型的设计更加悦目, 在今天的网页设计中更常用的。但是，网页浏览者充满对净洁的完美对称的视觉效果的需求,这些，专业设计师工作难以实现。所以在极少数情况下,世故的网络用户从对称的设计中渴望得到不同的东西,一种对非堆成设计更具挑战性的设计。

2，非对称平衡

不对称把休闲情绪运用到任何设计中。这对浏览者是有点不自然,即便它在图像和网页设计中经常使用。通常情况下,您会看到用远离轴心的巨大图片来特写某个对象的网站。例如

Biamar

在网页设计中利用非对称平衡的另一种方式是在网页的上半方使用不相称的对象。这可以是弯曲的线条,几组不同大小的物体或照片与文字的组合。

Orangina 欧洲网站

企业基金会

当设计的主要对象转移到左边或者右边(或顶部或底部)时，许多浏览者发现它新颖和引人注目。不对称的平衡需要额外参数,如颜色和形状,所以如果你决定给你的网站以特色,你应该在网站发布之前准备做好实验,以避免混乱网站的访问者。

不对称设计,表面上显得极其不平衡,当然有其时间和空间。但这种风格必须谨慎使用,只有在确保吸引网站浏览者情况下选择使用。记住,一个不对称的设计是一个非常强大的工具,它可以激励观众持续停留并探索你的网站。

不论你喜欢什么类型的不对称,重要的是要保持整个设计平衡。

3，水平平衡

这种类型的平衡可能是最典型的网站布局。大多数文化从左向右读,观察相似或相等的元素在网页 的左右是很自然的。

横向平衡页面结构是重点推荐给保守的观众的一个项目。如果你的客户不关注创造力,那么你的设计应该简单而拘谨的。这里有一个水平平衡的网站例子。 办公室业务配件

4，垂直平衡

当顶部和底部的设计元素非常相似时，就会产生垂直平衡。沉重的图像可以与白色的空间，轻菜单,或丰富的彩色元素-任何清晰的线条相平衡。非常简单的解决方法是对项目形象滑块放置在网页的头部。它还适用于排版印刷设计，像下面的网站。 瑞安·m·Stryker组合

悖论实验室

所以,是什么让一个成功的设计?

拥有很高的用户满意度是成功设计的关键。所以，在下一节中,让我们看看一些影响平衡感觉的设计元素,以及用户对一个网站的满意度。

1，颜色

当选择你的网站的调色板时要小心。应用几种色调(2 - 3个就够了)以保持视觉吸引力。当混合颜色太多,观众可能将其解释为混乱，自然会拒绝该网站。

看一看西面的设计，显而易见的,比应该的颜色太多了。颜色是激进的,无论布局结构如何,该设计是没救的。

Penny果汁是谁?

大约一年前，平面设计趋势开。,因此，许多网站很快被重新设计。现在,有太多不可读的网页、文本和背景的相互融合。不平衡的配色方案可能摧毁良好的布局。所以,如果你想避免这个错误,确保要使用互补的颜色。有许多在线免费工具,如:Paletton,Copaso,Adobe Kuler,ColorCode,CheckMyColors等等。

2，留白

留白是一种方便而有吸引力的方法，它可以分解页面空间,使内容更具有视觉吸引力。这简约的趋势已经存在很多年了,大概要保留很长时间。

使用空白时,设计者可以用较轻的元素迅速平衡杂乱的内容。它以文本的形式,图形或视频，引入的附加信息 使页面看起来简洁。

3，照片或图像

当一个网站有太多图片,用户加载时间缓慢。当站点访问者用他们的移动设备进入网站,网站的输入和输出流量是有限的。这样就很难上传巨大的照片和视频,人们会于离开会沮丧地离开你的网站。

这并不意味着不使用图像和照片。然而,如果您使用一个网格图像画廊或一组滚动的图片，一定会优化web页面的其他部分,以此最大化地实现其功能能力和减少加载时间。这将确保你的照片来自脆的清晰的,并且迅速的，而不是像素或更糟的是,破碎的图像。

4，对象大小

您的设计元素的大小将帮助确定，对称或不对称地平衡设计哪一个效果最好。同样大小的对象位于页面上方会让你更接近你所追求视觉平衡。与此同时,如果你选择大小不同的内容块来创造一种平衡的不相称,还可以愉悦眼睛。例如：

媒体机构

L’Hamburgheria

5，在页面上的位置

当创建一个web页面的模型,一切都似乎是简单的。但当布局充满了颜色,图片,和形状,一切都不是那么容易。每个设计元素都有自己的属性和特征,可以补充或工作。要达到平衡网站的外观,您可以将设计元素接近或远离从中心线(无论是虚构或真实)。

应该提到的是,当进入一个网站时,我们倾向于仔细看看屏幕的中心,而不是它的边界和边缘。例如 阳光度假村

结论

平衡是一个很容易丢失的网页设计的基本原理,。利用常见的web设计元素,如选择正确的颜色,形状,对象的大小和位置,可以更容易地达到视觉平衡。总之,不要担心做些与众不同的事，平衡的概念仍然非常通用的。