第五节 网页设计的准则课件.pptVIP

（3）标题正文型布局 标题正文型布局的最上面是标题或类似的一些东西，下面一般是正文，例如，一些文章页面或注册页面等就属于这种类型。 （4）左右框架型布局 采用左右框架型布局的网页分为左、右两部分，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文。大部分大型论坛和网页教程都使用这种布局，有一些个人网站和企业网站也喜欢采用这种布局。 5.3 配色原则 3．色彩的心理感觉 在长期的生活实践中，自然界的各种色彩会在人的心中留下不同的印象，产生不同的心理感觉，例如： 红色是一种激奋的色彩，具有刺激效果，能使人产生冲动、愤怒、热情、活力的感觉； 绿色介于冷暖两类色彩的中间，给人以和睦、宁静、健康、安全的感觉，它和金黄、淡白色搭配，可以产生优雅、舒适的气氛； 橙色也是一种激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果； 黄色表现快乐、希望、智慧和轻快的个性，它的透明度最高； 蓝色是最具凉爽、清新、专业感的色彩，它和白色混合，能体现柔顺、淡雅、浪漫的气氛； 白色具有洁白、明快、纯真、清洁的感觉； 黑色具有深沉、神秘、寂静、悲哀、压抑的感觉； 灰色具有中庸、平凡、温和、谦让、中立和高雅的感觉。 网页的设计 5.3 配色原则 4．色彩的分类 按照色彩对人们心理的影响可以进行以下分类。 暖色系：红、橙、橙黄、黄等色彩让人觉得温馨、和煦、热情。 中性系：黄绿、绿等色彩让人觉得舒适、和谐。 冷色系：青绿、蓝绿、蓝等色彩让人觉得宁静、清凉、高雅。 色彩具有联想与象征的特质，例如，红色象征火、血、太阳，蓝色象征大海、天空和水面等。因此设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人从心理上感觉凉爽一些。如果要制作一个休闲主题的个人站点，不妨将网站色彩设计为天蓝色，如以海水为背景，再搭配一些鱼儿的效果会更好。 网页的设计 5.3 配色原则 5．色彩的选择和搭配 在制作网站的时候，色彩的选择和搭配非常重要。一个网站格调的确定，往往取决于色彩的选择与搭配是否适当。在一般情况下，可以从以下4个方面考虑色彩的选择与搭配。 （1）色彩的鲜明性 （2）色彩的独特性 （3）色彩的适合性 （4）色彩的联想性 网页的设计 * * 第5节 网页设计的准则 5.1 网页的基本元素 5.2 网页布局 5.3 配色原则 第5节 网页设计的准则 确定网站的题材，并且收集和组织了许多相关的资料内容后，按照以下方面组织内容来吸引浏览者浏览网站。 1．站点结构图 2．导航栏 3．精美的图片 4．引人入胜的内容 5．反馈表 6．联系方式页面 7．搜索工具 8．常见问题解答 网页设计的准则 5.1.1 网页的基本元素 网页是网站提供信息服务的主要形式，一般包含文字、图像和表格等内容，以及实现信息块之间跳转的超链接。网页通常以网页文件及其附属文件形式存在。常见的网页元素包括文本、图片、超链接、表格、导航栏、动画和交互表单。 1．文本 2．图片和动画 3．声音和视频 4．超链接 5．导航栏 6．表格 7．表单 8．其他常见元素 网页的设计 5. 2 网页布局 网页是网站构成的基本元素。当浏览者移动鼠标，在网海中遨游，一个个精彩的网页会呈现在用户面前。网页是否精彩，能否吸引浏览者，除了色彩的搭配、文字的变化、图片的处理等因素外，还有一个非常重要的因素—网页的布局。 1．网页布局的基本概念 对于初学者，最好应先了解网页布局的基本概念。 （1）页面尺寸 一般在分辨率为1024*768像素的情况下，页面的显示尺寸为1007*600像素；在分辨率为800*600像素的情况下，页面的显示尺寸为780*428像素；而在分辨率为640*480像素的情况下，页面的显示尺寸为620*311像素。在网页设计过程中，向下拖动页面是惟一给网页增加更多内容（尺寸）的方法。但应当注意的是，除非设计者肯定站点的内容很有吸引力，否则不要让浏览者拖动页面超过三个屏幕。 网页的设计 5.2 网页布局 （2）整体造型 造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的结合应该是层叠有序的