网页UI设计师应遵循的高效设计原则

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

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

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

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

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

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

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

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

在网站设计及字体、颜色、图片、导航等设计中，你是如何利用“重复”这一设计原则的呢？

名称:错误
动作:阻止
代码:500
执行:KeepRequestEnd.Write
信息:
网址:/yrrj/pcwttidmigb.html
状态:500
信息:引发类型为“System.Web.HttpUnhandledException”的异常。
类型:System.Web.HttpUnhandledException
来源:System.Web
日志:堆栈信息，请查看日志
激活:Application_Error事件
SiteHost:https://www.mrtx.cn/yrrj/
SiteId:10
联系:84486631@qq.com
标识:0C21295FB424A757


SiteHosthttps://www.mrtx.cn/yrrj/
Lv1
Safe
1False
Title正常访问
ActType正常访问
ActMsgIsGlobal
IpGis
StatusCountryCountryCodeRegionNameRegionCityZipDistrictCommunityLocationLonLatTimeZoneIspOrgRoutAsQueryIpIntIpTagActNoActNameActUrlActMinCountActMinIndexActMsgIpIdSign
0美国弗吉尼亚阿什本18.205.56.209315439313正常访问Z百度http://opendata.baidu.com/api.php?query=18.205.56.209&co=&resource_id=6006&oe=utf800正常:有返回信息74619
IpTaskStatus开始>Ip地理信息线程状态>RanToCompletion:已成功完成执行的任务
RawUrl/yrrj/pcwttidmigb.html
RouteUrl/yrrj/MainPage/NewsInfo/Name.aspx?tag=gb&nid=cwtt&uid=dm&ext=.html&
Ip18.205.56.209
OsName
AutoMobileFalse
YrMobileFalse
NameUnknown
Version0.0
Beta否
WeiXi