网页设计对比原则 对比页面设计

居中的大段文字是一个排版中的禁忌，因为会造成文本很难阅读，但是，可以尝试将左对齐的文本段落和居中对齐的标题来混合起来。下面介绍网页设计对比原则，希望对您有帮助。

颜色中的对比

大多数人听到”对比”这个词，他们首先想到的就是颜色。尽管对比原则中不只包含颜色，但是颜色对于帮助用户识别页面中不同的元素有很大的帮助。

一般页面都包含页头，内容区，页脚。那么我们就需要从视觉上清晰的区分中这三个不同的部分。很好的方法就是： 使用不同的背景色。

尺寸中的对比

在页面设计中另外一种对比方式就是不同的元素使用不同的尺寸。换句话说，让一部分内容比其他的更大。

在不能依靠颜色的时候，通过尺寸建立对比则变得非常重要。Taxi的配色很少，而它的页面中有很多的新闻。因此，为了建立三列布局的结构，设计师在中间列使用了大得多的宽度-比左侧和右侧列的两倍还大。让用户一眼就能看出来，中间那列是页面中最重要的部分。

对齐方式的对比

在高品质网页设计中，好的对齐方式占了很大的比重。当物品排成一行时，通常看上去感觉更好。因此，我觉得使用不同的对齐方式来建立对比是较难的而且要更谨慎的使用。但是如果做的好的话是非常有效的。

居中的大段文字是一个排版中的禁忌，因为会造成文本很难阅读，但是，可以尝试将左对齐的文本段落和居中对齐的标题来混合起来。这是使用不同的对齐方式建立对比的另外一个好办法。再结合使用一种漂亮的衬线字体，这样也能获得很漂亮的效果。

开始去做吧

学习在你的设计中建立合适的对比跟学习其他的设计准则一样–需要练习。花些时间来研究那些优秀设计师的作品，看看他们是如何使用对比的。要记住，对比就是”不同”。如果两个元素实质上就是非常不同的，那么一定要让它们有明显的视觉差别。

简洁

设计并不再现具体的物象和特征，它要表达的是一定的意图和要求，在适当的环境里 为人们所理解和接受。它与绘图有内在联系，但又不同于绘画，它以满足人们的实用和需求为目标，因而它比绘画更单纯，清晰和精确。页面设计属于设计的一种，同样要求简练，准确。

从人记忆能力角度来说，由于人的大脑一次最多可记忆五到七条信息，因此如果希望人们在看完你的Web后能留下印象，最好也应该用一个简单的关键词语或图像吸引他们的注意力，如天极网的的“YESKY”.，醒目易记。

保持简洁的常用做法是使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目。一般每页使用的字体不超过三种，一个页面中使用的颜色少于256种。页面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片把页面装点起来，初学者容易犯的一个错误是把页面搞的花里呼哨，却不能让别人明白他到底要突出表达的是什么内容，主题和意念。

一致性

一致性是表现一个丫点的独特风格的重要手段之一。

要保持一致性，可以从页面的排版下手，各个页面使用相同的页边距，文本，图形之间保持相同的间距;主要图形，标题或符号旁边留下相同的空白;如果在第一页的顶部放置了公司标志，那么在其他各页面都放上这一标志;如果使用图标导航，则各个页面应当使用相同的图标。

一致性还包括：页面中的每个元素与整个页面以及站点的色彩和风格上的一致性。所有的图标都应当彩相同的设计风格，比如全部采用图象的线条剪辑画或全部使用写实的照片等。

另一个保持一致性的办法是字体和颜色的使用。文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色，为了保持颜色上的一致性，标准色一致或相近。比如，站点的主题色彩如果为红色，可能就需要将链接的色彩也改为红色。

对比度

使用对比是强调突出某些内容的最有效的办法之一。好的对比度使内容更易于辨认和接受。实现对比的方法很多，最常用的是使用颜色的对比，比如，内容提要和正文使用不同颜色的字体，内容提要使用蓝色，而正文采用黑色;也可以使用大的标题，也即是面积上的对比;还可以使用图像现对比，题头的图像明确的向浏览者传达本页的主题，这里同样需要注意的是链接的色彩，在设计页面时我们常常会只注意到未被访问的链接的色彩，而容易忽视访问过的链接色彩将使得链接的文字难地辨认。

