探析平面视觉元素对网页设计长远发展的促进作用

林琳

摘要：在科技技术不断发展的时代背景之下，网络与我们日常生活越发的紧密，网页作为一种全新的信息传播方式，也在我们日常工作以及学习过程中提供了较大的帮助，在群众文化水平不断发展的时代背景之下，群众对于网页设计的整体要求也有了明显的提升，应用平面视觉元素进行设计则能让整个页面更加具有良好的视觉感受，所以本文也就平面视觉元素对网页设计长远发展的促进作用进行了研究。

关键词：平面视觉元素;网页设计;促进作用

中图分类号：TP393.092 文献标识码：A 文章编号：1005-5312（2019）24-0164-02

一、引言

处在互联网时代背景之下，网站也已经成为了新兴视觉传播载体，承载了较多的资源以及用户信息，用户借助于网站访问就能够获得最新的咨询以及网络服务。在网站建设过程中，网页可谓是其最为基础的单元，网页设计师注重的则应该是如何进行界面设计，让其整个网页内容变得更加的完整且丰富。网页设计主要指的是将网页各个组成元素进行合理的设计与编排，这样就能将信息有效的传达出来，而主要的内容则有版式设计、图片处理、文本编排以及色彩搭配等多方面。就目前各网站网页设计现状来看，其设计质量参差不齐，也缺少了视觉冲击力，为了能够让用户获得更为良好的视觉体验，设计人员则需要意识到平面视觉元素的重要性。

二、平面视觉元素在网页设计中的体现

在互联网信息技术不断发展的时代背景之下，之前原有的平面视觉元素在网页设计之中的使用也被赋予了全新的内涵，为了能够帮助设计者更好地意识到平面视觉元素对网页设计长远发展的促进作用，笔者就平面视觉元素在网页设计中的体现进行了如下分析：

1.网页文字。在网页设计过程中，网页文字可谓是整个设计的主体，也是完成信息传达最为重要的手段之一，在网页设计过程中，文字本身就占据着较大的面积，所以从某些方面来说网页文字表现质量会直接对网页设计成效造成影响。在网页设计不断发展的环境下，网页文字功效也发生了变化，不再知识传递信息的媒介作用，其作为视觉语言本身就具有表意、形意以及符号功能等特征，而这三种特征若能有效应用起来，就能让整个网页设计具备较为良好的视觉表现力，这也是平面视觉元素在网页设计中的应用体现。

2.网页图形。在现如今这个“读图”时代背景之下，网页设计必不可少的构成就是网页图形设计，相比较于文字而言，图形在视觉传达上的功效更加的强烈，所以在整个网页版面设计与构成元素之中也承担着较为重要的决策，能够彰显出整个网页的风格特色，同时也能直接因其视觉关注，所以可以说是引导文字阅读以及烘托视觉效果的重要视觉元素。

3.网页色彩。在网页设计过程中，色彩这一种视觉元素在具有一定的语言特征，具体表现在以下几个方面：首先，理想型特征，具体而言就是网页设计师在设计过程中可以按照自身意愿来进行色彩设计与布置，这样就能让整个网页画面呈现出设计师自身所理想的色彩。其次，象征性特征，这一特征主要指的是不同的色彩能够让人心里以及态度等多方面受到影响，让色彩具备一定的性格标签，就让能整个网页版面也呈现出一定的寓意。最后，和谐型特征，这一特征主要注重的是在整个网页设计完成之后，其色彩所呈现出来的整体效果，所以这一种特征从某些方面来说本身也是形成网页色彩个性的状态，能够很好地烘托网页主题，所以重点则表现在方法使用这一点上。

三、平面视觉元素在网页设计中的创新应用

1.文字的创新设计。上述分析中就有提到，在网页设计过程中网页文字是其中十分重要的构成，而为了能够将平面视觉元素对网页设计的长远发展的促进作用有效的发挥出来，首先就需要加强文字的创新应用。在设计过程中，设计人员可以结合整个版面需求来对文字与问题进行合理的设计，例如，对于字体的设计，设计人员就需要从界面总体以及浏览者浏览舒适度等多方面进行分析，通常情况下设计师会使用默认字体，毕竟网页兼容性不强的环境下，若设计了特殊效果的字体，浏览者并不一定就能够看到预期的效果。文字本身就具有易变任性以及易读性，也是整个网站页面设计之中的重点内容，设计师在进行文字设计的时候，对于文字配色方案一定要提高重视，让其配色方案能够准确、清晰且可读，对于文字的颜色、大小以及背景颜色对比度等多方面也需要进行合理的控制。例如，在文字设计过程中，背景周围元素一定不能对文字阅读造成影响，所以尽可能在设计过程中使用图形文字、游动文字;而对于文字的距离则需要进行合理的设置，加强对细节的重视，对文字与图形之间的交叉以及错合进行合理的把控与检查，这样才能给人在视觉上留下美感，让浏览者在浏览网页的时候产生身心愉悦之感。

