试析网页设计与美学的结合

摘 要 ：本文阐述了网页设计的概念,将美学与实际的网页设计相结合,通过留白、意象、色彩、中国元素等审美元素来呈现现代网页设计的美学观点,以、CSS等网页语言将艺术与商业相结合.

关 键 词 ：网页设计；美学；色彩；留白；中国元素

中图分类号：TP391 文献标识码：A 文章编号：1007-9599 （2012） 20-0000-02

网页设计是网站向网民提供信息产品和信息怎么写作的一种方式,它是开展电子商务的基础设施和信息平台.网站同时也是通过网络平台宣传和反映网站企业的形象和文化的重要窗口.美学与商业的结合将使得美学更大众化,商业更艺术化,营造出一个双赢的局面.使用CSS和HTML技术可以实现这个目标,将网页设计与美学完美结合.

1.CSS

级联样式表（Cascading Style Sheet）简称“CSS”,通常又称为“风格样式表（Style Sheet）”,它被用于网页的风格设计.通过设立CSS,能够统一管理HTML中各个标志的显示属性.CSS能够使网页设计师更有效地控制网页所呈现的外观.使用CSS,能够精确地控制网页元素的定位、外观呈现效果和其他的特殊效果.

做好CSS的布局,网页就成功了一半.我们要在开发中注意选择带有语义的标记,方便后续人员的开发,即id或class要让人见名知意.创建良好的标记首先要选择文档类型,再制定语言和字符集,接着制定标题.选用恰当的元素也同样重要,要避免过度地使用div和span元素,它们的少量和必要的合理使用可以增强文档的结构性,但若是发现自己过度使用了它们,那么请考虑一下是否还有更加适合的HTML元素能够来代替它们.

要尽可能地少使用标签元素.如果想创建良好的文档结构,那么请尽可能地少使用标签元素.只使用必要的标签,将其他不是必须的标签都删除.这样做的好处在于它不仅能够让文件保持适宜的大小,还能让浏览器迅速完成对文档的解析,得到更快的显示网页的速度.

在适当的时候使用id和class属性.为元素添加起标识作用的属性可以让你在稍后容易地将该元素与CSS或jascript关联起来.虽然如今依然有部分浏览器对clas和id的大小写名称不敏感,但为了方便调试和考虑到多浏览器的兼容性,还是区分为好.

另外,出于灵活性的考虑,给元素添加额外的class和span是十分有必要的.在页面的段落中声明内部元素,意味着在设计时我们可以为这些元素应用某些额外的样式.额外的span标签还有图像替换的功能.但为什么不使用同样具有该功能的img元素呢?这也是出于灵活性的考虑.若是图片的地址直接写入到HTML中,就不可能只通过替换样式文件让页面产生变化了.

2.色彩

色彩是艺术表现的元素之一.在网页设计中,网页设计师根据内容和谐、布局平衡和突出重点的设计原则,将不同的色彩进行组合,搭配构成令人赏心悦目的网页页面[2].同时,色彩对人们的心理也具有一定的影响力,网页设计师将合理地运用这一特点进行网页设计.

我认为在网页设计中起码应该把握以下几点色彩设计的原则：

2.1 确定网页的主色调,选择衬托色彩,凸显网站内容和主题

平日里我们浏览的网页,一般都是以浅色调为主的居多,如：人人网（.renren.）以较浅的蓝色为基调,豆瓣网（.douban.）以浅绿色为基调,沪江网（class.hujiang.）以浅灰色为基调等.以浅色为底,给人柔和素淡的感觉,配合深色的文字,让人视觉上得到舒适的感觉.浅色的基调有利于整体页面的搭配,便于突出网页的重点内容,方便阅读.其他的如背景图片等次要内容,不能喧宾夺主,要采用不那么抢眼的颜色.而需要得到突出表现的内容,就适宜采用明亮的色彩,或者与背景色对比度大的色彩,对网页的浏览者产生强烈的视觉冲击,但不宜过多使用,否则反而会让页面变得繁杂混乱.

2.2 在网页中运用同色系的色彩

使用同色系的色彩,会让人觉得页面赏心悦目,留下好印象.同色系的色彩易于搭配,不会使得页面显得杂乱,也不会让人视觉疲惫,可以大面积使用.但同色系的色彩搭配也存在弊端,它容易使得网页色彩单调,令人觉得乏味,为了解决这个问题,网页设计师可以采取局部使用对比色的图片来增加页面整体变化,增加一种轻松活泼的感觉.

2.3 页面中对比或互补色的运用

通过使用对比互补的色彩,能够塑造轻松活泼,以及运动感强的网页效果,它适宜体现轻松主题的网站,既色彩丰富,又协调悦目.虽然对比色带来了如此的好处,它同样也存在着缺陷.过于丰富的色彩会造成视觉的疲惫和重点不清晰,譬如,过于丰富的背景色彩会影响前景图片和文字的取色,严重时会使文字融于背景中不易辨识.所以,在设计网页的时候,我们只用一到两种色彩占据主导地位,其他的对比色作为陪衬或点缀来调节整体效果,大面积的色彩填充宜用低比度色彩,所以背景色用单一的色彩为佳.

