基于视觉信息传达的网页设计研究

郑璇

摘要：网页设计是一门全新的设计领域学科，是网络与设计交叉的学科，涉及的范围包括了感观设计、交互设计、信息设计，以及视觉信息传达设计。网页信息传递是以一种全新的超媒体传播形式进行传递信息，包含了生硬、影响、图片、文字等信息，为用户提供了很大的自主性。鉴于此，该文对网页设计进行简要概述，并对网页设计中影响信息传达的问题展开研究，进而提出提高网页设计信息有效传达的几点思考。此次研究的主要目的是为了网页设计中视觉信息有效传达的研究提供有价值的参考意见。

关键词：视觉信息；信息传达；网页设计

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2018）01-0224-02

网页作为一种信息载体，给人们获取信息带来了极大的便利，网络传播信息效率高、速度快，已成为人们日常生活中获取信息的重要途径。在我国网民不断增加的背景下，人们使用网络的目的也逐渐多元化。因此，本文对视觉信息传达的网页设计展开研究，无疑对于提高网页视觉信息传达的效率和提升网络用户的体验度具有重要的意义。

1 网页设计概述

1） 网页的分类及特点

网页又称为HTML文件，可在互联网上传输，并通过浏览器翻译成页面显示出来的文件。包括了影像、声音、图片、超链接、文字等，其核心是超文本技术。根据网页表现的形式可分为动态网页和静态网页，静态网页即是网页内无代码，不可进行伺服端执行；动态网页即是网页内有代码，可伺服端执行。根据网页拥有者可分为组织机构、教育部门、政府、企业、个人等网站；根据网页功能可分为电子商务、搜索引擎、电子邮件、及时交流、信息浏览等；根据网页内容可分为体育、新闻、时尚、娱乐、教育、商业等网站。另外，网页和影视、印刷、文字等媒体相比，具有注重立体结构、具有多媒体功能、信息反馈准确和及时、不受地域和时间的限制、更新及时、实效性强、交互性强等七大特点[1]。

2） 网页设计内容

网页设计内容包括了网页设计语言、网页设计、网站结构设计等三方面。其一，网站设计结构是包含网站的链接结构和目录结构。其中目录结构是指网站储存和组织所有文档目录的设置，大型网站目录结构关系复杂、层次深、数量多，是目前网页设计中的一大难题，若未经周密设计，有可能影响网页的正常使用，并且给维护工作带来诸多不便；其二，网页设计包含了版面布局、色彩应用、文字应用等内容；其三，网页设计语言与文化即是网页设计的语言，如：SMIL、XML、DHTML、JAVE等程序的语言，在日常工作中，网页设计工程师需要掌握最新的设计技术，并将其运用到工作中，挖掘网站的新功能。

2 网页设计中影响信息传达的问题

1） 网页版面设计存在的不足

网页设计中首先需要设计到网页排版的问题，网页排版简单而言，即是我国绘画中的“经营位置”，需要具备美观、简介、直观等特点。网页设计排版既有图片和文字，还有视频播放等内容，并且图片和文字还有大小之分。文字和图片要同时展示给用户，并且还需要适度进行视频展示，若同时罗列在同一个页面上，则会影响网页的美观，显得排版杂乱无章，影响力用户有效的获取信息，阻碍信息的传达，因此需要按照相应的规律，做好网页布局的工作[2]。

2） 网页文字设计存在的不足

文字是信息传达的重要途径，位子是网页设计中不可或缺的重要元素，是网页信息的重要描述元素，网站文字设计占据了网页设计版面较大的面积，文字排版直接影响了整个网页的质量。网页字体设计较为复杂，超链接文字还需加上下划线，使得字体行间距较小，显得网页较为拥挤，影响力网页的美观，若用户打开网页，无法有效的、轻松地获取信息，将会降低用户的体验度。导致用户获取信息视觉困难，不利于信息传达[3]。

3） 网页版面设计存在的不足

给用户留下第一印象的不是网页排版的格局，也不是网站丰富的内容，而是网站内的色彩。网站的色彩能够有效的吸引用户的注意力，网站色彩的搭配和运用很大程度上决定了网页设计的成功。但目前，网页设计中往往运用多种颜色，使得网站色彩丰富，结果却适得其反，色彩多度使用容易导致网页布局不协调，缺乏内在的美观，结果是影响了用户浏览网页的效率，阻碍了视觉信息的有效传达。

