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

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

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

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

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

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

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

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

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

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

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

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

原文链接:Effective design principles for web designers: Repetition