平面视觉元素在网页设计中的应用

张颖

摘要    网页设计的过程中涉及到图像、色彩、文字、板式等多项内容的处理，这些内容均属于平面视觉元素。鉴于此，探究平面视觉元素在网页设计中的应用是十分必要的。本文将从文字视觉元素、图像视觉元素、色彩视觉元素、板式视觉元素四个方面进行详细的分析，旨在促进我国网页设计的发展。

【关键词】平面视觉元素网页设计应用

信息技术的快速发展，对于人类的社会的信息传播方式产生了重大的影响，衍生出众多的新兴行业。网络作为现代信息传播的主要载体，影响了人们生活的方方面面。网页是互联网信息重要的组成部分，也是网络信息的一种展示形式。如何让网页在传播信息的过程中具有更强的信息性、可读性、视觉性，成为了网页设计过程中的关键点。为此本文将详细探究平面视觉元素中各项元素在网页设计中的具体应用，以期促进平面视觉元素设计的进一步发展。

1 文字视觉元素在网页中的应用

1.1 文字视觉元素

文字是一种具有内在含义与外在形象的视觉元素，记录了一定思想感情。在网页设计的过程中，文字视觉元素往往要承担最重要一部分的视觉影响，也是网页设计中需要着重考虑的一大元素。为此设计人员在设计文字视觉元素的过程中，要充分的考虑网页中文字的颜色、字体类型、字体大小，合理的对网页文字进行编排，以增加整体网页的美感，吸引信息阅读者的阅读兴趣。

1.2 文字编排设计

网页文字编排设计主要包括：文字编排、字体选择、字体编辑等多个方面的内容。设计人员在设计的过程中可以选择艺术字处理方式处理文字，进一步增强文字本身视觉形象，起到抓人眼球的作用，此外文字处理方法一般被用于网页文字的标题中。在文字编排的过程中需要注意匹配性、明确性两大原则。在匹配性方面，设计人员在设计的过程中应该充分的考虑到文字的视觉设计应该契合网页宣传的主题。尤其在设计风格方面，设计人员在设计的过程中应该保持字体、色彩、形式、形态与文字信息所表达内容的匹配性，避免起到适得相反的匹配效果。文字编排的目的是让文字更具吸引性，因此设计人员在设计的过程中，在创新视觉元素的过程中也应该注重其文字的识别性，易于信息者阅读者阅读。

2 图像视觉元素在网页设计中的应用

2.1 图像视觉元素

图像本身不仅承载了一定的信息属性，在网页中具有更强的宣传性，页更加形象直观。因此设计人员在设计图像视觉元素的过程中往往会更加注重其色彩与造型，使其成为网页设计中的视觉中心。图像所表达的信息对于信息阅读者来说，更具直观的冲击效果。色彩是图像设计中的感性因素，造型是图像设计中的理性框架，图像的色彩与造型之间相辅相成。

2.2 图像视觉设计

在网页图像设计的过程中，图像的格式主要为JPEG与GIF两种格式。在网页图形编排设计中主要有退底图、方形图、出血图、多图混用四种设计方式。方形图，是在网页图像视觉设计中最常用的一种图像设计方式，本身具有简洁、大方的特征。设计人员在设计网页图像元素的过程中利用方形图设计将会给人庄严、肃穆、严谨、稳重的感觉。但反之，过多的使用方形图也会信息阅读者一种古板、平淡的呆滞感。退底图，本身具有活泼、个性、自由的特征，合理的应用将会活跃网页的风格属性。但大面积使用退底图，将会造成凌乱感。出血图，主要应用于网页设计的边缘设计，本身具有图像外扩的而趋势，有利于情感的表达。

3 色彩视觉元素在网页设计中的应用

3.1 色彩视觉元素

色彩视觉元素是网页设计中重要的视觉元素之一，色彩的应用是否得当往往能够决定信息阅读者是否具有网页浏览的兴趣。在网页设计中流行这样一句行话“远看色，近看花”，网页颜色的设计能够决定读者对于网页的第一印象。尤其在网页设计中的主打色彩，具有统帅网页设计的作用。色彩视觉元素本身不仅表达出一定的设计风格，更是传达出强烈的情绪。这也对网页设计人员在运用色彩视觉元素时，要着重考虑视觉元素为信息阅读者带来的情感感受。

3.2 色彩视觉设计

在色彩视觉设计的过程中主要考虑两个方面：

（1）色彩的选择;

（2）色彩的搭配。

在色彩的选择上，设计人员应该了解每种颜色的应用将会带来哪些视觉效果，避免因为图像色彩的误用，导致色彩含义与网页主题的背离。科学合理的使用色彩，往往能够起到强化主题效果的作用。因此设计者在购物网站、儿童网站的设计中应该顺应主题要求使用暖色调的色彩;在电子商务、科技网站、学术网站的设计中使用冷色调用于突出其稳重、严肃、严谨的网页设计风格。

4 板式视觉元素在网页设计中的应用

4.1 板式视觉元素

板式设计，就是将网页中的各项元素进行科学、合理的进行整合配置，从而将多项视觉元素的风格进行有机的统一与关联，使其更好的服务于网页设计的主题。合理的配置各项视觉元素，不仅能够提升网页的整体美观度，也能够愈加凸显整个风格的主题，从而让信息阅读者获得更佳的视觉流畅体验。

4.2 板式视觉设计

板式视觉设计主要有：

（1）骨骼型，能够增强整体设计的和谐型;

（2）满版型，使网页更加舒展大方;

（3）分割型，具有自然的特征;

（4）中轴型，具有含蓄和稳定之美;

（5）曲线型，增强了网页的节奏感与韵律感;

（6）倾斜型，增强网页设计的动感;

（7）三角型，正三角与倒三角的使用，使網页兼具动感与沉稳感;

（8）自由型，增强网页的轻松、活泼性。

网页设人员在进行板式设计的过程中，只有准确的把握不同的板式对于网页设计的效果，才能更好的突出网页设计的主题。

5 结语

平面视觉元素对于网页的设计至关重要，文字、图像、色彩、板式的合理运用将会对网页的整体主题起到增强效果，吸引信息阅读者眼球的作用。为此设计人员在设计的过程中应该合理把握各项元素的设计，优化各项视觉元素的搭配。

参考文献

[1]李鸿明.中国传统视觉元素在现代平面设计中的运用[J].艺术百家，2013（z2）.

[2]毕海波.论新闻网站网页设计中平面视觉元素的传达[J].新闻战线，2017.

[3]王君.网页设计在平面设计中的运用[J].包装工程，2012（16）：140-142.

[4]王君.中国传统视觉元素在现代茶叶包装平面设计的应用研究[J].福建茶叶，2018，40（01）.

[5]王睿.中国传统视觉元素对现代茶叶包装平面设计的影响[J].福建茶叶，2017（04）：129-130.