网页设计中的对称与不对称

   小时候,很喜欢蝴蝶,感觉这是大自然最神奇的赋予,当它们双翼张开,总是禁不住欣赏它们那种美丽的优雅以及多姿的色彩。

  更重要的是,这种天生的对称感,美得令人窒息。


  对称风格

  完形主义——一种人类行为理论,描述了人类排列视觉数据的思维结构——认为人类会很自然的把看到的东西按顺序排列。

  换句话说,我们的眼睛倾向于捕捉那些组织有序、风格圆满的视觉元素。这也就是我们所谓的对称感。对称风格的物体有一种天生的平衡感、优雅感,对称在设计中能体现出一致、有序、稳定的特质。很多知名品牌都采用了对称式设计,虽然不是很独出心裁,但是至少让人感觉大气、稳重。

  摩托罗拉


  麦当劳


  奔驰


  本田


  奥迪


  不对称风格

  尽管对称风格的设计看起来非常舒服,具有一定的美学价值,但未免太”循规蹈矩”了。不对称风格,按字面意思,就是缺少对称的设计风格。具有不平衡感和无序感,具有一种破坏性的不安感,但也相当有趣。不对称式设计更复杂,也能更影响到人们的情绪,显得快乐而又活泼。

  YouTube


  耐克


  Facebook


  Virgin


  佳得乐


  设计中的对称与不对称

  有技巧的设计师会根据客户的需求,在对称与不对称中做出选择,或者选择一种,或者兼而有之。无论是Logo设计、网页设计还是标志设计,两者都被广泛应用。对称可以唤起一种有序、冷静的感觉;不对称让人感觉更有生气,也更热情。

  看看百事可乐的Logo,2008年之前的Logo,相对来说是对称式设计,红蓝的比重相同,而之后的Logo采用了不对称式,红色占支配地位。


  百事Logo的更换引起了争论:百事为何要从”完美”的对称切换到不对称?应该说,是为了顺应时代的改变。过去,品牌的稳定性和可信赖性是最重要的。而现在,随着文化越来越多元,我们希望拥有更具活力的生活品质——我们更希望产品”酷、有型”——因此这可能就是百事考虑到的因素。

  再来看看奥巴马竞选总统时的Logo,你看,也是不对称式设计,让人感觉很”酷”,能体现一种锐意进取,年轻开明的意味,这肯定很受年轻人欢迎。


  网页设计中的体现

  在Logo设计中,要么对称,要么不对称。但是在网页设计中——大量元素的组合造就了更多的可能。可以兼而有之,也可以只用一种方式设计。例如,将本来就已经很醒目的主要元素对称式设计体现美感,将一些小细节不对称式设计以凸显对照。

  下面就是对称与不对称在网页设计中的体现。如何提高网页设计的视觉冲击力?请思考

  对称

  Form Follows Function


  Buffalo


  不对称

  My Provence Festival


  Will McMahan


  兼而有之

  Etch


  Aesthetic Apparatus


  结论

  大体来说,不对称与对称相结合,进行设计,效果更佳。我们习惯去捕捉对称元素,但是不对称元素能起到很好的调和、冲击作用。用对称保持一致性和整体感,用不对称来增加个性化。

  网页设计永远像平衡的哲学,就像阴阳调和那样,根据情况,合理进行选择与平衡。

时间: 2024-09-09 01:40:54

网页设计中的对称与不对称的相关文章

创建不平衡的平衡:在网页设计中使用不对称设计

不对称设计技术可以非常直观有趣和创建不同的焦点.下面是一些鼓舞人心的例子和关于如何使用不对称设计的技巧. 不对称仅仅是缺乏对称性,但不对称并没有缺乏平衡与和谐. 不对称和对称的设计都可以创造一种活力和紧张的感觉,但也某种意义上的和谐取决于使用的比例.虽然大多数人往往首先能想到的是对称性,因为这是一种 很常见的自然现象--想想达芬奇的维特鲁威人或动物的脸的样子;但不对称也是一种自然现象,只是不同的方式出现,例如人类往往会出现左或者右撇子居多. 不对称设计的用途非常广泛.通常被用于创造出一种混乱或混

在网页设计中对称手法使用技巧

文章描述:在网页设计中,对称/不对称的有效运用可以达到非常与众不同的效果. 在设计中,对称创造了平衡,平衡了创造和谐.秩序和审美.自然界中对称无处不在,也许正是这种无处不在的状态让我们发现对称的美.形态学的基本原则之一就是对称,它是一套人类形为理论,形态学认为人类对看到和遇到的事物本能的产生出秩序和完整性. However, symmetry can get boring. Asymmetry is a break in symmetry, which when used effectively

