同时我们还要思考的是分辨率与网页大小的关系。现在大部分的机器都是1024以上的分辨率了，那我们的宽度是不是一定也要顺应变得宽一点呢。个人观点是大可不必。因为网页本身也会与浏览器产生视觉对比。如果塞得太满势必也不是很好看。如果留下空隙网面与留出来的空白也可形成一定的对比，其比例也较接近黄金分割率。所以我觉得还是不要塞满浏览器为好，给网页一个可以呼吸的空间。那网页自身的上下左右布局呢?同样的，如只是上下或是左右结构我们不能把上下或是左右平分，而是{zh0}采用黄金分割比来进行划分。如果是上中下或是左中右呢。我们同样不能平分，我们我们要注意三者之间的关系，比如上中下结构，我们很清楚中间是主要内容需要大一点的空间，那么中空间的部分会尽量的点有大比例，一般来讲我们会让中间占大约百分之六十。而上面占百分之三十，下面占百分之十。那也就是说，下面是上面的三分之一，上面是中间的三分一。这样的分割就会比平面看起来要舒服很多。但是左中右的结构就不能这么分了。因为百分之十的宽度会很难放得下什么内容。一般左中右结构会有另一种分法:左占百分之四十，中右各占百分之三十。或是左右占百份之三十，中间占百分之四十。也可以进行532、622、442、的分配。也就是说大布局上要尽量避免平分的局面。
1.[红色]:最强有力的色彩, 能引起肌肉的兴奋.热烈、冲动.
[橙色]:较温和, 是一种很活泼、辉煌的色彩.富足的、快乐的色彩.稍加黑则较稳重.蓝橙对比时较生动.
[黄色]:亮度{zg}, 尤其灿烂、辉煌.象征着智慧之光, 象征着权力、骄傲.经不起白色的冲淡.当用黑、紫、深蓝反衬时, 能加强.淡粉色能使之变柔和.
[绿色]:具中性特点.和平色, 偏向自然美.宁静、生机勃勃, 宽容色彩.可衬托多种颜色而达到和谐.
[蓝色]:永恒、博大、遥远感.
[紫色]:大面积有恐怖感, 紫红尤其明显.暗紫有灾难感.淡紫则是一种优美的活泼色.紫与黄共存时, 消极性更加显著.
[黑与白]:非常对立而又有共性, 是色彩{zh1}的抽象.能够用来表达富有哲理性的东西.其中——
[黑色]:空、无、永恒的沉默.
[白色]:虚无, 有无尽的可能性.
[灰色]:是色彩中最被动的颜色.受有彩色影响极大, 靠邻近的色彩获得自己的生命.近冷则暖, 近暖则冷.最有平静感 （中性）, 是视觉中最安静的色彩.有很强的调和对比的作用.
[橙色]:较温和, 是一种很活泼、辉煌的色彩.富足的、快乐的色彩.稍加黑则较稳重.蓝橙对比时较生动.
[黄色]:亮度{zg}, 尤其灿烂、辉煌.象征着智慧之光, 象征着权力、骄傲.经不起白色的冲淡.当用黑、紫、深蓝反衬时, 能加强.淡粉色能使之变柔和.
[绿色]:具中性特点.和平色, 偏向自然美.宁静、生机勃勃, 宽容色彩.可衬托多种颜色而达到和谐.
[蓝色]:永恒、博大、遥远感.
[紫色]:大面积有恐怖感, 紫红尤其明显.暗紫有灾难感.淡紫则是一种优美的活泼色.紫与黄共存时, 消极性更加显著.
[黑与白]:非常对立而又有共性, 是色彩{zh1}的抽象.能够用来表达富有哲理性的东西.其中——
[黑色]:空、无、永恒的沉默.
[白色]:虚无, 有无尽的可能性.
[灰色]:是色彩中最被动的颜色.受有彩色影响极大, 靠邻近的色彩获得自己的生命.近冷则暖, 近暖则冷.最有平静感 （中性）, 是视觉中最安静的色彩.有很强的调和对比的作用.
暖色调。即红色、橙色、黄色、赭色等色彩的搭配，可使主页呈现温馨、和煦、热情的氛围。
冷色调。即青色、绿色、紫色等色彩的搭配，可使主页呈现宁静、清凉、高雅的氛围。
对比色调。即把色性xx相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。
3．色素
1) 色环
我们将色彩按“红->黄->绿->蓝->红”依次过度渐变，就可以得到一个色彩环。色环的两端是暖色和寒色，当中是中型色。(如下图)
红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红
|___________| |____| |_________| |_________|
| | | | 暖色系 中性系 寒色系 中性系
冷色调。即青色、绿色、紫色等色彩的搭配，可使主页呈现宁静、清凉、高雅的氛围。
对比色调。即把色性xx相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。
3．色素
1) 色环
我们将色彩按“红->黄->绿->蓝->红”依次过度渐变，就可以得到一个色彩环。色环的两端是暖色和寒色，当中是中型色。(如下图)
红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红
|___________| |____| |_________| |_________|
| | | | 暖色系 中性系 寒色系 中性系
网页设计是一种“体贴”的设计，即要体贴企业的各项需求，同时还要替企业体贴其网络用户的各种需求。这一切建立在设计师对网络使用的丰富经验和对用户的易用性的充分理解之上。在您能看到的新鲜、美观、动感的页面的表层下，我们还遵循了网络互动艺术的“系统性”、“互动性”、“传输性”、“适应性”的设计原则。以下是对这四项原则的具体阐述：
1、系统性设计原则
网络以大量的信息流作为营运的起点, 设计时需要从系统上合理组织规划和呈现这些信息,引导人流在网络系统内部的有效流动, 再通过系统上对互动操作的有效引导,{zh1}将人流转化为物流,进而转变为资金流,这是网络设计的根本原则和{zj2}目的。系统性原则包括以下几方面要求：
1）整体性:网站作为一个产品,需要保证在使用方式和视觉呈现上的统一性；
2）结构和导航的二维引导：结构和导航要模块清晰，条理明确，跳转方便，能让用户知道自己在网站上所处的位置，并自由进入想去的地方；
3）流量的引导：有目的有系统的引导流动的方向，确定方式以及停留位置，引导信息流产生人流，进一步需要将人流引导向最有可能产生物流和资金流的地方；
4）链接的有效引导：通过链接来实现目标网站的导航以及流量，充分考虑网民的使用经验，强化重要链接以有效引导流向；
5）确定技术实现方式：网页制作除了最基本的html文件之外,还有许多增加效果的方式,比如加入gif或flash动画,加入dhtml层来实现鼠标互动的交互效果等。根据网站的不同目的，从整体系统上进行设计，作出技术区分。技术有价值是因为他能使我们组织信息更快,更直接,更直觉和更可交流。没必要为了技术而技术。
2、互动性设计原则
网站浏览的过程是在与浏览者的互动操作下完成的, 这正是网络的特性和引人之处.互动满足了网民的参与感,满足了商家现时交易和反馈的需求,网络设计必须发挥这种互动性优势。互动性原则包括以下几方面要求：
1）召唤感:网络设计必须具有召唤感,能够吸引浏览者的点击行动,提高点击率; 一个网站可以是一个xx的交流媒介,它{zd0}的特点就是交互性。
2）导航系统：在网站上最基本，最简单的交互式区域就是导航系统。导航系统越直观，越实用，用户就越喜欢，反馈也就越多。
3）形象的亲和力: 设计贴近生活，有人情味会获得更高的点击率，因为用户可能无意识的在想"也许这个服务于我有关"。在网络上，直观比喻、动作演示、人物衬托等方法能够起到信息强化的作用，有较好的效果。
4）文字的鼓动性:文字是视觉流程中传达信息的重要因素，只有文字才能明确人的记忆。文字会从更深的心理层次对消费者产生影响并使其发生态度转变。信息的有效传达不能单单依靠视觉形象。
5）感性诉求：紧紧把握住人情味这个要素，在商业运作中淡化其商业气息，使用户自觉自愿接受所宣传的产品和服务。
6）增加互动性功能：利用互动功能的优势来实现其他媒体所不能具备的在线服务功能，比如说：网络调查、网上直播、网上发布，网上评选，网上订货等，吸引大家的兴趣从而达到效果。
7）让用户参与：让用户有更多的发言权。当用户发现他们的观点被珍视，被欣赏，或被称赞时，他们都会因拥有感而继续使用这个网站。
8）简洁性: 网络设计的界面需要简洁而可操作,界面友好, 网络设计需要有效引导互动操作,尽量减少浏览者不必要的行动和负担。
9. 及时更新：网络设计需要保证内容的即时更新，以增强浏览者的参与性。信息更新快，这是让网民建立信任的前提。
3、传输性设计原则
网站的浏览以获取某些信息或实现某种功能为目的;而网络的图形和页面需要用HTTP超文本标识语言来生成和传输,网络上所有信息的传达都是通过对文件的下载实现，需要网民为此付出时间和金钱;在目前网速依然不十分理想的情况下,有效率的传达信息仍然是网络设计的核心。传输性原则包括以下几方面要求：
1）网站设计需要保证信息高效准确的传输。
2）降低文件大小:保证传输性的{dy}个原则就是降低文件的大小,文件的大小由两个因素决定,一是图片的大小,另一个是html源代码的大小;因此网络设计要尽量提高图片的使用效率,并且要确保制作的方便性。
3）结构的相对独立性：需要在设计上尽量增强各功能模块的相对独立性以形成横向的独立表格，利用浏览器的下载特点来提高下载速度，特别是要保证屏首的迅速下载；此外，可更新模块的相对独立性也是cgi自动发布程序传输文件的要求。
4）空间有效性：设计需要合理利用空间，特别是首屏空间；需要在不使浏览者感到繁杂混乱的情况下，尽可能传达有效信息；要有重点的抓住浏览者的视线，让其停留，从浏览变为阅读。
1、系统性设计原则
网络以大量的信息流作为营运的起点, 设计时需要从系统上合理组织规划和呈现这些信息,引导人流在网络系统内部的有效流动, 再通过系统上对互动操作的有效引导,{zh1}将人流转化为物流,进而转变为资金流,这是网络设计的根本原则和{zj2}目的。系统性原则包括以下几方面要求：
1）整体性:网站作为一个产品,需要保证在使用方式和视觉呈现上的统一性；
2）结构和导航的二维引导：结构和导航要模块清晰，条理明确，跳转方便，能让用户知道自己在网站上所处的位置，并自由进入想去的地方；
3）流量的引导：有目的有系统的引导流动的方向，确定方式以及停留位置，引导信息流产生人流，进一步需要将人流引导向最有可能产生物流和资金流的地方；
4）链接的有效引导：通过链接来实现目标网站的导航以及流量，充分考虑网民的使用经验，强化重要链接以有效引导流向；
5）确定技术实现方式：网页制作除了最基本的html文件之外,还有许多增加效果的方式,比如加入gif或flash动画,加入dhtml层来实现鼠标互动的交互效果等。根据网站的不同目的，从整体系统上进行设计，作出技术区分。技术有价值是因为他能使我们组织信息更快,更直接,更直觉和更可交流。没必要为了技术而技术。
2、互动性设计原则
网站浏览的过程是在与浏览者的互动操作下完成的, 这正是网络的特性和引人之处.互动满足了网民的参与感,满足了商家现时交易和反馈的需求,网络设计必须发挥这种互动性优势。互动性原则包括以下几方面要求：
1）召唤感:网络设计必须具有召唤感,能够吸引浏览者的点击行动,提高点击率; 一个网站可以是一个xx的交流媒介,它{zd0}的特点就是交互性。
2）导航系统：在网站上最基本，最简单的交互式区域就是导航系统。导航系统越直观，越实用，用户就越喜欢，反馈也就越多。
3）形象的亲和力: 设计贴近生活，有人情味会获得更高的点击率，因为用户可能无意识的在想"也许这个服务于我有关"。在网络上，直观比喻、动作演示、人物衬托等方法能够起到信息强化的作用，有较好的效果。
4）文字的鼓动性:文字是视觉流程中传达信息的重要因素，只有文字才能明确人的记忆。文字会从更深的心理层次对消费者产生影响并使其发生态度转变。信息的有效传达不能单单依靠视觉形象。
5）感性诉求：紧紧把握住人情味这个要素，在商业运作中淡化其商业气息，使用户自觉自愿接受所宣传的产品和服务。
6）增加互动性功能：利用互动功能的优势来实现其他媒体所不能具备的在线服务功能，比如说：网络调查、网上直播、网上发布，网上评选，网上订货等，吸引大家的兴趣从而达到效果。
7）让用户参与：让用户有更多的发言权。当用户发现他们的观点被珍视，被欣赏，或被称赞时，他们都会因拥有感而继续使用这个网站。
8）简洁性: 网络设计的界面需要简洁而可操作,界面友好, 网络设计需要有效引导互动操作,尽量减少浏览者不必要的行动和负担。
9. 及时更新：网络设计需要保证内容的即时更新，以增强浏览者的参与性。信息更新快，这是让网民建立信任的前提。
3、传输性设计原则
网站的浏览以获取某些信息或实现某种功能为目的;而网络的图形和页面需要用HTTP超文本标识语言来生成和传输,网络上所有信息的传达都是通过对文件的下载实现，需要网民为此付出时间和金钱;在目前网速依然不十分理想的情况下,有效率的传达信息仍然是网络设计的核心。传输性原则包括以下几方面要求：
1）网站设计需要保证信息高效准确的传输。
2）降低文件大小:保证传输性的{dy}个原则就是降低文件的大小,文件的大小由两个因素决定,一是图片的大小,另一个是html源代码的大小;因此网络设计要尽量提高图片的使用效率,并且要确保制作的方便性。
3）结构的相对独立性：需要在设计上尽量增强各功能模块的相对独立性以形成横向的独立表格，利用浏览器的下载特点来提高下载速度，特别是要保证屏首的迅速下载；此外，可更新模块的相对独立性也是cgi自动发布程序传输文件的要求。
4）空间有效性：设计需要合理利用空间，特别是首屏空间；需要在不使浏览者感到繁杂混乱的情况下，尽可能传达有效信息；要有重点的抓住浏览者的视线，让其停留，从浏览变为阅读。
