网页设计的视觉审美与实践案例分析

苗苹　翟松桥

摘要：网页随着网络技术的不断更新，网页与平面设计的结合，已经成为更加深入的一个课题本文从作者设计的作品出发，重点研究本作者自己设计的网页作品之美学问题，通过比较这些作品的设计形式和内涵，从形势美和网页的视觉审美探索及网页的整合设计两个方面对网页设计进行分析，最后把网页设计归纳出其形式美的因素，并融入到信息与多媒体集合的设计。通过从作者业务实践中的设计突出网页设计视觉审美的研究和探索。

关键词：网络技术;视觉审美;网页设计

一、网页的视觉审美探索

以哈尔滨龙飞焊接公司网站设计为例，它看起来很适合初次集中精力来欣赏。该网页设计从一个高层次的视角开始，从细节上面给这个网页设计赋予了很多视觉审美的技巧，以及版式的形式美编排。

哈尔滨龙飞焊接公司网站设计突出细节设计，以蓝色为主题的调色板和背景，很好的模拟了真实的飞翔中的蓝天的色彩。网页的题头部分使用了雪花作为基础图案，展现哈尔滨冰雪公司的特色，为了真正的欣赏细节，像素级完善，真正的细节应用在像素级。如图1所示。

首先，按钮背后的身蓝色将页面上的这部分突出出来。该区域顶端和底部的两个简单的单像素线是一个简洁的设计方式，它使得这个区域在视觉效果上更明显的区别于页面上的其他元素。其中的一个单像素线条更引人注意，这是因为它使用了灰色。它为两者之间的阴影和背景提供了对比，但是真正起作用的却是底部的深蓝色的色块。两个线条相互配合起来封锁了这个顶部区域。

龙飞焊接网页设计与网站视觉审美结合设计出的网页，从形式美中达到美的结合，平面设计中应用了大量的色彩与图文的结合，达到美的视觉。

二、网页的图案美学认知

（1）网页图案的仿真形式

图案的仿真形式-图案思维很大程度上是来源于自然界，自然界中的美很多，动物的动态美、植物的外形美、人物的形态美等，从古老的民族中的生活习性，决定了他们对于自然的改造都是来源于生活，他们善于总结自然界中的美，然后设计成图案，找寻自然界中的对称、均衡、互补的形式美法则。这些图案寓意对自然生活的热爱，对未来生活的寄往。网页设计中的版面设计业可以应用仿真图案作为设计的传达，把头脑中自然界中的真实景象制作成图案，并加以运用，比如自然界中的雪花就是图案的仿真思维。龙飞焊接的网页设计题头部分就是应用雪花的仿真图案，突出哈尔滨冰雪特色，和哈尔滨本土的企业理念结合，更加有寓意。

（2）网页图案的抽象形式

图案的抽象形式—在古老的民间图案中，有很多是对审美的概括和整理，也就是总结图案本身的形式美和结构。比如对图案的构思、组合、分解、变化、创造等，从而变成一个全新的图案，这就是抽象图案的艺术美感。网页设计可以从自然界中的图案进行构思、组合灯通过对于自然和生活的理解，创造出符合视觉需求的具象意念到抽象意念，这是从传统中取其精华，在设计中对图案的艺术升华，是对美学的一种诠释。图2的设计就是根据古老文字中的笔画进行改变、解构、分解、重组等因素设计的。

图2 东北农业大学艺术学院网页设计方案  作者 苗苹

（3）网页图案的构成形式

图案的构成形式—图案的构成思维主要是研究图案的点、线、面构成的图案形式和研究图案构成中的形式美法则，比如重复与渐变、均衡和变化、特异和发射、对比与统一、肌理和空间等。传统图案的构成形式有平面构成、空间构成、色彩构成。组合纹样就是用一种图案作为基础元素对这个图案进行左右或上下复制，可以形成二方连续和四方连续等方式。平面构成中有点的构成、线的构成、面的构成，还有点线面综合构成，这些构成形式可以独立存在，图案的其他形式也可以是组合存在，如组合纹样;构成连续纹样的变化，如复合纹样。图3就是根据平面构成形式美法则的对称均衡等元素创造的网页设计。这个是商业大学艺术学院的网页设计，设计灵感根据平面构成中点、线、面结合。这些设计思维可以放在主页上，分层页面上，既有统一元素，又能起到版面构成的作用。这些足以构成完整和谐的美学特征。

图3 商业大学设计艺术学院网页设计  作者 苗苹

（4）网页图案的色彩形式

图案的色彩形式：色彩是图案展示比较重要的构成部分，色彩能反映出网页的情感寄托，色彩和图案的巧妙结合能把图案的单调之美换成绚烂之美，网页设计的色彩至关重要，能够直接关系受众与网页的喜欢与否。作者善于运用简单低调的色彩表现网页的情感。一种色彩能给人以稳定感;两种以上的色彩给人绚烂感。作者设计网页往往喜欢通过两种以上的色彩抒发网页传达的多种情感，色彩的运用的恰到好处，可以给网页设计增光添彩。白色、黑色、灰色、橙色、蓝色等都是网页设计常用的的颜色。少量艳色加大量灰色是网页设计中常见的组合色彩搭配。色彩的构成也恰到好处，色彩是通向网民内心情感的道路，网页设计运用这些色彩，表达出美学的最深刻的含义。图4就是作者应用黑白灰的色彩结合，加上图片的色彩呼应，彰显艺术学院的审美意象，构成完美和谐的色彩元素，富有学院特色，显示出艺术学院的古典、现代、秀丽、尊贵的味道。

图4 东北农业大学艺术学院网页设计方案  作者苗苹

结论

通过从作者设计的网页设计案例，都是遵循形式美的设计规则，从而完成其审美价值的作品，网页设计过程中，作者需要能动的研究设计方法，结合传统图案的美，让设计与传统达到前所未有的结合，借古宜今，才干创作出好的作品。本章首先介绍了网页的视觉审美介绍，根据作者设计的网页设计案例进行分析。作者善于应用传统设计规则和传统图案，从中国古老的文化和美学文明中传达现代设计的思维，利用图案的仿真形式、抽象形式、构成形式、色彩形式等，并结合案例阐述设计意图。网页设计的未来发展必将和平面设计美学规则相同，是技术与艺术的完美诠释，利用传统和现代的结合，利用形式与内容的融合，相信设计出好的网页设计是非常容易的，这样网页设计才能走出自己的一片天空。

参考文献：

[1] 吴志祥. 网页设计理论与实践[M]科学出版社. 2011.

[2] 梁景红. 设计师谈网页设计思维[M]电子工业出版社. 2005.

[3] 苗苹. 网页设计[M]哈尔滨，东北林业大学出版社.