上海网站建设

上海网站建设

咨询热线:(021)51698180


网站设计,平面设计

上海网站建设RSS订阅  RSS订阅  新浪微博  新浪微博  上海网站建设客服  客服  获取报价  获取报价

网页设计中的平衡概念

在设计领域,平衡的是指元素的对称,这创造了和谐,秩序和凝聚力。不对称是打破平衡,并可能导致视觉有趣的结果。
 
 
在设计的时候运用平衡的概念,可以帮助引导观众的眼睛。在这篇文章中,我将介绍平衡以及影响平衡的因素。让这个成为设计师的工具,纳入设计工作中。

什么是平衡?
平衡是在设计中视觉重量的平均分配。围绕一个垂直的轴,将视觉分成平等的两部分。人是双边关系的生物,有天
生的平衡感,当视觉元素不是围绕着一个垂直轴形成平衡,其效果是令人担忧,使我们不舒服。
 
对称平衡
对称平衡,或正式的平衡,组成元素是相同的轴心线两侧。
 
 
Kite Experience网站(http://www.kitexperience.com/),如下图所示,说明了这一概念。许多元素和内容块居中
,双方按比例均匀创造双边对称,我们可以看到部分内容是如何保持相同的大小。
 
 
纵向平衡
纵向平衡是垂直方向的对称版本。上部、下部保持平衡。
 
 
水平平衡
左右平衡
 
 
其他形式
径向平衡
 
 
反射对称
超过一轴平衡的视觉组成。它通常被称为“镜子”的效果。反射对称,可以上下,对角,左右对称。
 
 
旋转对称
元素都围绕着一个中心点。在设计中,它可以用来描述动作或速度。即使在一个静态的媒介,也可以传达行动感。
 
 
非对称平衡
非对称平衡是缺乏对称性的视觉平衡。非对称打破了对称的预定义的模式。
 
 
The Fashion Sketchpad(http://thefashionsketchpad.com/)网站,非对称的平衡,给人设计,创意和视觉上的吸
 引力。
 
请注意这种平衡是通过视觉重量来实现的:紫色的是较重的视觉,但右边丰富的颜色使其平衡。非对称平衡,不是布局两侧镜像,它涉及到不同的大小,形状,色调,或安置的对象。由于它的多功能性,在网络上经常使用非对称平衡设计。
 
 
对称和非对称的对比
如果你正在设计一个要求稳定性和较强组织结构的网站,一个对称的设计可能非常适合。它会给人一个信任、安全 的感觉。另一方面,如果你正在寻找摆脱被认为是安全的东西,要有些个性,不对称的设计可以加强这一感觉。不对称可以锦上添花。
 
 
例子
 
MacAllan Ridge ( http://macallanridge.com/ )
非对称布局
 
 
CGVietnam ( http://www.cgvietnam.com/ )
平静,稳定的大背景下的不对称。
 
 
Biltmore ( http://christmas.biltmore.com/ )
为了创造一个秩序感,网站采用了对称的布局,其中的内容是均匀分布在区块中。
 
 
RJay Haluko ( http://www.haluko.com/ )
对称格式,为了不沉闷,头部的非对称格式比较引人注目。
 
 
Polecat ( http://www.ipolecat.com/ )
径向对称的一个例子。
 
 
Warble Entertainment ( http://www.warble-entertainment.com/ )
使用对称布局,通过区块形成网格。布局是正式的,背景增加了趣味。
 
 
Paradox Labs ( http://www.paradox-labs.com/ )
纵向平衡
 
 
Get Active ( http://getactive.sj-stmk.org/ )
这是一个网站具有径向平衡的另一个例子。所有的元素间距同样围绕大型中央插图。
 
 
Zagg ( http://www.za.gg/ )
水平平衡
 
 
31 Three ( http://31three.com/ )
 
 
总结
正如你可以看到,设计中的平衡可能是一个非常强大的工具。采用对称时,其结果是秩序,凝聚力和专业,而不对称适合自己的兴趣,性格和独特性,它也可以用来展示设计的兴趣点。