网页制作高手进阶:网页设计中的文字运用

设计|网页|网页设计  如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分.网络世界五彩缤纷,涌现出大量优秀精美的网页.大量网络信息的呈现,无非就是通过文本.图像.Flash动画等,其中, 文本是网页中最为重要的设计元素.对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见.     文字的格式化     1.字号.字体.行距字号大小可以用不同的方式来计算,例如磅(Point)或像素(Pixel).因为以像素技术为基础单位打印

网页设计译文:网页设计中数学的运用

"数学是美妙的."对于在数字和公式面前畏缩的人来说,这听起来也许是荒谬的.但是,从最小的贝壳到最大的漩涡星系,自然界和我们这个宇宙中大部分美丽的东西都呈现出数学特性. 其实,古代最伟大的哲学家之一亚里斯多德曾说过:"数学格外地展现了秩序.对称和极限,而这些是美的极致形式". 由于其美丽的天性, 数学一直以来都是艺术和建筑设计的一部分.但它至今还没有在网站设计中发挥作用.其原因可能是因为我们大多认为数学是创造性的对立面.相反,其实数学可以成为创作创意设计的工具.也就是

网页设计中的极简主义

  由于其永恒的优雅和清晰的内容呈现方式,极简主义一直被视为是Web设计中最持久的视觉框架之一.虽然设计思潮来来去去,但极简主义设计却变得日益经典,它的视觉和设计理念被身处不同专业和行业的设计师共同接受. 作为一种艺术风格,极简主义并非是网页设计独有的,简约设计运动的根源可以追溯至20世纪初.自那时以来,极简主义设计理念一直长盛不衰,仿佛是一种可以经历时间考验的永恒模型. 每个时代的设计师都会发现自己与简约设计的原则多少有些关联,更不用说我们现在这个极简主义爆炸的时代.在这一篇文章中,我们将探讨

平面构成的运用:网页设计中的“点、线、面

怎样的网页设计才称得上是优秀? 想必很多人都和我有同样的疑问.个人认为所谓优秀的网页设计就是能以合理的功能布局.赏心悦目的颜色(图片)搭配传递出设计想法的网页设计.这其中包含了排版布局.色彩搭配.素材的选用等等诸多方面--当我们重新审视自己与别人作品之间的不同时往往会发现同样的颜色(图片.布局)会有不同的效果.这是为什么?颜色区域的面积大小?图片的使用形状?其实这些就是我今天要和诸位探讨的内容--网页设计中的"点.线.面"--平面构成在网页设计中的运用. 点.线.面?平面构成?网页设计

网页设计中的“点、线、面”

  怎样的网页设计才称得上是优秀? 想必很多人都和我有同样的疑问.个人认为所谓优秀的网页设计就是能以合理的功能布局.赏心悦目的颜色(图片)搭配传递出设计想法的网页设计.这其中 包含了排版布局.色彩搭配.素材的选用等等诸多方面--当我们重新审视自己与别人作品之间的不同时往往会发现同样的颜色(图片.布局)会有不同的效果.这 是为什么?颜色区域的面积大小?图片的使用形状?其实这些就是我今天要和诸位探讨的内容--网页设计中的"点.线.面"--平面构成在网页设计中的运用. 点.线.面?平面构成?

高级技巧之网页设计中的文字运用

如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分.网络世界五彩缤纷,涌现出大量优秀精美的网页.大量网络信息的呈现,无非就是通过文本.图像.Flash动画等,其中, 文本是网页中最为重要的设计元素.对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见. 文字的格式化 1.字号.字体.行距 字号大小可以用不同的方式来计算,例如磅#quotel.quoter#或像素(Pixel).因为以像素技术为基础单位打印时需要转换为磅,所以,

网页设计中的图标的使用技巧与资源合集

  提到图标设计,似乎每个设计师都有话说,但是要做好图标设计真的那么容易么?今天这篇文章针对网页设计领域的图标设计进行了相对全面的梳理,从设计技巧到设计资源一应俱全,但愿能帮上你! 图标是每一个现代UI中不可或缺的组成部分,它们不仅能协助UI布局组织内容,而且轻量级的图标融入界面也不会喧宾夺主.不仅手机和平板的APP UI中会大量用到各种图标,而且iPod和智能手表的界面中也是如此,这正是因为图标具备快速直观传达信息的能力. 在网页设计刚刚兴起的时代,小图标就已经被早期的网页设计师和开发者投入使