总而言之,色彩的运用方式多种多样,目的是要让网页设计达到实用和审美的统一与和谐,要解决设计中的色彩运用的具体问题,就需要在长期的实践中不断积累经验和学习前人总结的解决方法.

3.留白

“留白”从字义上来简单理解就是“留出空白”,它与色彩中的白色不是同一概念,它更适合于从哲学上来理解[1].它发源于中国传统的虚实相生、阴阳辩证的哲学思想,发展于传统的绘画行业,中国水墨画将“留白”的禅意发挥得淋漓尽致,它表达出一种“以无生有,以简胜繁”的思想,这种设计理念与西方二十世纪兴起的一些现代设计理念如出一辙.在现代设计中,“留白”体现了极简主义的一种追求,体现了“形断而意不断”的禅意,符合人们对简单纯粹的生活的追求与向往.“留白”拓展了空间的联想力,设计师在有限的空间里为人们扩宽了思路,使得设计充满了魔力. 怎样才能理解中国传统水墨画中的“留白”概念,然后将它在如今的网页设计中得到发扬光大,是我们在现代商业网页设计中需要探讨的课题.

现在的网页设计和网络刚流行起来时已经产生了很大的变化,除了更具结构感的版式设计和充满科技感的新技术的应用外,如今的网页设计中增加了许多“留白”,并从“留白”与画面的对立统一中追求现代网页设计的形式美.“留白”已经成为了现代网页设计的重要手段,优秀的网页设计作品中都能看到“留白”传达的积极意义.在网页设计中处理好“留白”与图形的关系更能提高和强化网页的视觉传达效果,加强网页的画面表现效果.

“留白”在实用性上,能够更佳地实现关键信息的聚焦效果,是网页布局的关键.“留白”是网页布局重要的组成部分,在文字、图片、视频等繁杂的信息交错中,它能平衡这种信息交错带来的复杂感,实现宁静的效果.在另一方面,“留白”还能方便地突出网页的主题,对于新闻类或电子商务类的网站,这个作用再重要不过.

另外,白色作为一种色彩,既可增强又可协调网页的色彩对比,因此“留白”在网页设计中具有独特的审美意义.在网页中强调“留白”,不仅能够提高网页的观赏性,也满足了用户视觉的需要,“留白”能够使网页的整个内容排布得松紧有度.

可以从三个方面来理解分析“留白”所传递的魅力：观者的视知觉、心理接受和时代、社会特征这三个方面.观者能够通过“留白”的引导,从繁复的信息中,快速地找到自己关注的信息,不会形成信息传递障碍.“留白”还能引导观者的视觉移动顺序,网页设计师通过设置适当的停顿,合理有效地引导观者浏览想让他们了解的网页信息.

真正的网页设计师的设计不是为了哗众取宠,而是在艺术和功能上做到协调统一.“留白”作为一种简约的力量创造了网页的艺术意境,也迎合了用户的使用心理.

4.中国元素

网络将世界变成了一个多国度文化自由交流的空间,其中,中国元素在网页设计上的运用是极为亮眼的.在本国的网页设计中,中国元素的出现和电子商务的需求是脱离不开的,如：茶、玉石、文房四宝等极具中国特色的商品,需要具有中国元素的网页来承载.就连国外的一些网站也将汉字的意象融入网页设计当中,把中国书法艺术融入现代网页设计中,更有助于体现网站的思想和主题,可见审美无国界,美是通行世界的语言.

中国元素具有民族特色,它包罗的元素很广泛,汉字、图腾、吉祥物等都常常出现.汉字由它本身的象形历史产生了令人遐想的空间,书法在此基础上将它的美感升华,行书线条流畅,楷书端庄秀美,草书狂放写意等图腾中的龙凤图案以及其他异兽或传说中是神仙鬼怪都是极好的素材,通过艺术的加工,为网页增加了神秘的色彩.

5.结论

随着技术的发展,CSS拓展了HTML对网页的展现能力,为人们呈现了不同的网络世界.不仅是简洁有序的排版,和谐的色彩搭配、写意的留白、神秘的中国元素等新的美学元素的加入,丰富了单调的网页,更加贴切地表达了网页的主题,也更体贴地表现了网站企业对用户的关怀.现在优秀的网页,都是将美学与网页设计相结合,才能更吸引用户,无论中外,人性的美学都是世界通用的语言.我相信在未来,网页设计师们将更多美学的元素运用于网页设计中,从而使两者的联系更为紧密,不止是发扬美学,并且也将网页想传达的内容通过美学来传递给网页浏览者.