合肥网站建设工作室

关注合肥工作室微信公众号,提供最新网站建设资讯

扫一扫微信二维码

网站设计中页面的表现

2010-06-30 17:52:46网站设计

当一个元素在设计中显得与众不同时,用户就会注意到。这是他们不能控制的。你可以利用这个本能的行为,来使用户注意到那些“真正需要从这个页面的其他元素中突出的东西”。在网页界面上的错误提示通常会被融进页面的其他元素中;通过给文本一些不同的颜色(比如说,红色)或用一个醒目的图形将它们凸显出来,就能让整个界面完全不同了。OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
 OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

不管怎样,这些工作的总体策略是,让“差异”必须足够清晰,用户要足够分辨出某个设计是特意要传达一些信息的。当两个设计元素的处理相似而又不太一样的时候,用户就会困惑。“为什么这些会不一样?它们本来是一样的吗?也许只是弄错了。还是我应该在这里注意到什么东西吗?”而事实是,我们希望这两者都能抓住用户的目光,并且让他们认为都是有意为之的。OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
 OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

在设计中保持一致性(uniformity)是另一个重要的组成部分,它能使你的设计有效地传达信息,而不会导致用户迷惑或焦虑。“一致性”在视觉设计的许多不同方面都会起到作用。OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
 OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

将视觉元素的大小保持一致的尺寸,这可以使你在需要的时候把它们更容易地重新组合成一个新的设计。举个例子来说,如果你在导航中使用的所有图形按钮都是同一个高度,那么它们就可以在需要的时候被混合并匹配,而不会形成一个布局杂OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
乱或要求重新设计的图形。OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

基于网格线的布局(g rjd_based 1ayout)是来自平面设计的一种技术,是一种对网页也同样有效的技术。这个方法通过使用“母版”来确保设计的一致性,各种布局都是根据这个模板来创建的。不是每一个布局都要使用网格的每一个部分——事实上,大多数的布局可能只会用到很少的一部分——但是每一个元素在网格上的位置应该统一和一致的。不管怎样,由于网页浏览器不能提供对文本元素尺寸的完全控制,因此把网格应用到网页设计上不会像平面设计一样简单。OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

 OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

你很容易就掉到“坚持使用网格系统”的漩涡之中——或者任何一种可以保证一致的标准——甚至在它们根本就行不通的时候。在没有设计标准的情况下进行工作是不好的,但是教条地遵守设计标准,而不顾适当的需求就可能会更糟。也许网站采取了一个在网格被开发出来的时候没有人能想像出来的新功能;也许这个网格从一开始就不怎么行得通。不管原因是什么,重要的是,能够认识到什么时候应该重新考虑你的设计系统的基础。OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

由于网站被生产出来的方法——通常是在企业内部的、其他进行中的设计中,被逐渐、临时、独立生产出来的——它们的视觉设计的一致性已经被折腾得千疮百孔了,它们的毛病会一般有以下两种形式:OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

 OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

首先,内部一致性的问题。这是说,在网站的两个不同的地方反映了不同的设计方法。OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

然后,还有外部一致性的问题。这是说,这个网站没有在同一个企业的其他产品中,反映出被使用的、相同的设计方法。OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
   OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

 解决“内部一致性”问题的好办法,是建立在对网站框架的深刻理解上的。确定有可能在网站的各种各样的界面、导航和信息设计等不同环境中反复出现的设计元素。在进行设计之前,从这些不同的环境中移除每一个设计元素,通过这个方法,我们就可以更清楚地看到我们应该解决的小规模问题,而不是被环境所造成的大规模问题分散了注意力。与其一次又一次地设计同样的元素,我们不如试着独立地设计一次,然后将这个设计方案应用到整个网站中去。OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室
 OmU合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

很显然,对于这样的一种工作方法,我们还是必须要检查这些设计元素在不同环境中的呈现。可能一个较大的、圆形的、红色的“停止”按钮在结账页面上的表现不错,但是当它放到一个拥挤的产品定制页面的时候,效果可能就不那么理想了。最好的办法是把每一个元素都独立出来,设计好它们,在不同的环境中应用它们,然后在需要的时候再调整。

本文关键词
网站设计