如何在网页设计中使用的平衡

2014-08-04    分类: 网站建设

网页设计中实现平衡需要一些思考,努力和技巧,但这绝对是值得的。关于平衡的伟大的事,可用于设计更广泛的范畴作为一个整体,就是你所创造的是一种过度,超载的混乱,不能满足用户体验。换句话说,在网页设计中的平衡,确保你作为一个设计师只是击中甜蜜点节制。不太多,但不要太小。不要太吵,但不要太微妙。它让你的整个设计和谐而仍然击中所有客户的可用性目标。现在的技能肯定把你的设计师的工具箱!在这篇文章中,我们将看看如何将好的平衡在你的客户的网站。


对称平衡
你遇到的是浏览网站的对称平衡的最常见的例子之一,虽然你可能没有意识到,因为它是如此的好呈现。对称性是与生俱来的赏心悦目,并创建一个有序的、和谐的美学设计。对称平衡是通过将元素同样在水平或垂直的中心轴两侧的定义。换句话说,一个假想的分界线在页面中间两侧是彼此的镜像。 有些批评者可能会把这种平衡作为无聊的或可预见的,它却经受住了时间的考验,仍然是显示在网页设计中的平衡的好途径。


思科的网站选择去这个尝试,测试和设计实现方法。注意该网站是如何好的平衡在其垂直轴。如果你把一条假想的线和分下来思科的网页中,你会注意到以下:
在导航栏中元素个数(包括搜索图标)两侧
标题和subheadline同样长的两侧
呼叫按钮在正中间
相同数量的元素,在“快速任务”标题的两侧
虽然网站可能不是有史以来最激动人心的网站,它不一定是由于公司销售网络设备。另外,该网站的可用性和功能性,属性,它的客户可以欣赏。让我们在两个对称的例子看:
国际捕鲸委员会
瑞士沙夫豪森万国表,瑞士钟表,有一个网站,功能水平,对称平衡。如果我们把网页在一个中心轴在中间,两侧有对称性。


同样的道理适用于魔豆APP网站。一个简单,简约的设计,其中心轴线下山的主页中,使得页面的两半对称平衡水平。
不对称的平衡
对称的极性相反,不对称的平衡也是可能的。不要被事实不对称手段缺乏对等部分上当!你很快就会看到,不对称的平衡,实现了系统的配重设计以及……方式不是你所期望的。不对称可以在多个网页上的表现方式。例如,一个屏幕的一半,垂直或水平,可以拥有更强烈的元素,而另一半则有微妙的元素。尽管在这种不平等的,无论在强度和数量,平衡的矛盾因素的并置创造。在这种方式中,不对称可以真正的美丽,也许比简单的对称性,因为它对不同的概念来创造平衡。这是一个设计的悖论,而是一个可以使任何网站上。不对称的平衡,因此比预期更有趣和发人深省的对称性。它唤起主题的现代主义,能量和奇迹。然而,设计师应该注意,创建页面上需要更多的工作,比普通的对称不对称。毕竟,你有代表的设计元素,更复杂的关系。
本田
本田给我们一个清晰的例子,在网页设计中的不对称性。以下,对其 主页,该公司采用了基于智能卡的设计,但这就产生了一个有点混乱的看,在视觉上的吸引力和丰富多彩的,缺乏了一个在垂直或水平中心轴线两侧平等。一方面,自己的卡都是不同长度的,水平,不能总是被堆放在任何统一的列或行。这就造成了重大的不对称,看着很有趣。这几乎像是在汽车公司主页的一个小迷宫!还有其他有趣的例子:


typographisme是一幅好的情况下网页设计中的不对称。 网站 特征元素,渐行渐远。无论是TG标志在右上角的绿色邮票,创造不对称。


duplos“不对称是有着天壤之别。 网站 拥有一个浮动元素的设计,不会排队,始终与另一半,是否中央轴垂直或水平。总的来说,它产生一个引人注目的外表很有趣去。
径向平衡
径向平衡是很简单的。顾名思义,径向平衡时发生的所有设计元素在网页上是从一个统一的等距点,中心点。所以如果你把页面横向或纵向沿中轴线,两侧的元素将同样或远或近的中心点。 径向平衡的一些最基本的例子是像阳光从一个中心点或一个池塘,在其表面有一串涟漪射线。是什么使这种形式的平衡,更特殊的是,散热效果是双向的:就像关注导致远离中心点,它也会回到它由于共同的中心。因此,保持一个焦点是容易的。
vlog
径向平衡,例子是相当罕见的网站,特别是主页-vlog。这是径向平衡的缩影,因为一切都向外辐射从“沃客白型 中心点。”。

各种平衡
现在,很明显,所有类型的资产都有一些共同的债券。有统一的因素在任何设计特点的吸引力和有趣的平衡始终出现。在网页设计中的平衡是你周围的一切。机会是,你忽略了所有你曾经浏览不同的网站在你的生活中欣赏它;但那仅仅是因为平衡不是真正的第一件事,你认为当你浏览任何网站。 然而,平衡是网站设计的重要。它不只是提供审美的触动,从视觉的角度来看有趣。它也可以通过一个网站更容易吸收视觉信息有助于用户体验,也就是说提高网站导航什么,太。设计者努力包括在他们的网页设计更好的平衡支付额外的关注和谐,平衡和等距。良好的平衡,最终的结果会得到数不清的对你的客户和用户体验。

网页标题:如何在网页设计中使用的平衡
文章链接:/news/20192.html

成都网站建设公司_创新互联,为您提供微信公众号网站制作静态网站网站改版品牌网站制作标签优化

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

绵阳服务器托管