网页设计视觉信息传达分析

网页设计视觉信息传达分析

【摘要】随着我国经济地快速发展,科学技术不断地进步与完善,互联网已经走进了社会生产和人们的生活,它改变了人们的生活,而且打破了原来的商业模式,改变了我们原有的思维模式。网络已经离不开人们的生活,人们在淘宝网站上购物,在网页中浏览新闻等,这些内容都需要网页将信息传递给人们,所以,网页的设计有着非常重要的地位。本文通过分析了人们在浏览网页时的视觉习惯,网页设计如何能够吸引用户的眼球,能够更有效、更合理的表现欲传达。

【关键词】网页设计;视觉传达

一、网页设计概述 

网页设计是指企业将要表达的信息展示给用户,然后对网页进行设计、美化,尽可能在合理的空间让用户产生完美的视觉体验。

二、网页设计中视觉信息传达的构成要素分析 

主要考虑以下几个方面:首先是布局。用户浏览页面,不会第一时间从中获取信息,而是对网页本身有个总览,这就是我们所说的版面或者是结构。其次是色调。颜色是人们对这个世界认知最重要的要素,合理的色调设计,能够给人们带来愉快的心情,能够将网页的内容一目了然。再次是导航。导航主要体现在网页导航条的设计,好的导航条能够指引和带领用户更为快捷的浏览网页的内容,是网站的指南针。最后是内容。对于一个网页来说,必须具有中心内容,不管经过怎样的设计、美化,只有颜值没有内涵的话,也只是中看不中用,没有将内容有效的传递给用户。

三、网页设计如何提高视觉传达的有效性

可以从以下两方面考虑:

(一)布局设计

网页的布局设计是指将文字、图片、动画等元素在有限的空间内有机地排列组合,充分地将网页的主题、设计风格展示给大家。使用户更喜欢停留在该网页,内心产生一种享受的感觉。网页布局设计应做到突出主题,条理清晰,页面整洁、大方,让人一目了然。常用的网页布局定位的工具有表格、DIV标签,他们能使网页的内容有序,整齐的排列。表格是常用的页面布局工具,可以通过设置表格及单元格的属性,对页面的元素进行准确的定位。还可以通过DIV标签定位,DIV标签可以放在网页中任何位置,能够准确的控制网页中的对象。版面设计时可以考虑以下几个方面:1.主题分明,突出重点,将重点部分放到页面的中心位置,页面的中央或中间偏上的地方。2.图文并茂是页面中信息量过大时最不错的选择,文字、图形、图像的搭配组合,使整篇文章更加直观和生动;3.页面的设计及可以添加一些“动态性”原色,例如添加音乐、视频、动画等,这样可以使页面动静结合,不仅增加了页面的设计感,也更容易吸引用户的眼球,更有效的实现视觉传达。考虑页面布局的样式方面,有T字形,口字形,对称型,海报型等,版面设计还可以按照两栏式、三栏式或多栏式等方式设计。栏数不应该过多,最好不要多于三栏,否则将会影响整个版面的结构和条理,不利用信息得有效传递。

(二)网页的视觉识别系统设计

可以从以下三个方面考虑:1.标志设计。标志在网页中应用广泛,起着非常重要的作用。可以方便的实现视觉引导和功能的划分,便于宣传和识别。标志设计要注意以下几点:(1)一个企业的标志设计中不应参杂宗教和文化禁忌的符号元素进来。(2)传播价值第一。(3)标志设计一定要有强烈的吸引感,使用户对浏览的网页后对该标志印象深刻,这样不仅增加了网页浏览量和回头率,而且更好的传播了企业的信息。2.色彩搭配。色彩的搭配在网页中起着举足轻重地作用,很大程度影响用户在浏览网页时的心理感受,不同的色彩搭配会让用户产生不一样的体验,例如使用同色系和临色系的色调可以体现网页色彩的协调性与统一性,不足之处是他会使用户容易产生单调乏味的感觉,可以通过添加一些图片、动画来打破乏味的局面;运用对比色和互补色是丰富网页的页面颜色,增强视觉冲击力不错的选择,缺点是容易使用户产生烦躁、刺激的感觉。3.字体的设计。添加的字体尽可能与网页的特点以及网页的内容相契合。不同类型的网站对字体的设计有不同的要求,例如机关部门的网站就要求严肃,字体以黑体为主或对黑体加以简单变形;生活类的网站,字体需要生动活泼、轻盈欢快;购物类的网站女性朋友较多,比较适合细致,苗条的字体。个人主页往往与个人的性格特点相吻合,展示强烈的个性特征。不论什么类型的网页都需要整体把握一下几点:(1)尽量不要使用生僻字体,最好选择宋体、黑体等比较常见的字体,以防用户没有安装相应的字体库,造成字体显示不出来,结果事倍功半;(2)不宜同时选用过多字体,以2至3种为宜;(3)字体大小不要乱设置,最好以系统默认最佳;(4)特殊字体或艺术字体最好以图片的方式置入网页;

四、结语

网络正在以非常强大的力量影响着人们的生活,21世界是科技化的时代,是智能化的时代,社会的各个行业都离不开计算机和网络,更离不开向人们传递信息的网页。网页传递信息量大,传播速度快,种类繁多,备受人们的喜爱,如何能够快速地吸引浏览者,网页信息传达有的效性就显得至关重要。

参考文献:

[1]耿健斌.视觉传达设计要素在网页设计课程教学中的应用研究[J].电脑迷,2018(9).

[2]刁学栋,吴彬.网页设计的视觉信息传达分析[J].教育信息化,2006(19).

[3]陶陶.网页设计中视觉传达的有效性[J].信息科技,2013(06).

作者:任海燕