网页设计中的视觉元素和美学的作用

　　摘    要：　在当今时代下，互联网的快速发展，人们对技术的要求也越来越高，最初的网页设计，通过运用电脑技术进行简单的文字和色彩搭配，以满足人们能在最快速的时间内接收到信息的传递，以达到信息传播的目的。如今，网页设计的应用，不仅为了要传达信息，还需要将网页进行艺术设计，结合美学中的视觉元素，从而创作出精美、亮眼的网页设计。从美学角度出发，思想和技术的结合，可以创作出更丰富的网页设计，从人们生活的基本需求出发，研究网页设计中的功能和审美原则，以此围绕网页设计为研究，结合设计实践，对设计领域及设计美学问题展开分析。

　　关键词：　网页设计; 视觉元素; 美学;

　　1、网页美学问题的提出

　　1.1、美与审美的基本概念

　　美的含义包括两个层面。一是用于满足于人们的精神需求并且给予肯定所带来的感受。二是结合人们的行为、言语和思维整合出来的一种范畴。在我们日常生活中，美和审美时常在，只是我们没有发现。引起审美欣赏的对象，不论是颜色、声音、空间还是某些形式的展示，或多或少的都是通过人们的主观意识来判断它是否美。对于美的界定，我们无法准确地说出哪些事物美，哪些事物不美，都结合一定的客观环境和客观条件有关联。美学中关于美的概念解释问题，一般认为，美学是根据事物研究美、艺术美的一个过程。美学中的“美”的概念有三层含义:第一是指针对某事物进行分析其美的价值;第二是对于事物中的美的特征，内在和外在的审美熟悉;第三是指美的本质和美的发展规律。

　　审美对我们来说是不断探索和认知的，是人们的主观意识所带来的一种心理活动，客观的根据自身对某些事物的一种看法和见解，所以，每个人都的审美角度有可能存在不同，存在一定的偶然性。
 

　　1.2、网页美学问题的探讨

　　在众多的网页设计中让人感到“灵感的缺乏”，这是为什么呢?往往会有存在这种现象，发现人们普遍认为的网页设计就是，就是根据制作软件，按部就班地完成。这种现象是在制作网页过程中的问题所在，没有充分的结合美学知识在网页设计中的应用，从而导致网页设计缺乏美观和艺术效果，也有一定的原因是之前的专业人员对当时的网页设计缺少对美学设计的应用，没有透彻的了解美学设计所带来的艺术效果，也没有足够的美学设计系统体系，无法将美学设计进行运用。所以，就算完成一个完整的网页设计，也会缺乏美感，导致网页过于平淡无奇。其次，形式化问题也需要我们进行思考。比如，一个产品需要制作一个网页设计，让更多的人通过不出家门就可以从手机或者电脑观看其产品内容，在网页制作过程中，网页不能过于浮夸和诡异，防止带来反差效果，不要过度的去运用美学的艺术效果，要合理科学化的运用美学的艺术方法，让美学知识与产品理念相辅相成，做到合二为一，让受众们欣然接受产品网页设计所带来的美学效果。

　　随着科学技术的进步发展，审美被引入技术活动中，用美的尺度去衡量一个产品的功能性和审美性是否成正比。宋春晖提到，“当你以网页的形式表现你的思想，展现某一产品，传播信息等活动时，网页中的多媒体元素必须合乎逻辑，其形式必须遵循美学的基本规则”[1]。网页中的运用美学知识给信息时代科技化的社会中带来不小的流行趋势。在网页设计过程中所出现的问题，我们要具体问题具体分析。网页设计应该要多元素和多元化的发展，运用美学设计的相关方法进行页面排版和页面转换布局，不仅技术要求要达标，还需要存在设计审美，加入艺术效果。

　　2、网页设计中的视觉元素

　　2.1、颜色应用原则

