设计良好网页的4项原则(2)

作者:佚名 来源:译言 时间:2009-05-02 标签: 设计良好网页

 

2.重复原则

跟web设计相比,重复原则在书本设计中应用得更加普遍,不过它在两者之间都是一样有效的。重复的设计元素可以使页面显得很连贯,还能提升品牌。在web设计中,可以很好地达到这个目的的一个方式是在网页的头部和脚部重复放元素。看看下面这些例子吧。

Ten24 Media

设计良好网页的4项原则

Ten24 Media 在头部和脚部都使用了很有创意的插画。

Silverback

设计良好网页的4项原则

这个网站绝对是超赞的!我绝对可以在前面“反差原则”部分就可以把它作为一个好例子亮出来的,可它在“重复原则”部分也是一个好例子,因为它的界面风格和品牌部分都很明显地应用了这个原则。仔细看它用香蕉来当做列表前面的图标,还有头部、脚部的森林插画。

3.排列原则

你的网站外观设计得很业余还是很专业,排列原则在其中扮演了一个很复杂的角色。最近我很主张在设计网页时使用格栏。这么做可以让你的设计很干净,也可以提供一个很好的设计框架。如果你有兴趣想学习更多关于格栏设计的知识,去看看我最近的文章吧(在这王婆卖瓜,自卖自夸一下),Design A Fresh Blog Theme On The 960 Grid.

Black Estate Vineyard

设计良好网页的4项原则

这个网站在960 Grid website上有展示。它的版面排列很连贯也很引人注目。我很欣赏它将主要内容整齐地排在左边的做法,尽管有些大级别的头部破坏了这个规则并排到了左侧边栏里面。对留空的大量使用和字体反差大小的使用都非常不错。

A List Apart

设计良好网页的4项原则

A List Apart 中使用的可视格栏非常有特色。里面的栏目设计良好,把所有包含内容都变得易于阅读。研究表明过宽的栏目会造成严重的阅读困难。在跟随那么宽的栏目中的文字时,你的眼睛会变得很累。 A List Apart

4.分类原则

最后一个原则是分类。只有在将相关元素分组,将无关元素分开的时候才会用到这个原则。假如你将所有东西都分到同一块文本块中,绝对会摧毁用户的体验。这就是为什么使用头部标签和适当的留空是那么的重要。

Envato

设计良好网页的4项原则

这个网站漂亮地将内容规整地组织到三个主要分类下,这些内容的定义既清晰又规整。

Paradigm Reborn

设计良好网页的4项原则

这个网站结构良好。头部既整洁又简单明了。空白留的很好,内容分开放得很有逻辑。

最终思想

当你脑中时刻惦记着这4个基本原则时,你会发现你的设计有了不可思议的改进。当然肯定还有许许多多别的东西也需要考虑,但是以反差、重复、排列和分类作为基础你的设计会取得长足进步。

到你了

加入到讨论中吧。你对这些设计原则有什么看法?能否分享别的一些东西?

译文原文:http://www.yeeyan.com/articles/view/75357/38221

编辑推荐

最新文章

热门标签