Web设计师应遵循的高效设计原则之二:重复

  摘要:《写给大家看的设计书》一书把复杂的设计原理凝炼为对比、重复、对齐和亲密性四大设计原则。本系列文章将分别详细阐述四个设计原则中的重点因素及辅助工具。本文为第二篇,讲述重复在网站设计中的重要作用。

  主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计原则写了一系列文章,本文为第二篇《Effective design principles for web designers: Repetition》的译文,内容如下:

  《Web设计师应遵循的高效设计原则之一:对比》一文介绍了设计的四大原则,并重点讨论了四大设计原则之一:对比——尤其是在Web设计中的应用。本文将讨论另一设计原则“重复”。

  

  在网站上,“重复”多以“重复的视觉元素”贯穿于站点的全部页面中。这些元素包括颜色、形状、纹理、字体、排版、图形、图片、视频、空间关系、线条的粗细、页眉、页脚、导航、工具栏等等。按统一方式显示的重复元素可以帮助提升网站的组织性,增强其连贯性。元素也可以渐变的方式来实现重复,在重复的过程中,元素可以越来越大,也可以越来越小,正如左图所示的“Repetition”案例。重复方式的多样性可以避免网站变乏味、变枯燥。

  重复对增加网站流量很重要

  重复是大自然的一部分。假设某一天你外出花一定时间去研究森林里的树木,你会发现其中有很多相似的物种。在冬天观看一群向南飞的鸟,它们会重复摆出各种不同的类“V”字型的图案。在动物园里,在一群斑马中同样可以发现重复的多样性。比如下图中两匹斑马身上有重复的条纹图案,但每个条纹又各不相同。没有任何变化的重复会使网站变得枯燥、无趣、令人厌烦。

  

  重复也会给你的用户带来一种有组织、一致性的体验。使用重复的Logo,让标题、字体、颜色、大小和样式在网站的所有页面中保持统一,可以增加网站的重复连贯性,同样可以增加网站的流量。具有相同属性的元素,它们的重复使用可以创造一种愉悦的视觉形象,在简单重复的基础上增加稍微的变化,可以吸引访问者的好奇心与注意力。

  重复可以创造连贯性,看起来更专业

  相似元素的重复,可以带来一致性。比如当你从一个页面浏览到另一个页面,导航部分始终保持在同一位置。这将给访问者带来舒服的感觉,每个页面将提供相似的功能,并提供均衡的在线体验。

  

  每当你走到道路的交叉口,每个交通灯所代表的交通规则是什么呢?在某个城市,你发现紫色的正方形灯亮了代表“通过”,而在另一个城市,长方形的蓝灯代表“通过”,但又到了其他城市,圆形的闪烁的粉红色灯代表“通过”。

  当然,上面是一个极端的案例,试着记下你最近访问的缺失这种连续性、平衡性的网站。包含导航、页眉、排版、图像及整体风格在内的,具有重复一致性的元素可以给用户提供一个线路地图,帮助他们顺利浏览全站。如果用户对这种重复设计的元素感到舒适,他们最有可能浏览完全站,并不断地回访你的网站。

  在网站设计及字体、颜色、图片、导航等设计中,你是如何利用“重复”这一设计原则的呢?(编译:陈秋歌)

  原文链接:http://www.techrepublic.com/blog/webmaster/effective-design-principles-for-web-designers-repetition/1849

原文:http://www.csdn.net/article/2012-08-28/2809236-effective-design-principles-repetition

时间: 2024-10-30 16:58:24

Web设计师应遵循的高效设计原则之二:重复的相关文章

Web设计师应遵循的高效设计原则之三:对齐

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 摘要:<写给大家看的设计书>一书把复杂的设计原理凝炼为对比.重复.对齐和亲密性四大设计原则.本系列文章将分别详细阐述四个设计原则中的重点因素及辅助工具.本文为第三篇,讲述对齐在网站设计中的重要作用及辅助工具. 主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计原则写了一系列文章,本文为第三篇<

Web设计师应遵循的高效设计原则之亲密性