　　经常上网的人们，不难看出网页设计是需要很多框架的，颜色的应用就是其中一个重要原则，设计者要根据网站的需求和内容，给予制定相应的颜色匹配，综合考虑网页的整个效果画面，才能设计出独具特色的网页效果。如今处于互联网快速发展的时代下，各种网站琳琅满目，怎样才能做到独具一格，让人印象深刻。颜色的运用是十分重要的，不同的颜色给人们带来不同的视觉效果，不同的颜色代表不同的心情，需要设计者在进行网页设计的同时，也不容忽视颜色给网页设计带来的作用和价值。设计者在设计网页时要善于合理的创新创作，从整体到局部小范围的一些强烈的色彩对比，达到突出局部的艺术效果，适当地进行元素之间的比较，以此达到整体和谐。钟园园，陶雪琴提到，“网页设计制作过程中，美学的艺术表现形式有三种:即‘绘画’、‘色彩构成’和‘平面构成’”[2]。

　　在绘画方面上，要有较好的绘画基础和手法，根据制定网页要求而进行原图与绘制图的素材结合，通过软件让绘画的图片更加具有艺术化效果，完成绘画制作内容。色彩构成的运用是很重要的，可以准确地体现色彩搭配的直接效果，网页的整体画面是否美观，还需要看内容与颜色是否搭配协调，不同的色彩给人的视觉效果不同，所产生的审美效果和情感体验也不同，网页色彩与主题和谐统一有助于网站的整体表达。例如，红色是热情，代表了人们的生生不息;蓝色是大海和天空，代表了人的气魄等等多种颜色所带来的寓意不同，总结下来就是，冷色系色彩的应用，给人带来宁静、庄严感，提升网页整体视觉及增大网页的空间感。暖色系则给人热情、活力，会让浏览网页的人们感到心情愉悦，增强其吸引力，结合颜色的运用，让网页设计达到信息与情感之间的交流。平面构成是要对网页的版面进行设计，最常熟知的，点、线、面，几何形体的设计与运用，各自发挥不同的作用。点起到点缀的作用，起到支撑网页效果丰富;线起到平衡和分割的作用，让网页效果更加有规则性;面主要结合点和线进行多形式的设计，让三者结合效果更加完美。

　　对于网页设计中的美学知识，要学会充分利用美学中的功能性和审美性，让网页设计更加善于融入美学元素，达到对网页布局的创意设计，显示其网页设计的特色。

　　2.2、增强信息传递性

　　网站是一个传达信息的交流平台，视觉效果很重要，网站的好与坏对信息的传播也有一定的影响。在信息化的时代下，出现许多缺乏美感的网站、网页设计比比皆是，数量明显增加，但是，对美感的要求降低，造成大量缺乏美感的网站出现，甚至让人们了解网站内容出现阻碍，造成浏览度下降。这就出现了用户体验度不够好的情况，等待网页内容加载时间过长，再精美的视觉效果及审美体验都安抚不了用户的烦躁。可以看出，网页设计对视觉效果上的要求还是比较高的，不仅影响了内容的阐现，还会增进与受众之间的交流程度，为网站带来更大的效益。

　　信心的传递，缺少不了内容的优化，内容是网页设计的重要因素，如果只有一个完美的网页设计，内容却是格格不入，那么效果就会适得其反。不管是在国内网站还是国外网站，当打开网页的时候，希望映入眼帘的是井井有条，简洁大气的感受。但是，很多网站存在图片模糊、字体小、内容与版面不符合，这就提醒设计人员，在制作过程中要精准又不失标准，鲜明的表达网页内容是给观看者最直观的印象，

　　例如，做一个与蛋糕店相关的页面设计，在设计网页版面的时候，要结合图片与内容之间的衔接，结合色彩应用。蛋糕给人的感觉是温馨、甜蜜的，整体选用暖色调，更容易吸引和表达受众群体的内心想法。这就体现了网页制作的功能性与人性化，了解受众的想法，让受众易懂，简单明了。“人性化”设计目的在于满足人们自身的生理和心理需求，美国人本主义心理学家马斯洛提出的“需要层次论”，揭示了设计美学“人性化”的实质。

　　3、美学在网页设计中的作用

