01 网页设计基础【荐】.ppt

网页设计基础 网页设计中的美学及初识dreamweaver 1.5 网页设计中的美学 网页风格 网页版面 1.5.1 网页风格 网站的风格可以从以下几个方向来探讨 色彩的搭配：网页的底色、文字字型、图片的色系、颜色等。 版面的排列：表格、框架的应用，文字缩排、段落等。 导航的设计：导航窗口效果、导航效时等。 程序的选择：网页制作程序，如ASP，PHP，XML，CGI等。 特效的应用：让网页看起来生动活泼的各种特殊应用，如Flash、Java script，Java applets，DHTML等。 1.5.1 网页风格 网站的风格可以从以下几个方向来探讨 架构的层次：目录的规划、层次的架构等。 内容的选取：网站主题、整体实用性、文件关联性、内容切合度等。 发展与规划：对于网站的未来规划，网站整体内容发展方向等。 1.5.2 网页版面 经常用到的版面布局形式有： “T”结构布局:谓T结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母T,所以我们称之为T形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人看之无味。 1.5.2 网页版面 经常用到的版面布局形式有 口”型布局：这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计。 1.5.2 网页版面 经常用到的版面布局形式有 “三”型布局：这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。 1.5.2 网页版面 经常用到的版面布局形式有 对称对比布局：顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。 1.5.2 网页版面 经常用到的版面布局形式有 POP布局：POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。优点显而易见:漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。 网页作为一种版面，既有文字，又有图片。文字有大小区别，文档有标题和正文之分，图片也有大小和横竖之别。网页版面应该具有如下特点。 （1）主次分明，中心突出。 （2）大小搭配，相互呼应。 （3）图文并茂，相得益彰。 （4）动静有度，平衡对称。 1.5.3 网页构图 网页设计要有内容、形式、功能以及目标。点、线、面是视觉语言中的基本元素，进行网页设计时应使用点、线、面的互相穿插，互相衬托构成最佳的页面效果，组合成各种各样的视觉形象，千变万化的视觉空间，表达完美的设计意境。 （1）点的应用。 （2）直线的应用。 （3）曲线的应用。 （4）曲线、直线的综合应用。 （5）面的应用。 1.5.4 网页色彩 色彩是人的视觉最敏感的东西，它是美丽而丰富的，能唤起人类的心灵感知。网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。为了把握好色彩的应用，我们应首先了解一下色彩的一些基本概念。 计算机屏幕是由电子枪投射到屏幕来产生色光。电子枪射到屏幕可以产生3种颜色：红、绿、蓝。我们把这3种色称为原色，常称为三原色。由这3种色光，计算机屏幕可制作出完整的光谱。这也就是RGB色系。 以上颜色可总结为如下色调。 （1）暖色调：即红色、橙色、黄色、褐色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。 （2）冷色调：即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。 （3）对比色调：即把色调完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色调的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。最后，还要考虑页面的底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”，底色浅的称为低调。 1.5.5 网页配色技巧 根据网站所要传达的为信息和品牌选择颜色。 要根据访问对象选择颜色。 不要使用过多的颜色。 在阅读的部分使用对比色。 注意网站色差问题。 1.5.5 网页配色技巧 1、红的色彩印象 红色是强有力的色彩，是热烈、冲动的色彩，容易引起注意，所以在各种媒体中也被广泛的利用，除了具有较佳的明视效果之外，更被用来传达有活力，积极，热诚，温暖，前进等涵义的企业形象与精神，另外红色也常用来作为警告，危险，禁止，防火等标示用