"亲密性"是"Web设计者应遵循的高效设计原则"中的最后一个.引导用户顺利浏览网站,合理使用空白间隔,把相似的内容放在一起,提供清晰的结构是"亲密性"设计标准的所有内容. 间隔与关联 图1Web设计的亲密性,即把相似或相关的元素组织在一起,对不相关或不相似的元素进行分离. 当元素之间发生重叠或接触,那最上层的元素就会获得主要的注意力.观看图1,你是否首先注意到"Proximity"这一部分?你的眼睛首先会被紫色部分吸引,之后向

Web设计师应遵循的高效设计原则

主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计原则写了一系列文章,本文为第一篇<Effective design principles for web designers: Contrast>的译文,内容如下: 如果你接受过设计方面的正规课程,你可能已经了解了高效设计原则,它包括四个著名的标准概念:对比(Contrast).重复(Repetition).对齐(Alignment)和亲密性(Proximity).很多人简称为PARC或CRAP.这四个设计原则是

Web设计师应遵循的高效设计原则之一:对比

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对四大设计原则写了一系列文章,本文为第一篇<Effective design principles for web designers: Contrast>的译文,内容如下: 如果你接受过设计方面的正规课程,你可能已经了解了高效设计原则,它包括四个著名的标准概

Google移动网站设计原则白皮书:应该遵循 25 个设计原则

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 Google 刚刚发布了由 Google 与 AnswerLab 联合打造,名为<Principles of Mobile Site Design: Delight Users and Drive Conversions>的移动网站设计原则白皮书.白皮书提到,为了愉悦用户和推动转化率,移动网站设计应该遵循 25 个设计原则. 这

Web设计师的路:自学网页设计的有用资源

文章简介:Web设计师的路是充满挑战性的路.有很多技术需要学习,而且有很多知识可以用来稍微减轻路途上的负担.最流行的学习媒介是书籍,但是随着网络的发展,如今学习网页设计原理比以前任何时候都更容易. Web设计师的路是充满挑战性的路.有很多技术需要学习,而且有很多知识可以用来稍微减轻路途上的负担.最流行的学习媒介是书籍,但是随着网络的发展,如今学习网页设计原理比以前任何时候都更容易.我希望向对扩展自己设计方面的知识有兴趣的人介绍一些有用的资源.内容涉及从网页表单,教程,以及发表博客等到你可以想到的

【心得】Web设计师应参考的技术

导读:作者Paul是一位资深的Web设计师,他写了一篇文章<Stop obsessing over HTML5 and CSS3>. 文中他强调,作为Web设计师应该多多关注其他方面的业务,不能一味的追寻HTML5和CSS3.要开拓自己的视野,才能使自己更上一层楼.以下是文章摘要: 作为Web设计师,我们都不约而同的痴迷于HTML5和CSS3,我们需要学习HTML5和CSS3有关技术.博客里有很多关于这方面的教程.评论.讲解.但是,自己究竟学到了多少实用的技术? 我们似乎花了大量的时间在阅读关

开发J2EE应用应遵循的几点原则

j2ee J2EE,作为开发mission-critical的企业级应用的一整套规范的整合平台,规范多.内容广,从而给开发J2EE应用带来了很多"麻烦".比如,为实现内容的RDBMS存储,我们可能的方法有JDBC.Entity Beans.JDO.O/R Mapping工具(TopLink.Hibernate).XML-DBMS.JAXB等方法(其中一些方法不是J2EE规范所包含的).因此,为实现J2EE各层(至少有表示层.控制层.商业逻辑层等3层)以及层与层之间的耦合,J2EE系统架

J2EE应用应遵循的几点原则

  J2EE,作为开发mission-critical的企业级应用的一整套规范的整合平台,规范多.内容广,从而给开发J2EE应用带来了很多"麻烦".比如,为实现内容的RDBMS存储,我们可能的方法有JDBC.Entity Beans.JDO.O/R Mapping工具(TopLink.Hibernate).xm l-DBMS.JAXB等方法(其中一些方法不是J2EE规范所包含的).因此,为实现J2EE各层(至少有表示层.控制层.商业逻辑层等3层)以及层与层之间的耦合,J2EE系统架构师