视觉传达中的网页交互设计理念范文

摘要：

何为视觉传达设计，视觉传达设计是指运用视觉表现的手法传达给用户的设计方式。较为传统的传播媒介是平面类印刷纸质类，现在主要利用各种电子媒介作为媒介。根据相关数据2013年中国互联网使用人数已过6亿。所以互联网传播作为新的媒介，与平面类纸质媒介不大相同的地方是它更加强调了“交互设计”理念。

关键词：

网页交互设计；视觉传达

因时代的进步互联网络的快速发展是必然的，作为一种全新的视觉传播媒介，具有迅速、价廉、及时、传播面广的特点。网页作为互联网的代表传播方式之一，它的设计既要有传统平面该有的设计特点，还要有现代技术的组成，将技术与艺术巧妙的相融为一体的交互性活动。本文尝试着从视觉传达设计中文字、色彩和排版对人生理和心理的作用应如何运用到网页设计的交互式上，帮助设计师更好地利用视觉表现让客户达到良好体验。在笔者看来，一个好的设计师或互联网技术人员未必能够做好网页设计，因为它不只是光需要设计师的审美或技术人员的开发。一个好的互联网产品需要产品经理与设计师和技术人员的三方沟通，一个优秀的设计师其实可以胜任产品经理加设计师的工作。所以我们在做网页设计时，应该以一个产品经理加设计师的思维共同设计。心里的思路应该很清晰，例如我们的客户群体是哪些、他们有哪些习惯、我的颜色该如何搭配、字体用什么才能吸引让客户群体等等，这些都是在进行网页设计前所要思考的，至于如何正确地匹配到这些选项，还需要我们仔细地探究。一个好的网页设计并不是简单地把文字图片放上去就够了，我们需要揣测用户的心理因素和生理本能，比如说网页的大小比例、字体大小、图片大小和整体的排版风格。下面就跟大家浅谈下网页设计中的信息视觉传达：

1文字

对于在网页上的文字设计来说字体的基本要求是可阅读性，其包括文字的大小、字与字的间距、段与段的间距和行列长短间距等方面的处理。很少一些网页对字体进行再次设计，原因是不同的计算机操作系统和字体文件安装都是不同的，所以必须选取一些常规的字体，否则一部分用户上的字体就会变成默认字体，这将与设计者本身的设计意图大大相否。其次，用户使用的屏幕显示也对字体有一定的影响，设计是大多数会采用宋体或黑体两种字体，从用户心理感受来说，宋体字较为活跃、生动，阅读起来不容易疲劳。而黑体字方正端庄，线条粗犷醒目，但在缩小到一定程度时容易模糊，造成识别困难。

2色彩

色彩设计对于一个优秀的设计来说非常重要，在网页设计中也是设计的关键，在互联网快速的阅读中如何第一秒吸引到用户成为视觉传播的关键。人对色彩是相当敏感的，当他们首次接触一个网页时，最先吸引其注意力的就是网页的颜色，其次是图像，最后是文字。色彩给其他人的印象特别强烈，所以设计师最容易通过色彩去表达他的设计意念，例如天猫和京东的红白色主页的设计，强烈的颜色冲击了人们的心理视觉给人强烈的购买欲望。网页上的颜色主要表现在主导色、辅助颜色和背景颜色这几个方面。占颜色面积最大的是网页主色调。主色调像是一幅画中的主色，在创造特定的气氛与意境上发挥主导作用。第二大的是辅助颜色，起的作用是强调或调和。网页的背景色是增加画面空间感的重要措施。例如，较暗的背景色与鲜明的主导色形成鲜明的前后空间关系。设计师对不同功能的色彩进行理解和分析，搭配好主色、辅色和背景色的运用比例才能给用户一个良好的视觉体验。

3排版

排版设计在网页设计中也可以叫做页面布局，把零散的网页名称、导航栏、搜索栏、图形、文字和符号进行点线面排版。四周的“空间”并不是没有的，可以留白或留灰，突出页面主题物让网页在使用中更加简洁和便利。设计师根据“以虚托实、以无衬有”和信息传达的要求进行合理排版，此时需要注重用户心理的潜意识和生理的行为习惯进行排版设计。比如用户在浏览页面时，第一眼优先注意到的是四周留白的文字，这就是视觉的边际效应在虚空间的一个体现。从而使设计师设计的平面网页能够充分与用户有所“交互”，使用户体验获得更佳的视觉印象。

4视觉规律

视觉规律是根据人的视觉心理因素和生理习惯而决定的。人有两只眼睛但是因为人的眼球原理只允许产生一个视觉焦点，不能同时停留在两处以上（包含两处）的地方。因此人们自由阅读时，都会有一个生理习惯，从上往下和从左往右阅读。心理学研究显示出，在一个平面内人在阅览上半部分时会让人感到轻松愉悦，下半部分时则会感到郁闷压抑。同样左半部分让人感到轻松愉悦，右半部分则会感到郁闷压抑。所以左上部分称为“最佳阅览区”。视觉流程导向又分为导向类视觉流程、重心视觉流程、反复视觉流程、散点视觉流程，我们在网页设计中就可以依据这些用户的生理和心理的“规律”来进行交互设计，从而使用户达到良好的使用体验。优秀的网页设计师提供愉悦的交互式体验，不仅对文字、色彩和排版进行探究设计。网页上操作面板上的按钮和开关和导航的分栏等，设计师利用交互性及时让用户知道如何操作这是很重要的。那么设计师必须合理地运用示能、意符、约束、映射和反馈这几个心理学概念进行科学的设计。

参考文献：

［1］王愉，隋涌.论网页视觉要素设计［J］.北京印刷学院学报，2005（04）.

［2］刁学栋，吴彬.网页设计的视觉信息传达分析［J］.教育信息化，2006（19）.

作者:连公博 单位:西安工程大学金花校区