网页设计中视觉设计应用技巧

网页设计中视觉设计应用技巧

摘要:随着互联网的兴起,网页的应用也随之普及。网页的设计不仅要在网页的结构逻辑上参考用户的习惯,还要在视觉艺术设计上进行研究。本文从网页中视觉设计元素的特征、视觉设计元素在网页中的表现这两个方面展开探讨。

关键词:网页设计;视觉设计;应用技巧

1网页中视觉设计元素的特征

1.1记忆性

记忆性表示画面形成印象在脑海中存留的时间较久,在它再次出现在视线范围内时会引起条件反射。通俗易懂、简约干练的画面可以让浏览者接收信息时有更加深刻的印象,使得网页设计作品的美观度与可观性大幅提升,突出作品独特的魅力。如今,大众已经非常重视视觉形象的设计感,新颖醒目的设计更能吸引他们。

1.2连续性

将设计页面进行有层次的叠加是传递视觉信息的一种方式。对于一定画面内的信息感知,通常人的观察方式是点、线、面。在浏览过程中,页面中的轮廓、分割线以及点,对于浏览者来说有一定的视觉刺激,所以根据人的观察方式来确定页面设计中的控制视觉信息次序是很重要的。连续出现会加深用户视觉熟悉度,这对于视觉流程而言是最为基础的方式。有明显次序并且十分流畅连续的界面更加具有可读性,用户能通过快速浏览来了解界面内容,使浏览过程更加愉悦。

1.3注目性

页面的形象能够引起用户的注意就是注目性。注目性往往与视觉形象的色彩、环境、大小、结构、方位等因素有关。网页设计者在设计时采用鲜明生动、简洁明了的视觉语言,有利于把阅读者的注意力和视线吸引过来。

2视觉效果的设计技巧

2.1黄金比例和使用网格

黄金比例作为视觉设计中最具有吸引力的设计运用,在数学界和艺术作品的设计中都得到了广泛运用。将黄金分割运用于网页设计中各模块的大小及摆放位置,能够设计出符合用户浏览模式的视觉比例。九宫格使黄金比例的运用更为简单,将九宫网格置于页面之上,其2/3的位置便是宽和高的最佳位置。许多浏览量和点击率高的网页,都十分注重运用黄金比例来进行布局。

2.2分割布局的应用

将整体界面均分为两个部分的设计方式便是分割布局,这种布局方式是较为基础的,但它展示出来的效果也是非常整齐美观的。人们在浏览一个界面时,视线走向会按照“锯齿形”轨迹前进。一旦后续开始进行水平直线浏览,就证明用户已进入深入阅读状态。所以在一个一眼就能扫尽的界面里,要尽量展示出主要的信息点,帮助用户了解界面主题,运用科学方法来进行省略浏览的模式设计,更能够将随意浏览页面的潜在用户的视线吸引到网站中来。此现象形成过程为:用户打开页面,视线快速扫描有用信息,在视线转折点进行暂停转向,在这短短的暂停时间中人脑会对这个瞬间进行暂时性记忆画面停留。所以依照“锯齿状”来进行整体界面布局设计,将想展示给用户的关键信息放置在各个“转折点”之上,大脑的每次短暂记忆画面停留就会从这个画面里获取一些有效信息。用这种实现关键的推荐信息的方式可以更加有效地向用户展示一些主要功能,或者欲推销的产品与服务。这种布局方式的运用是较为便利的,不需要进行一些测量或计算,只要把界面均分成两个部分,由于锯齿形的转折点大都会聚在每个部分的中心处,将首要展示的内容分布在锯齿形的各个结束点,便能实现中心凸显的效果。而且此种方式布局能够让界面不显凌乱,简洁大气,展现出简约而不失实用性的设计理念。

2.3色彩的运用

