网页设计的四个基本准则.docVIP

网页设计的四个基本准则

时间:2011-09-2515:21来源:未知作者:admin点击:132次

本文介绍了四个网页设计的基本准则，其实，设计是相通的，本文也适用于平面设计和视频设计当中，希望对你有帮助，一起来看。

许多网页设计师或者网页设计爱好者都并非是科班出身，他们没有接受过系统的设计理论的教育。所以做网页设计时，往往是凭自己灵感或者参考别人作品，导致设计出来的作品无论在整体还是细节上都不能达到一些专业水准的水平。

但是，实际上只要掌握本教程所介绍的4基本的设计准则，那么就能显着提高网页设计师的设计水平，让你完成从业余设计师到专业设计师的蜕变。

事实上，这四个基本准则不仅仅适用于网页设计领域，在平面设计、视频设计等领域也被广泛被运用，因为设计是相通的。这四个基本准则有一个好记的名字“鲤鱼（CRAP）”，英文单词鲤鱼是由CRAP四个字母组成的，分别是是四个单词的首字母缩写，这四个准则是：

Contrast：对比

Repetition：重复

Alignment：对齐

Proximity：相似

这四个准则可谓实用又好用，所以本教程是一个系列教程，后续文章会对四个准则分别进行介绍，本文是概述。

1.对齐（Alignment）

对齐是设计理论中一个非常重要的准则，但是却很容易掌握。判断一个网站的设计是业余水准还是专业水准，通过看是否恰当运用对齐准则就知道了。没有运用对齐准则的网页，所有东西好像是随意散落在页面上似的，结构很松散，没有较强的目的性。

对齐准则:设计网页时，网页上任何设计元素都不应该被随意放置，所有设计元素和页面上的其他元素要有视觉上的联系，这个联系手段就是对齐。

请参考下面的网页设计OxfordGardenwebsite（/）

?

本教程在上图网页加了一些水平和垂直的红线，标出了它们对齐的地方。请读者注意看页面上这些设计元素是如何和其他元素对其的。

举个例子：如标志部分和内容的第一栏文字是对齐的，这是有意为之，而不是偶然的。

2.重复（Repetition）

专业的网页设计会保持一个统一的页面风格，各个页面的风格不会互相冲突。保持这种风格统一性的秘诀就在于运用重复准则。

重复准则:一些设计元素在整个网页设计过程中要有一些重复。

重复准则也可以帮助访问者知道网站上面哪些元素在功能上是一样的，或者哪些元素在内容的重要性上是属于哪个等级的。

请参考下面的网页设计Mullenweg’spersonalblog.（http://ma.tt/）

参考下面这个网页设计ArtsDesignStudiowebsite（/）

?

请看上图用红色框起来的部分，Solution这个总标题和下面6个文字段落的距离比上面的文字要更接近一点。同样，下面6块段落文字，它们自己的标题、图标和文字都会靠在一起，每一块都会和其他块保持一定距离，以便读者容易区分。这样你就可以轻松知道这些标题、图标是描述哪一些文字的。

总结

学习完了大概介绍，如果你想学习运用这四个准则，那么从现在起浏览网页时，看别人的网页设计是如何运用这四个准则的。

如果看到了一个你喜欢的网页设计，小愤青建议你看看是否能找到以上提到的准则，当看到一个不令人喜欢的网页设计时，看看是否因为没有恰当运用这些准则。一旦你在设计网页的时候意识到了这些准则的存在，那么请大胆去运用它们。

当然，网页设计的准则都是可以被打破的，但是设计网页时，要打破这些准则，你必须先知道这些准则是如何影响网页设计的。