3 提高网页设计信息有效传达的几点思考

1） 网页版面设计有效传达的方法

根据人体眼球结构可知，人的视觉有效部位只占很小的一部分，这使得人们只能在一定的时间内获得少量的視觉信息。人在阅读的过程中，视觉流动是一种习惯，但又能被视觉元素影响。因此，在进行网页设计的过程中，可利用这习惯，引导用户浏览信息。如：完美设计图形，要具有丰富有条理的特点，布局要有秩序但不显得单调，将大量的信息放大网页上，需要考虑网页布局的合理性，采用统一的方式来排列，使得网页的布局具有较强的整体感。另外，还需要将两个差异较大的视觉元素配置在一起，增强用户的视觉冲击，例如，文字的排布、图片尺寸、色彩、粗细、位置和比例等，有效增强用户的视觉效果，从而有效地传达视觉信息[4]。

2） 网页文字设计有效传达的方法

网页设计中文字的功能主要是传递各种信息，并非是装饰。为了提高视觉信息的传达效率，在进行网页文字设计时，需要考虑文字编辑的整体效果，给用户创造一个清晰的视觉印象。同时，还要避免网页页面繁杂凌乱的现象，减去不必要的网页装饰，给用户提供一个直观和简洁的网页浏览环境，使用户能够易读、易懂、易认。例如，网页设计文字的种类要精简，风格要统一，需要具有鲜明的节奏感，给用户一种生机盎然的感觉[5]。如：个人网页可根据个人的性格特点及追求；企业网站可根据企业的文化、产品、管理理念进行设计。在进行文字编辑时，不仅需要具有严谨的逻辑思维，同时还需要传达思想感情，从为用户提供视觉上的享受，还能够给用户留下美好的印象，获得良好的心理反应，增强了网页视觉信息的有效传达。

3） 网页色彩设计有效传达的方法

色彩是网页设计中重要的组成部分，色彩视觉受到了人的情绪、象征、联想、情感等主观的影响。在进行网页色彩设的过程中，需要具备特色鲜明、合理搭配、讲究艺术等特性。首先，避免使用单一的色彩，以免给用户留下单调的色彩感，另外，除了网页文字的设计之外，另外的部分尽量不要使用到黑色，黑色色彩若使用的不合理，往往会影响网页色彩的整体感，降低了艺术的效果[6]。其次，网页色彩对比应用，突出色彩的重点，增强用户的视觉效果，例如：以一种颜色为主调，采用对比颜色进行点缀，可以起到画龙点睛的效果。最后，网页色彩设计使用的颜色应控制在四种以内，避免大量的色彩冲刺用户的视觉，使用户产生视觉疲劳，严格控制色彩的各种属性来产生网页动态的变化。从而提高视觉信息传达的效率。

4 结束语

综上所述，本文对网页设计概述进行简要概述，针对网页设计中影响信息传达的问题提出了网页版面设计、网页文字设计和网页色彩设计的网页设计信息有效传达的几点思考。研究结果表明，网页版面设计、色彩设计、文字设计依然影响着网页信息的有效传达。因此，在未来的工作中，还需加强视觉信息传达的网页设计的研究，从而提高网页视觉信息传达的效率，进而提升网络用户的体验度和促进网页设计的发展。

参考文献：

[1] 丛媛媛，时英华，赵娜.农业信息网站网页设计的视觉信息传达有效性分析[J].农业网络信息，2016，12（10）：61-64.

[2] 王中岳.平面视觉元素在网页设计中的应用价值分析[J].现代装饰（理论），2016，10（08）：131.

[3] 丁丽.浅析网页设计中平面视觉元素的运用[J].科技资讯，2015，9（15）：28.

[4] 熊科军，黄琴.网页设计课程中网站信息组织设计的教学方法探索[J].美术教育研究，2015，11（05）：94-96.

[5] 马金祥，王健，犇妮.网页设计之视觉信息传达分析——以唐代服装为切入点的职业教育网站设计为例[J].理论观察，2014，12（08）：65-66.

[6] 银敏吉.视觉传达设计专业中网页设计课程教学模式的探索[J].大众文艺，2014，10（07）：220-221.endprint