对于网页设计来说,色彩的运用绝对是影响整体界面效果的重要原因之一。就设计而言,色彩运用的主要原则是风格统一、简约而又凸显重点。对于用户来说,色彩的运用可以影响用户的浏览体验,不同颜色给人不一样的心理冲击。比如,鲜艳的红色最能吸引人的目光,透露出一股热烈而又热情的感觉,不过由于不断刺激视觉,很快会产生视觉疲劳;相反绿色并不是最能吸引视觉的颜色,而且在视线范围内常常被忽略,可它给视觉带来的是一种轻松舒适的感觉,能够使人心情平静;灰色相对于黑色来说不那么压抑,比之白色又不那么平淡,作为背景色来说,利用不同灰度的灰色来代替白或黑与其他颜色搭配更加适用。金属色系的灰色是十分有科技感的。举个例子,假如是设计饮品店的界面,其色彩运用应选取更加清凉舒适的蓝色,让人感受到这个饮品店带来的夏日清爽,激起用户购买欲,让线上营销获得良好的实践效果。但是多颜色叠加对于网页设计来说是不提倡的,会给人一种眼花缭乱之感,显得整个设计非常杂乱,质感差,应该统一风格,在同一个色系里搭配颜色。此外还需注意,对于色彩的运用除了美观之外也要多多考虑地域和文化的差异,不同地区或不同民族从颜色获取到的感受不同。在确定需求时要对受众面进行分析,选择适合的色系,这是网页设计色彩运用的首要事项。

2.4迎合用户习惯

时间就是金钱,翻遍页面却找不到有效信息是令人烦闷的一件事情,在快速浏览搜索过程中,一个具有可观性而又简约美观的界面更能够吸引用户登录,因为这样的界面能抚平他们烦闷的心理,卸下心防从而选择登录这个网站。在视觉方面能够引起用户共鸣的界面能够让用户产生信任感,这种页面在颜色和布局方面都比较符合行业特征,用户最后会选择停留在这个页面里浏览,这也是网站的主要目的之一。所以一个界面的颜色和布局对于浏览量来说是十分重要的。在设计之前进行企业需求分析是十分有必要的,因为这会确定整个网页的定位和风格,根据不同公司的性质所销售的产品或者服务特性来确定用户群体,经过一定数据的观察分析用户,便可以知道用户的生活特性以及年龄,通过对他们心理的分析,了解他们登录网站的目的,有针对性地进行网页的改进设计,以此来留住用户,让网站能够起到最好的推广作用。布局方面,可以根据现实内容的多少来确定布局方式,“国”字形布局适用于内容较多的页面,反之可以使用标题正文的布局方式来使得页面显得比较丰富。而自由式更加适合想要凸显自身形象的企业或个人主页。对比方式的灵活运用也能在设计中达到多变的效果。界面设计中,色彩的色相不同、明度高低、饱和度高低以及形态的状态变化,线条的虚实短浅,会形成多变的界面,打造出饱满而又不累目的视觉效果。比如迪士尼的网页给人的第一印象就是丰富生动的,根据迪士尼的特征,采用大量比色进行布局,界面看起来丰富盈动,加之动画的适当铺缀,动静分明,有独特的对比感,这种变化丰富而又灵动的设计风格赋予了迪士尼网页独特的个性。简约干净、整齐划一是界面设计的基本原则。虽说设计有多样化,但是网页的主要功能是提供信息,信息才是最主要的,繁杂的界面容易弱化信息的重点,将内容进行分类再将关键信息提炼出来简明扼要地展示给用户才是网页吸引用户的核心。这样能给浏览者一个非常好的第一印象,不至于一进入网站便想关闭界面。简洁大气的网页布局、通俗简练的指引才是吸引用户的关键。

3结语

网页设计与使用者体验息息相关,因此页面设计应符合用户的使用习惯和审美需求,充分运用艺术元素对网页进行加工,通过视觉效果提升用户点击率,帮助网页更好地进行推广。

参考文献:

[1]刘中华.网页设计中信息的视觉传达研究[D].湖北工业大学,2009.

[2]刘岩妍.浅析网页设计中的视觉设计原则[J].科技情报开发与经济,2007,17(31).

作者:孙薇卿 单位:无锡科技职业学院