　　美好的事物大家都会去多看几眼，更何况是美的事物。美是人们在生活中不断追求的，是人们生活中的精神享受。不同的发展时代、文化阶层、生活习惯等方面不同，就会产生不同的审美角度。在我们的视觉经验中，看到一马平川的街道、高楼大厦、粗壮的树木，根据它们的结构轮廓会给人以高大、威严的感受，这都来源于生活，使我们逐渐发现了形式美的基本法则。随着社会经济的快速发展，美学已经从固有的原始形态中走了出来，逐渐演变成具有共通性的审美要求，不仅符合科学的视觉规律，还能让大多数人们能够接受的美学的到来是多么的有价值。在网页制作的过程中，林毅惠提到，“这就需要我们从审美的角度出发，对整个网站做一个全盘的构架与统筹，处理好页面中视觉元素静与动，动能与美观的关系，以增强网页的浏览性与趣味性”[3]。主要从以下几点分析:

　　1．从网页设计的文字技巧入手，网页是现在网络时代的重要表现形式。文字可以说是网页设计的灵魂所在，文字的大小、颜色、格式等都要遵循整个网页制作的要求，减少错综复杂的页面字体设计，选择简洁、易懂的字体设计进行排版布局，让观看者快速了解网页中的信息内容。

　　2．从网页设计的表现形式入手，李晓进提出，“网页设计是一种综合性、系统性、整体性的现代艺术设计，既要把设计美学中的构成因素整合到网页设计艺术中，又要集艺术创作与多媒体技术于一体，既要重视二维界面装饰的合理性，又要把握前后空间和页面之间整体艺术创造的协调性”[4]。

　　二维、三维等表现手法，都是网页平面设计的一个统筹表现，表现形式方面上应该借鉴美学中的艺术精髓，结合美学的相关理论，理论与实践共同进行，让网页设计最快最有效地实现。

　　3．网页的信息传播也很重要。信息的交流传播凸显了人们的思想情感的沟通，网页新的美学设计应注重于通过绘画渲染、色彩搭配及版面构造，避免网页出现排版问题，字体的大小、字间距等问题;要体现信息内容个性化，避免内容过于单一，要结合不同的表现形式，才会让网页显得丰满、有层次感、更能吸引浏览客户，引起共鸣。

　　4．网页的风格尽量选取有针对性、简约性原则，对不同的网页制作要求进行不同的设计方案，让每个网页设计都有针对性，让接受的受众更加广泛。

　　总的来说，卓雯雯认为，“在设计过程中，设计人员要把握好整体与局部的辩证关系，不可以过分重视网页设计的某一个要素，而是要强调网页艺术设计的整体性，提高其设计效率”[5]。对于设计人员来说，应将美学知识中的元素运用到网页设计中，充分让内容与艺术效果结合，从内容与形式上进行提升，研究受众群体喜欢的审美、风格等多种因素。要不断地提高对网页设计的美学运用，具有鲜明、独特的艺术设计风格，要把握好网页设计中的要素之间的关系，这样才能在众多网页设计中脱颖而出并且获得浏览人群的认可度。

　　结语

　　对于网页设计来说，具有一定的审美创意是很重要的因素，视觉冲击效果会给人们带来深刻印象，不仅可以更好地展示网页中的内容和图片，还可以吸引人们的好奇心和新鲜感，以此带来更多的浏览阅读量，让网页设计充分发挥其价值所在。设计和审美相结合是我们所要面对的重要现实问题，设计要适应人们对审美需求的日益增长，根据美的规律，发展更多的“物”为之所用，创造美好生活。贝尔所说的就是一种人在自然环境中所产生的主观状态和感受，这是一种直接而纯粹的状态，然而在当代社会，人们已经很难进入“纯粹”的状态，在当下这个信息时代，人们接触到的是关于电脑等高科技产品所带来的图像、声音、影像等内容，现在的艺术作品也由传统的图像变为交互展示等形式来表现，人们在观看中获得美感，达到作品与人之间的交流，一种审美体验在身心与艺术作品交融中产生。

　　参考文献

　　[1]宋春晖．网页设计中的美学应用分析[J]．海南师范学院学报(自然科学版)，2005(01):46-49.
　　[2]钟园园，陶雪琴．网页设计中美学的应用[J]．才智，2012(34):49.
　　[3]林毅惠．设计美学在网页制作实践中的研究[J]．福建电脑，2011,27(03):46-47+86.
　　[4]李晓进．网页设计的技术美学思考[J]．武汉科技学院学报，2005(07):21-23.
　　[5]卓雯雯．网页艺术设计的要素分析[J]．产业与科技论坛，2017,16(14):83-84.