2.图形图像与图片的创新设计。在网络之中，图形图像与图片可谓是除了文字之外最早进入到网络之中的多媒体形象，其传达的信息相较于文字而言更加的直观且具有寓意，而且图片在网页设计之中的应用还促使整个网页界面得到了美化。在传统平面设计过程中，设计人员对于原图图像分辨率、尺寸等多方面都具有较高的质量要求，尤其是在进行四色印刷的时候更是如此;但是，在网络化时代背景之下的图片却呈现出了全新的特点，其对于图片分辨率并没有过高的要求，反而还耕地，因为网络上的图片通常都是显示在计算机显示器上，所以会受到显示器分辨率限制，及时图片本身具有较高的精度也无法准确显示。为此，在网页设计过程中图片分辨率通常只需要72p。此外，图片文件也应该尽可能的小，毕竟网页图片在应用网络进行传输的时候，很容易受到宽带网络等方面的限制，所以文件尺寸最好能够在一定程度上缩小。

3.色彩的创新设计。在网页设计过程中，色彩是其中十分重要的视觉元素之一，将不同的色彩组合在一起就能够呈现出美观的网页界面。网页设计人员在设计过程中，一定要意识到其本身就是构建在国际互联网平台上的，所以在网页色彩设计的时候，一定要满足国际色彩需求标准，即我们常提到的网页安全色。在设计的时候合理的应用色彩来让浏览者获得良好的心理体验，先分析总体风格然后再基于此设计出主色调和辅助色，这样才能有效发挥出平面视觉元素对于网页设计的促进作用。对于这一点，可以在设计过程中从以下几点着手：（1）使用一种主色彩。在进行网页色彩设计的时候，设计人员可以先选定一种色彩来作为主色彩，然后对色彩的饱和度以及透明度进行调整，同时产生一种新的色彩，然后将其应用于网页之中。借助于这一种色彩创新的方式，能够让整个色彩保持统一，同时给人以一种层次感。如图1所示，网页设计师就是在设计过程中将红色作为了主色彩，然后基于此来对整个网页页面进行文字以及图像设计，让整体维持良好的和谐性。（2）使用两种色彩。在进行网页色彩设计的时候，使用两种色彩进行网页色彩设计，其需要设计人员先选定一种色彩，然后再选择所选色彩的对比色，通过这种色彩设计方式来让整个网页页面变得更加的丰富且多彩，而且还不会花峭，属于一种十分有效的色彩创新应用技巧。如图2所示，设计人员在设计过程中将黄色作为了主色彩，然后将绿色这一对比色作为另一种设计色彩，通过这种方式来进行合理的色彩把控。（3）使用同一种色系。在进行网页色彩视觉元素设计的时候，还可以使用同一色系来进行合理的设计，具体而言就是使用一个感觉的色彩来进行网页设计，例如，可以使用暖色系来进行设计，即红色、黄色等，这样就能给人以一种十分温柔柔和的感觉;也可以使用冷色系，像是蓝色、绿色以及紫色等。（4）将黑色与一种色彩联合使用。在进行网页色彩视觉元素设计的时候，除了上述几种色彩视觉元素创新应用方式之外，设计师还可以在设计过程中将黑色与一种色彩联合起来使用。可是，在进行联合使用的时候，还需要结合整体情况对文字、图片等多方面进行综合考虑，例如，使用大红色的字体来配上黑色的边框就会给人一种十分“跳跃”的感受。为此，在设计过程中，还需要对主页底色深浅程度进行合理的设计，假设底色十分的深，文字的颜色则需要尽可能的浅，这样就能借用深色背景来有效衬托出浅色的文字内容;反之，假设底色十分的淡，就可以将文字颜色设计为深颜色，借助于浅色背景来烘托深色的内容或者是图片。如图3所示，设计人员在设计的时候就将红色与黑色联系在了一起进行设计，而在选用深红色作为底色之后，设计人员的文字设计就选用了浅白色，通过这种方式来让整个设计变得和谐，而浏览则也不会感觉刺痛。总之，在进行网页色彩设计的时候，设计人员可以适当对纯度以及面积进行调整，这样才能让整个色彩设计变得更加的创新。

4.版式的创新设计。在网页设计过程中，要想有效发挥出平面视觉元素的促进作用，在设计过程中还需要注重版式这一视觉元素的创新设计。网页版面设计主要指的是在有限的屏幕空间中将多媒体元素有效的组合在一起，同时将各种构成元素进行调和、均衡、律动的视觉导向以及留白等多方面按照主题需求来进行合理的关系设计与安排，这样才能将各种视觉元素进行有效的关联，真正实现合理配置，从而让整个网页版式设计变得更加的美观且舒适，有效实现平面视觉元素对网页设计的长远促进作用。

四、结语

综上所述，在步入互联网时代环境后，群众生活以及工作和网络的联系也越发的紧密，无时无刻都在借助于网络获得最新资讯，而网站要想吸引更多的读者，一定要更加的新颖独特，所以网页界面设计在这一过程中的重要性也在不断突出。无论是任何一个网页其本身都包含了较多的网页元素，网页界面设计不单单知识将网页之中的元素进行简单的构成，需要结合主题来将其进行艺术组合与设计，从而给人带来较为良好的视觉体验。为此，网页设计人员一定要意识到平面视觉元素对于网頁设计长远发展的促进作用，结合实际合理应用平面视觉元素进行设计。

参考文献：

[1]董海斌，王丽梅，孙浩章.网页界面设计中的平面视觉元素[J].包装工程，2010（04）.

[2]和晓娟.平面视觉元素在网页设计中的应用研究[J].电脑编程技巧与维护，2014（10）.

[3]蓝机满.网页设计中平面视觉元素的应用[J].数字技术与应用，2012（07）.

[4]王秀杰.谈平面视觉元素在网页界面设计中的运用[J].商，2014（02）.