7网站页面设计原则
日期:2010-08-17 10:07 点击:10
WEB作为出版物的一种,同其他出版物如报纸,杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则,不同之处在于每章提到的WEB的“非所见即所得”特性和交互性。因此,熟悉一些设计的基本原则,再对WEB的特殊性作一些考虑,便不难设计出美观大方的页面来。如果有美术设计基础,对WEB页面的设计会很有帮助。如果不具备这方面的背景知识,那么下面的一些原则将会对有所帮助。 设计的3C原则 所谓3C原则是指简洁、一致性、好的比照度。WEB页面设计需求遵循这三条原则。 1.简洁 设计并不再现具体的物象和特征,它要表达的是一定的企图和要求,在适当的环境里为人们所理解和接受。它与绘图有内在联系,但又不同于绘画,它以满足人们的实用和需求为目标,因而它比绘画更单纯,清晰和精确。页面设计属于设计的一种,同样要求简练,准确。 从人记忆能力角度来说,由于人的大脑一次最多可记忆五到七条信息,因此如果希望人们在看完你的WEB后能留下印象,最好也应该用一个简单的关键词语或图像吸收他们的注意力,如天极网的的“YESKY”.,醒目易记。 保持简洁的常用做法是使用一个醒目的标题,这个标题常常采用图形来表示,但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目。一般每页使用的字体不超过三种,一个页面中使用的颜色少于256种。页面上所有的元素都应当有明确的含义和用途,不要试图用无关的图片把页面装点起来,初学者容易犯的一个错误是把页面搞的花里呼哨,却不能让别人明白他到底要突出表达的是什么形式,主题和意念。 2.一致性 一致性是表现一个丫点的独特风格的重要手段之一。 要保持一致性,可以从页面的排版下手,各个页面使用相同的页边距,文本,图形之间保持相同的间距;主要图形,标题或符号旁边留下相同的空白;如果在第一页的顶部放置了公司标志,那么在其他各页面都放上这一标志;如果使用图标导航,则各个页面应当使用相同的图标。 一致性还包括:页面中的每个元素与整个页面以及站点的色彩和风格上的一致性。所有的图标都应当彩相同的设计风格,比如全部采用图象的线条剪辑画或全部使用写实的照片等。 另一个保持一致性的办法是字体和颜色的使用。文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色,为了保持颜色上的一致性,标准色一致或相近。比如,站点的主题色彩如果为红色,可能就需求将链接的色彩也改为红色。 3.比照度 使用比照是强调突出某些形式的最有效的办法之一。好的比照度使形式更易于识别和接受。实现比照的方法很多,最常用的是使用颜色的比照,比如,形式提要和正文使用不同颜色的字体,形式提要使用蓝色,而正文采用黑色;也可以使用大的标题,也即是面积上的比照;还可以使用图像现比照,题头的图像明确的向浏览者传达本页的主题,这里同样需求注意的是链接的色彩,在设计页面时我们常常会只注意到未被访问的链接的色彩,而容易忽视访问过的链接色彩将使得链接的文字难地识别。 还有一种实现比照的方法是使用学体变化。在文字排版中,可以使用斜体和黑体实出关键形式,但是注意不要滥用,否则就达不到应有的强调效果。 使用比照的关键是强调突出关键形式,以吸收浏览者,鼓励他去发掘更深层次的形式。 为了对3C原则上有直观的看法,可以到????等优秀的站点上看看,体会一下这些站点对简洁,一致性和对度等原则的把握。 4.页面设计要点 WEBWEBWEB上的形式包罗万象,版式丰富多彩,但无论怎样的变化,好的WEB站点总是有许多共同之处,例如: 精心组织的形式; 格式美观的正文; 和谐的色彩搭配; 较好的比照度,使得文字具有较强的可读性; 生动背景图案; 页面元素大小适中,布局匀称; 不同元素之间留有足够空白,给人视觉上休息的时机; 各元素之间保持平衡; 文字准确无误,无错别字、无拼写错误;
联系方式