页面设计原则
来源:建站学整理 时间:07-04-02 点击: 点击这里收藏本文
各元素之间保持平衡；
文字准确无误，无错别字、无拼写错误；
总的来说评价一个页面设计的好坏基本上要考虑以下几个方面的因素。
组织内容
设计Web页面时，所发布的材料必须经过精心组织，比如说按逻辑、按时间顺序或按地理位置等等进行组织，而且这种内容组织应当是易于理解的。
材料组织好后，下一步就是在Web页面上布置文本、图片等内容，目的是引导浏览者在页内浏览。我们应该控制页面上的元素的放置顺序和它们相互之间的空隙。比如，可以把与一段文字相关的图形放在段落旁边或嵌入段落中，但不要把与段落无关的图形放在段落边上，以免引起浏览者的误解。把相关的内容放在一起，而不相关的内容用空白，水平线或其他图形分隔开，最好是浏览者看完一页之后可以选择继续读下去或通过链接跳到其他合适的主题上去。
由于人们阅读材料习惯于从左到右，从上到下进行，因此他们眼睛首先看到的是页面的左上角，然后逐渐往下看。根据这一习惯。我们在组织内容时可以把希望浏览者最先看到的内容放在页面的左上角和页面顶部，如公司的标记，最新消息以及其他一些重要内容等等；然后按重要性递减的顺序，由上而下放轩其他一些内容。重要的内容应当是浏览者最容易发现，而不是放在很深 的链接之后的，页面上的广告为了达到宣传效果，通常也放在页面顶部显著位置。在段落中不宜放入过多的链接，否则会引起浏览者浏览上的混乱，最好的办法是按逻辑关系选择放置，而不是随便乱放。如果可能的话，应该把链接放在一些相关的说明性文字旁边。比如，在一列放置文本，在另一列放置链接。这样就可以提示浏览者去使用这些链接。
设计时可用的一些元素eb站点的基本组织结构之后，就可以着手设计页面了。下面是设计时可供使用的一些元素：
文本格式化：Web本身对文本和字体的格式化能力并不强，在Web页面中，可以指定文本尺寸、排列和其他的一些格式化属性（序号列表和无序号列表），但建议不要改变这体而应当使用缺省字体，以确保页面的平以无关必画面为浏览器是用本地机器上的字体显示示页面内容的，你指定的字体在浏览者那里并不一定能够找到，如果确实有必要少量使用某种特殊字体，可以把这些字画在图片上，然后将图片插入到页面中；
按钮、图标和其他导航工具，帮助浏览者在Web内导航。
背景：给页面添加背景，包括纹理填充、水印式背景和长条状背景等等，可以使得页面更加美观，给浏览者留下深刻的映象；
图形：可加入图片、图表和图形等；
表格：用来显示按行和列组织的信息，比如产品价格表，客户名单等；
颜色：包括图片的色彩、文本和背景的色彩等；
多媒体元素：包括声音、动画、视频片断、背说音乐等。
页面布局：在页面上放置文本、图形等元素，在元素间添加横线条，空白等，并用表格、杠架进行排版。
在后面的章节我们将陆续介绍这些元素的使用。
选择文本和背景的色彩
色彩可以使页面更加生动。首先，使用色彩可以产生强烈的视觉效果，使你的页面在浏览者心中留下很深的映象；色彩还可以传递设计者的思想情感。但是必注意慎重的使用色彩，否则很可能弄巧成拙。滥用色彩容易造成视觉上的混乱。一般情况下不要过多的使用效果太强烈的色彩，对于大面积的文字来说，白底黑字或黑底白字总是最佳选择。
通常还应该选择相近的色彩。多数的页面背景为白色、黑色或灰色，其他一些次要的元素，如背景图片、线条适宜采用不抢眼的色彩。在数量有限的情况下，只有少量精心选择的元素为了突出强调的需要，才彩用明亮的色彩。在数量有奶的情况下，这引起彩色亮点会产生强烈的视觉冲击，但如果用得太多了，就会形成一种均匀的噪声，而达不到强调的效果。
在选择背景和正文颜色时，最重要的一点是注意易读性。实现易读性的关键在于提供足够的明暗对比。由于黑白之间有最强烈的对比度，因此大多数网页都采用黑底折字显示文本，但是，也不必拘泥于黑白两色实现对比，可以选择一对颜色，其中一个是亮的，一个量暗的，只要它们保持足够的对比度，比如说，灰底黑字也是很好的选择。
大面积的适宜采用低对比度。因此，对于大的形状或粗体字最好采用低对比度的色彩组合。
除了亮度上的对比之外，还要考虑颜色上的对比。互补色具有最强的颜色对比两种有较强的色彩对比度的颜色组合在一起时，很难区分它们的边界。颜色对比同样可以产生强烈的视觉效果。运用强的色彩对比，可以制造紧张，激动等感觉。但是，在文本和它的背景之间不宜采用太强的颜色对比，否则文字看起来会显示得模糊。特别在选择颜色时，还要注意冷暖色的部题。冷色调（蓝、绿）会产生收缩感，而暖色调（红、橙、黄）则有向前突出的感觉。深蓝色和深绿色适合作为背景色，而明亮的黄色适合于那些希望引起注意的黄色。事实上，只要我们平时稍加观察，就会发现许多商店的招牌，广告或其他商业图形展示都彩用深蓝色背景加黄色文字，标记的组合。这种组合非常醒目，最适合商业领域使用。黑色和黄色也是另一种常用的颜色组合。
把此文章收藏到：
