01 网页设计基础15912

《01 网页设计基础15912》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计基础网页设计中的美学及初识dreamweaver1.5网页设计中的美学网页风格网页版面1.5.1网页风格网站的风格可以从以下几个方向来探讨色彩的搭配：网页的底色、文字字型、图片的色系、颜色等。版面的排列：表格、框架的应用，文字缩排、段落等。导航的设计：导航窗口效果、导航效时等。程序的选择：网页制作程序，如ASP，PHP，XML，CGI等。特效的应用：让网页看起来生动活泼的各种特殊应用，如Flash、Javascript，Javaapplets，DHTML等。1.5.1网页风格网站的风格可以从以下几个方向来探讨架构的层次：目录的规划、层次的架构等。内容的选取：网站主题、整体实用

2、性、文件关联性、内容切合度等。发展与规划：对于网站的未来规划，网站整体内容发展方向等。1.5.2网页版面经常用到的版面布局形式有：“T”结构布局:谓"T"结构。就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。1.5.2网页版面经常用到的版面布局形式有口”型布局：这是一个象形的说法，就是页面一般上下各有一个广告条，

3、左面是主菜单，右面放友情连接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计。1.5.2网页版面经常用到的版面布局形式有“三”型布局：这种布局多用于国外站点，国内用的不多。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。1.5.2网页版面经常用到的版面布局形式有对称对比布局：顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。1.5.2网页版面经常用到的版面布局形式有POP布局：POP引自广告术语，就是指页面布

4、局象一张宣传海报，以一张精美图片作为页面的设计中心。优点显而易见:漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。图2-1T型布局图2-2“口”型布局图2-3“田”型布局图2-4“三”型布局图2-5POP布局网页作为一种版面，既有文字，又有图片。文字有大小区别，文档有标题和正文之分，图片也有大小和横竖之别。网页版面应该具有如下特点。（1）主次分明，中心突出。（2）大小搭配，相互呼应。（3）图文并茂，相得益彰。（4）动静有度，平衡对称。图2-6整体风格简洁实用，中心突出图2-7大图小图相互呼应图2-8图文并茂图2-9动静结合图2-10对称的示例图2-11布局对称图2-12典型辐

5、射平衡1.5.3网页构图网页设计要有内容、形式、功能以及目标。点、线、面是视觉语言中的基本元素，进行网页设计时应使用点、线、面的互相穿插，互相衬托构成最佳的页面效果，组合成各种各样的视觉形象，千变万化的视觉空间，表达完美的设计意境。（1）点的应用。（2）直线的应用。（3）曲线的应用。（4）曲线、直线的综合应用。（5）面的应用。图2-13点的应用图2-14线的应用图2-15曲线的应用图2-16曲线、直线的综合应用图2-17点、线的综合应用图2-18IBM网站图2-19面的示例图2-20线、面的示例图2-21点、线、面的结合示例1.5.4网页色彩色彩是人的视觉最敏感的东西，它是美丽而丰富

6、的，能唤起人类的心灵感知。网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。为了把握好色彩的应用，我们应首先了解一下色彩的一些基本概念。计算机屏幕是由电子枪投射到屏幕来产生色光。电子枪射到屏幕可以产生3种颜色：红、绿、蓝。我们把这3种色称为原色，常称为三原色。由这3种色光，计算机屏幕可制作出完整的光谱。这也就是RGB色系。以上颜色可总结为如下色调。（1）暖色调：即红色、橙色、黄色、褐色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。（2）冷色调：即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。（3）对比色调：即把色调完全相反的

7、色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色调的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。最后，还要考虑页面的底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”，底色浅的称为低调。1.5.5网页配色技巧根据网站所要传达的为信息和品牌选择颜色。要根据访问对象选择颜色。不要使用过多的颜色。在阅读的部分使用对比色。注意网站色差问题。1.5.5网页配色技巧1、红的色彩印象红色是强有力的色彩，是热烈、冲动的色彩