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

蒋姗

摘要：本文基于对网页设计的简单了解，根据对网页设计中应用平面视觉元素重要性的分析研究，提出将平面视觉元素包含的色彩、文字、图像和板式等视觉元素充分应用于网页设计中的有效应用路径，突出网页信息的视觉性、可读性与条理性，进一步促进我国网页设计的蓬勃发展。

关键词：视觉元素;网页设计;应用路径

中图分类号：TP393.092  文献标识码：A  文章编号：1672-9129（2020）01-0013-01

Abstract： in this paper， based on the simple understanding of the web page design， based on the analysis of the importance of application of plane visual element in web design research， put forward the plane visual element contains visual elements such as colour， text， images， and plate fully applied to effective application path in web design， highlight the vision of web information， readability and organization， to further promote the vigorous development of web design in our country.

Key words： visual elements; Web design; Application path

引言：在大数据背景的影响下，我国互联网技术逐渐发展，对人类社会的信息传播方式产生了重大影响，因而对网页的设计提出了更高的需求。平面视觉元素应用于网页设计中，不仅突出了网页中的文字、色彩和主题，而且能对用户具有一定的吸引性，进一步满足用户对网页显示出的信息传达效果。

1  网页设计中应用平面视觉元素的重要性

在进行网页设计中，不同网站的设计风格是根据其表现的主题内容所设计的，所以具有一定的差异性，而网站的设计风格往往决定了如何进行主题的呈现与功能的展示。优异的网页设计中大都充分有效利用了平面视觉元素的优势，不仅能吸引读者用户的眼球，而且能明确网站主题，从中获取有效且正确的应用信息，构建起网页与用户之间的视觉桥梁[1]。

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

2.1色彩视觉元素的应用。在进行网页设计过程中，色彩视觉元素的应用与搭配是体现网页设计风格的主要表现形式，通过不同颜色给人带来的不同心理暗示，让用户在观看网页设计的过程中具有一定的视觉冲击，更传达出强烈的主题情绪。

在进行色彩视觉设计中应主要考虑色彩的风格与色彩的搭配两个方面。色彩的选择应该以色彩的含义与网页的主题为基础，了解每种颜色背后的含义以及颜色搭配在一起会出现哪些视觉效果，避免导致由于图像色彩的误用导致色彩的现实含义与网页主题出现背道而驰的现象。平面设计师应该科学合理的运用色彩进行搭配，从而使颜色真正意义上做到强化网页主题的作用。例如：平面设计师在设计儿童网站、购物网站或是游乐园宣传网站，则应该顺应主题需求，突出主题含义，应用一些明亮的暖色调来进行网页设计;当设计师在设计学术、科技以及电子商务类的网页时，则需要根据要求应用灰色系冷色调来表达出网页设计风格的稳重和严谨性。

2.2文字视觉元素的应用。在进行网页设计过程中，文字视觉元素的应用是向用户传递网页主题信息的重要载体，占据着网页设计中的主要地位。而文字视觉元素既包含了内在含义，又展现了外在形象，在很大程度上决定了整个网站的主题体验效果，因此需要提高文字的辨识性与易读性。设计师在设计过程中需要针对网页主题，需要考虑文字的字体、颜色、大小的设计以及合理对其进行编排，充分展现网页整体美感，与色彩元素搭配吸引用户阅读兴趣[2]。

对网页文字的编排设计主要包括字体类型选择、文字组合编排、文字导向编辑等，而设计人员需要遵循文字编排的一定规律对其进行组合创造，进一步增强文字本身的视觉形象，同时在编排设计过程中需要主义文字的明确性和匹配性，避免出现偏离网页主题的现象。例如：在网页文字编排时需要注意文字之间的行间距、行宽、行对齐以及文字数量等因素影响。行间距不易过窄或过宽，在文字过多的情况下，对文字进行分栏模式。网页都只选择一种除两端对齐以外的文本对齐方式，这样才能实现网页的规范性。可采用图文结合的方式营造诙谐舒适的阅读环境。

2.3图像视觉元素的应用 。在进行网页设计过程中，图像视觉元素的应用是影响网页整体美感的关键要素，带有较强的视觉影响力和视觉冲击力，具有一定的艺术美感。在信息传递方面，图像比文字更具有直接性、高效性和简洁性。图像、文字和色彩三者之间的相互配合，能够在短时间内充分彰显出网页的主题，给用户留下深刻印象。

在网页设计中的图像，一般都是具有一定的导向和链接功能。例如：图像的主要格式为JPG与GIF两种格式，而在图形编排设计中主要有方形图、退底图、化网图、出血图以及多图混用等设计方式，其中方形图是应用于网页设计中最常见的图像设计方式，其本身具有简洁大方的特性，但过多的应用一种设计方式会使用户产生古板、呆滞的感觉。退底图是设计者根据版面内容的需要，将图片中精选部分沿边缘进行剪裁，其本身具有自由活躍的特性，但过多的应用退底图会给用户造成杂乱无章的感觉。

2.4板式视觉元素的应用。板式视觉元素设计指的就是将网页中的各项元素在科学合理的条件下，进行一定的整合配置，从而达到符合的设计需求。具体来说，就是对已有的文字元素设计、色彩元素设计、图像元素设计等元素风格进行相互关联，最终实行有机统一，为更好使平面视觉元素服务于网页设计奠定基础。

板式视觉设计主要分为曲线型、自由型、三角型、骨骼型等多种类型方式，其分别表示着不同的板式类型特征。比如曲线型的特征就是能够增强带动网页的节奏感与韵律感，使网页彰显动感活力;自由型能够充分体现出网页的轻松愉悦性;三角形则区分为正三角和倒三角，两者都能够使网页的整体设计兼具动感与稳重感的有效结合;骨骼型则是能够体现出网页整体的大致构架，突出网页设计主题，增强整体设计的和谐型。网页设计人员只有把握好不同设计类型的不同特性效果，才能有效突出网页设计主题。

结论：综上所述，平面视觉元素在网页设计中起着至关重要的作用，而且能有效影响传递信息的表达方式。色彩、文字、图像和板式等视觉元素的合理运用，能起到进一步突出网页主题的作用，并通过不断优化平面视觉元素搭配，使网页设计风格更能吸引读者用户，并逐渐趋于优势化发展。

参考文献：

[1]向芊西.平面视觉元素在网页设计中的应用[J].文教资料，2019，03：84-85.

[2]张颖.平面视觉元素在网页设计中的应用[J].电子技术与软件工程，2019，05：59.