<![CDATA[湘雨留痕]]>
http://www.hnrain.com/2007/blog/
PJBlog3
2009-04-14T08:51:31+08:00
<![CDATA[转:让网页设计的专业,漂亮,好看的窍门 ]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2009-04-14T08:51:31+08:00
2009-04-14T08:51:31+08:00
一、版面编排
网页设计首先涉及到的是页面的版面编排问题。"版面编排"实际上就是中国古代画论中的"经营位置"。网页作为一种版面，既有文字，又有图片。文字有大有小，还有标题和正文之分；图片也有大小，而且有横有竖之别。图片和文字都需要同时展示给观众，不能简单地罗列在一个页面上，这样往往会搞得杂乱无章。必须根据内容的需要，将这些图片和文字按照一定的次序进行合理的编排和布局，使它们组成一个有机的整体，展现给广大的观众。
1.主次分明，中心突出。在一个页面上，必然考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。因此，一些重要的文章和图片一般可以安排在这个部位，在视觉中心以外的地方就可以安排那些稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。
2.大小搭配，相互呼应。较长的文章或标题，不要编排在一起，要有一定的距离，同样，较短的文章，也不能编排在一起。对待图片的安排也是这样，要互相错开，造成大小之间有一定的间隔，这样可以使页面错落有致，避免重心的偏离。
3.图文并茂，相得益彰。文字和图片具有一种相互补充的视觉关系，页面上文字太多，就显得沉闷，缺乏生气。页面上图片太多，缺少文字，必然就会减少页面的信息容量。因此，最理想的效果是文字与图片的密切配合，互为衬托，既能活跃页面，又使网页有丰富的内容。
二、线条和形状
文字、标题、图片等的组合，会在页面上形成各种各样的线条和形状。这些线条与形状的组合，构成了网页的总体艺术效果。必须注意艺术地搭配好这些线条和形状，才能增强页面的艺术魅力。
1.直线（矩形）的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐，所谓有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的网页题材。
2.曲线（弧形）的应用。曲线的效果是流动、活跃，具有动感。曲线和弧形在页面上的重复组合可以呈现流畅、轻快，富有活力的视觉效果。一般应用于青春、活泼的网页题材。
3.曲、直线（矩形、弧形）的综合应用。把以上两种线条和形状结合起来运用，可以大大丰富网页的表现力，使页面呈现更加丰富多彩的艺术效果。这种形式的网页，适应的范围更大，各种主题的网页都可以应用。但是，在页面的编排处理上，难度也会相应大一些，处理得不好会产生凌乱的效果。最简单的途径是，在一个页面上以一种线条（形状）为主，只在局部的范围内适当用一些其它线条（形状）。
三、色彩处理
色彩是人的视觉最敏感的东西。网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是"总体协调，局部对比"，也就是：网页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据网页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的网页具有深刻的艺术内涵，从而提升网页的文化品位。下面介绍几种常用的配色方案：
1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使网页呈现温馨、和煦、热情的氛围。
2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使网页呈现宁静、清凉、高雅的氛围。
3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。
这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握"大调和，小对比"这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。
最后，还要考虑网页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是"高调"和"低调"。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为"明度变化"。有些网页，底色是黑的，但文字也选用了较深的色彩，由于色彩的明度比较接近，读者在阅览时，眼睛就会感觉很吃力，影响阅读效果。]]>
http://www.hnrain.com/2007/blog/default.asp?id=59
<![CDATA[深圳139邮箱集邮活动]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2008-12-29T14:38:57+08:00
2008-12-29T14:38:57+08:00
]]>
http://www.hnrain.com/2007/blog/default.asp?id=58
<![CDATA[个邮进入引导界面]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2008-12-29T14:37:06+08:00
2008-12-29T14:37:06+08:00
]]>
http://www.hnrain.com/2007/blog/default.asp?id=57
<![CDATA[八省通用新年宣传邮件]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2008-12-29T14:34:20+08:00
2008-12-29T14:34:20+08:00
台历缩略图：
页面地址：全国通用版]]>
http://www.hnrain.com/2007/blog/default.asp?id=56
<![CDATA[八省通用圣诞宣传邮件]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2008-12-29T14:30:05+08:00
2008-12-29T14:30:05+08:00
效果：
页面地址：
通用版http://fun.n20svrg.139.com/act/qg/0812/1784/index.html
上海版http://fun.n20svrg.139.com/act/sh/0812/2282/index.html
]]>
http://www.hnrain.com/2007/blog/default.asp?id=55
<![CDATA[北京欢乐行]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2008-12-29T14:21:53+08:00
2008-12-29T14:21:53+08:00
活动地址：
http://218.204.249.7/zone/bj/fun/
本活动仅支持北京移动
首页效果
宣传邮件
地址：http://fun.n20svrg.139.com/act/bj/0812/1582/index.html
]]>
http://www.hnrain.com/2007/blog/default.asp?id=54
<![CDATA[网盘的一些页面设计]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2008-12-29T14:16:36+08:00
2008-12-29T14:16:36+08:00
奥运风格2（此方案被选用）
清爽夏日风格（此方案被选用）
]]>
http://www.hnrain.com/2007/blog/default.asp?id=53
<![CDATA[晒吧新产品宣传]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2008-12-29T14:13:45+08:00
2008-12-29T14:13:45+08:00
页面地址：
http://fun.n20svrg.139.com/act/gd/guangzhou/0812/2585/index.html ]]>
http://www.hnrain.com/2007/blog/default.asp?id=52
<![CDATA[八省养生保健第二期页面_邮件宣传]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2008-12-29T14:09:53+08:00
2008-12-29T14:09:53+08:00
主页
内页
]]>
http://www.hnrain.com/2007/blog/default.asp?id=51
<![CDATA[真正3D桌面物理技术亮相]]>
hnrain
http://www.hnrain.com/2007/blog/
admin@hnrain.com
2008-10-20T17:31:39+08:00
2008-10-20T17:31:39+08:00
真正3D桌面物理技术亮相
Flash动画
