基于企业网站界面设计的视觉传达要素分析.docx

?

?

基于企业网站界面设计的视觉传达要素分析

?

?

摘要：随着中国互联网的快速崛起，我国的网站数量在逐年的增加。企业也已认识到互联网的快速发展所带来的巨大收益，纷纷建立属于自己品牌形象宣传的新版企业网站或者电子商务类型网站。针对目前企业网站设计的特点，提出新的网站前端界面设计内容构成概念，旨在丰富基于企业网站界面设计的视觉传达要素构成的理论和实践内容。

关键词：网页设计；网页界面设计；网页视觉传达要素；网站内容构成

★基金项目：山东协和学院职业教育创新发展高地理论实践研究专项“新工科背景下基于OBE理念的《网页网站设计》课程改革实践与应用”（课题编号2020GD27）。

引言

据中国互联网信息中心CNNIC发布的《中国互联网第44次统计发展报告》中阐述：截止2019年6月，我国网民数量为8.54亿人，手机网民数量8.47亿人，农村网民数量为2.25亿人，城镇网民数量为6.3亿人，使用台式机上网、笔记本上网、平板电脑上网的比例分别为46.2%，36.1%和28.3%，网络购物用户规模6.39亿，互联网的普及率超过6成，移动互联使用持续优化。网站，已作为上网的主要依托，由于人们频繁的使用网络，而变得越来越重要。网站设计也得到突飞猛进的发展。一个优秀的企业网站，通常具备合理布局的页面元素、丰富多样的内容、赏心悦目的编排方式和视觉效果，并在这几个方面实现页面整体的和谐统一。只有这样，才能给网站浏览者留下深刻的印象。网站是由多个网页通过超级链接组成的有机整体。现在网页，无论是在内容层面，还是在形式层面，都已经有了极大的丰富，而网页视觉设计也具有了视觉传达的一般特征，在交互性方面、版式的不可控方面、技术和艺术的紧密性方面、多媒体的综合性方面、多维性方面均有了较大的提高。网页设计师必须具有强势的主题诉求能力和内容选择创造力。与传统媒体不同，网站界面设计除了文本和图像等基本元素外，还包含一些其他的重要元素。本文从网站内容建设方面入手，以SONY中国官方网站的截图（如图2所示）为例，详述企业网站内容视觉传达的构成要素。

1、网页界面基本元素

1.1文本

文本，即文字，是人类最重要的信息载体和表现形式，也是人类进行思想和情感交流的重要手段。文字是信息传达中最普遍使用的视觉元素，是网页的主体内容。文字对于网站的气质风格有很大的影响，字体的样式、字号大小、加粗、倾斜、下划线、字距、行距、跳跃率、编排方式等字体效果可以明显的突出信息诉求。网页正文中使用较多的字体样式一般为黑体和宋体，黑体用于网页标题，宋体用于网页正文部分，但不绝对；目前较为典型的中文屏幕字体黑体包括方正兰亭黑、微软雅黑、黑体、信黑体等，如图1所示。

传统而规范的字体，偏小的字号，整齐、低跳跃率的编排，会给人平静、稳重的感觉，营造一种安静的气质；相反，使用字形活跃的字体，或者排版不规则、高跳跃率的组织，会使网站形成活跃的氛围。字距的大小由字体结构来决定，行距指的是临近两行文本之间的距离，行距过小容易造成上下文的干扰，行距过宽视觉效果变差、出现版面散、乱、无重心的视觉感受，也会降低文字的延续性。一般行距为1.25倍-2倍较佳。文字的排版方式受网站信息量和网站设计风格影响，文字信息量大时，采用齐头齐尾的块状排版方式；文字信息量不大时，文字排版较为灵活，但要注意协调对比、统一、节奏和平衡，并注意把控视觉秩序。在设计页面时，字体排版要注意两点：（1）在页面设计过程中，主、副标题要明确标出，可以利用不同字体的样式或者字号大小粗确标注出来，主副标题要大小层次分明、主次分明，这样浏览者可以轻松的抓取到它本身的在意点。（2）在网页页面中，使用的字体样式不要过多，尽量不要超过三种，字体太多，会让页面很乱，没有统一性。

1.2图像

图像在网站中应用比较多，在网页的信息诉求中起到体现风格、美化网页、提供信息、展示作品的作用。与文字相比，图像在信息传递方面更加直观和生动，更易吸引用户的视线，能够更好的帮助用户聚焦信息，并引导用户行为。尤其是在产品销售型企业网站中，图像的作用更为显著，它能直观的突出产品整体外观、提供相应产品信息和产品品质，一般宜用细腻、质感、分辨率高的位图图像，以体现产品的调性定位和风格。网页中使用较多的图像格式为JPG位图图像和GIF矢量图图像。JPG图像在复杂图像、细微色彩、阴影色彩、连续色调表现等方面具有明显优势，使用有损压缩模式，能够将图像压缩在很小的储存空间，图像中重复或不重要的资料会被丢失，因此容易造成图像数据的损伤，并失真。GIF矢量图像在线条表现方面，具有相关的优势，支持放大、缩小、旋转等方面，不失真，不影响清晰度，支持全透明/半透明（alpha）/不透明模式。

2、网页界面扩展元素

2.1网站LOGO

网站Logo是整个网站对外宣传、展示的重要标识和标志，是网