还有一种实现对比的方法是使用学体变化。在文字排版中，可以使用斜体和黑体实出关键内容，但是注意不要滥用，否则就达不到应有的强调效果。

使用对比的关键是强调突出关键内容，以吸引浏览者，鼓励他去发掘更深层次的内容。

网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典，经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常明显的!还有哪个设计者敢腆着脸说，这都是我自己的原创设计?对于业界来说，经典只是个理念和象征!

不可否认，国内网页设计环境还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业人士，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。

企业客户所在行业往往有其特定的设计需求，特别是对于企业网站建设当中的配色，除了应根据企业的VI标准色，以及客户自身的喜好进行配色分析外，同时不能忽略整个行业对于颜色上的‘惯例’。那么，企业网站在设计和制作当中，到底有哪一些配色规则需要设计师遵循呢?

1、行业避忌的颜色

某些行业的企业客户，对于网站整体颜色的要求涉及到具体的颜色避忌，例如金融、投资类的企业网站，应尽量避免绿色，或相近颜色的使用。这是因为，绿色在金融投资行业当中代表的是低迷，不景气，下滑等负面的元素，因此即便企业宣扬的是环保、低碳等企业文化，也是不能轻易予以使用。

2、特征选色

企业客户在不同的发展阶段，对于网站设计的配色需求并不一样。在企业初创阶段，企业建站的目的是打造品牌网络形象，开拓客户资源，这时候的企业客户更多的是关注自身的个性化，如何才能凸显企业的特质，如何才能在行业当中显示其独有的特性，这是初建网站的企业客户所重点关注的内容;在企业形成规模，进行品牌提升阶段，企业建设网站或进行改版的目的是重塑品牌网络形象，打造更为专业、沉稳和可持续发展的品牌理念和文化，这时候的企业客户更多的是考虑如何将企业的品牌内涵与行业相融合，在配色的选择上更倾向于稳重、包容，能够适应各种场合需要的配色。

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的整站网页设计的外观和格式。

css使用样式表来控制整个站点字体和布局的能力，使它看起来非常有效率、易于广告设计和有远见。然而，也一直有荒诞的说法围绕着 css，阻碍了网页广告设计师学习和掌握这种语言。究竟是什么让人们大惊小怪呢?css将成为网页广告设计师必备知识之一问：css已经进入黄金发展期，您认为我们所有人现在就应该学习和开始使用css的十大理由是什么，下面是使用CSS进行整站网页设计理由：

1、强大的字体控制和排版能力。css控制字体的能 力比糟糕的font标签好多了，有了css，我们不再需要用font标签或者透明的1 px gif图片来控制标题，改变字体颜色，字体样式等等。

2、css将从基础开始建设直到全面替代传统web设计方法。w3c组织创 建的css技术将替代html的表格、font标签、fr_ames以及其它用于表现的html元素。

3、提高页面浏览速度。使用css 方法，比传统的web设计方法至少节约50%以上的文件尺寸。

4、缩短改版时间。只要简单的修改几个css文件就可以重新设计一个有成百上千页面的站点。

5、css非常容易编写。你可以象写html代码一样轻松地编写css。

6、表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减 少未来网页无效的可能。

7、可以一次设计，随处发布。你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如 powerpoint。

8、更好的控制页面布局。不用多说。

9、更方便搜索引擎的搜索。用只包含结构化内容的html代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价。

10、提高易用性。使用css可以结构化html，例如：标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用 户而不需要建立独立的版本。

11、CSS能让我们更轻易的修改整个网站的设计风格。大多数的网站不会希望网站样貌是同一个样子，使用久了总会看腻，这时若採用表格设计网页，势必要因為新的版面风格而重新製作表格栏位，反之，css所设计的版面，只需要修改CSS文字样式即可。

12、CSS的编写照顾到弱势族群。盲人专用的浏览器(语音或点字浏览器)，可将不必要的显示效果拿掉，而将最重要的内容优先显示，借此能让盲人立即掌握到最重要的资讯，这样是这几年最流行的无障碍整站网页设计。