脑课堂编程教育

网页制作设计如何做好视觉引导

开发无忧 3年前
2805 0 0
脑课堂编程培训

  网页平面设计作为一种目的性较强的视觉传达艺术,不仅要选择合适的信息内容和设计元素,而且还必须充分考虑到目标受众的视知觉接受特征,以此来组织、安排网页平面设计元素,引导受众的视觉走向,增强其对特定内容的关注度和记忆度。

  视觉引导主要是对网页平面设计元素,进行组织安排的一种方法和手段,包括单向型视觉引导、曲线型视觉引导、重心视觉引导、反复视觉引导、导向视觉引导以及散点视觉引导等诸多不同的方式。视觉引导统领着设计作品的基本架构。

  一、视觉引导运用技巧

  视觉引导在网页平面设计中呈现出两种思想倾向:

  ①侧重于感性判断,也即是从视觉审美的角度,凭借着个人的直觉判断来,确定网页平面设计中的视觉引导方式。

  ②侧重于理性分析,认为有效的视觉引导应当建立在严格的数学与几何分析的基础之上,由此才能带来理想化的信息传播效果。具体来说,网页平面设计中的视觉引导技巧主要体现在以下几个方面:

  1.单向引导

  单向型视觉引导技巧遵循着线型视觉流程的规律,按照直线的平面布局结构来,组织安排各种设计元素,从而使平面的流动线更为简明,直接诉求主题内容,呈现出简洁而强烈的视觉效果。具体来说,单向型视觉引导技巧又包括竖向视觉引导、横向视觉引导和斜向视觉引导三种形式。

  ①竖向视觉引导从上至下安排设计元素,给人以坚定、直观的视觉与心理感受。

  ②橫向视觉引导则是从左至右安排设计元素,从而产生稳重、恬静、可信之感。

  ③斜向视觉引导则是按照对角线、横斜线或者是竖斜线的方式来安排设计元素,以不稳定的动态吸引人们的注意力。

file

  2. 曲线引导

  曲线视觉引导技巧虽然也遵循着线型视觉流程的规律,但却是按照弧线或者是回旋线的方式,来组织安排网页平面设计元素,给人带来流畅、跃动的视觉审美感受,使人在轻松的视觉与心理体验过程中,按照预期的内容布局情况形成特定的视觉运动流程,从而深化对潜在内容的接受和解读。

  弧线形视觉引导给人带来强烈的扩张感、方向感和秩序性,往往用于划分画面结构或者是排列相关内容等等,而回旋形视觉引导则是两个相反的弧线产生矛盾回旋所产生的,使构图变得更丰富,形式感更强,尤其是增加了整个画面的节奏性,营造出一种轻松随意的情境氛围。

file

  3.重心引导

  这里的“重心”主要是目标受众在平面作品中视觉与心理的重心。重心视觉引导既可以是以强的形象或者是文字独居版面的某个位置,甚至是完全充斥整个版面,由此在整个画面之中形成一个鲜明的视觉重心,吸引观众的注意力,激发其阅读兴趣,随后再按照形象的方向与力度的倾向来引导受众的视线进程。

  同时也可以是将网页平面设计中的诸多视觉元素,共同指向版面中的某一个位置,由此形成一个虚拟化的视觉重心,深化观众对于这一视觉重心的关注和解读,提高其信息记忆度。与之相反的是“离心式的重心引导方式,也即是从画面重心的位置向四周发散,由此使主题更加鲜明而强烈。

file

  4.反复引导

  以上诸多视觉引导方式,主要侧重于视觉引导的方向性与指向性,而反复视觉引导则打破了此种视觉引导规律,以相同或者是相似的序列反复排列某一设计元素,形成连续性的画面形象,从而在秩序化、规律性的画面布局之中,给人以安定、整齐的视觉感受。通过反复呈现、反复诉说的方式,强化作品的信息传达效果。

file

  5.导向引导

  该视觉引导方式不仅仅通过线性布局结构形成视觉引导效果,而且也注重通过诱导性、关联性、指向性的视觉元素,使读者在内心兴趣、逻辑推理的作用下,不自觉地呈现出一定方向性的视觉流动行为,比如画面中人物的手势导向、视觉导向、身姿导向以及动势导向等等,都能够产生鲜明的导向型的视觉引导效果。

file

  6.散点引导

  散点式的视觉引导则是分散处理各种设计元素,既没有明显的视觉引导特征,也没有鲜明的视觉重心,使目标观众的视觉作上下、左右之类的移动,呈现岀鲜明的感性、自由性、随机性与偶合性的特征,是有意违反秩序、打破规律,突破常规视觉引导技巧的单调性,使少数、个别要素变得更加突出。

file

  二、视觉引导注意事项

  ①视觉引导虽然表现出明显的规律性与技巧性特征,但是在具体操作过程中,一定要深入分析目标受众对象的性格、心理、情感,以及由此所产生的心理认知顺序、思维活动的逻辑顺序等等,,据此选择合适的视觉引导方式,避免出现为了视觉引导而进行视觉引导的现象,从而发挥视觉引导在特定作品中应有的功能价值。

  ②网页平面设计中的视觉引导活动,固然是以提高信息传播效果为核心目的,但也一定要注重其所产生的画面结构,一方面要能够产生一定的意境氛围,辅助设计元素的信息传播活动;另一方面要能够给人带来良好的视觉感受,尤其是产生美的视觉体验等等,从而兼顾信息传播和视觉审美双重价值。

  ③视觉引导应当遵循广告的信息传播规律,也即是要在吸引受众注意、激发受众兴趣、产生深入阅读、留下深刻印象,这一整个过程之中,都能够发挥相应的功能价值,从而通过视觉引导的方式,使受众循序渐进地接触、解读和记忆广告作品信息。

  网页平面设计中的视觉引导不仅决定着目标受众对于平面作品的阅读方式,而且也直接影响到其对于潜在的信息内容的认知与记忆效果等等,是网页平面设计活动必然要考虑到的设计策略。

  在具体操作过程中,设计师既要系统把握社会大众的视觉流动规律,以及平面作品中的视觉引导技巧,同时也要深刻剖析目标受众个性化的视觉流动特征,由此在遵循广告信息传播规律的情况下,从信息传播和视觉审美双重视角选择合适的视觉引导技巧,发挥其在网页平面设计中应有的功能价值。

收藏

本文标题:网页制作设计如何做好视觉引导

本文链接:https://naoketang.com/p/06jqg3j054ke

评论区

推荐课程