井井有条!版式设计的视觉流程!


文/李星 投稿 视觉流程作为版式设计的一种视觉流向主要指版面中相关元素 -- 文字、图片、图形、线条和色彩等排列的先后顺序和主次关系。通常情况下,视觉流程的形成是由人的视觉习惯决定的。当我们阅读版面时视线会从上到下、从左向右、由明及暗、从动到静,由版面的左上角沿着弧线向右下角流动。

井井有条!版式设计的视觉流程!


在这些视线上的任何点都要比其它点的视觉注意率要高。同时人的视线在同一个版面的注意力分布也是不同的,注意力一般会集中在上方、下方和中上方。一个恰如其分的视觉流程必须符合这种逻辑顺序。视觉流程作为一种视觉顺序不仅可引导观者阅读,还可以减轻观者的视觉疲劳。

井井有条!版式设计的视觉流程!


一般而言根据版面中相关元素排列顺序的不同可以分为不同类型的视觉流程:

①简洁、自然、让人一目了然的单项视觉流程。

②根据版面内容而确定视觉中心位置,给人以稳定感的重心型视觉流程。

井井有条!版式设计的视觉流程!


③相同或相近元素在版面中重复出现,具有趣味性和节奏感的反复型视觉流程。

④采用不同手法给观者以引导作用的导向型视觉流程。

⑤版面中相关元素呈散点式排列,给人以轻松、愉悦感的散点型视觉流程。

井井有条!版式设计的视觉流程!


这些不同类型的视觉流程会根据版面的主体内容而定,在确保版面形式与内容统一的基础上带给观者不一样的感觉。它们各有所长,形形色色的丰富着版式设计。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


版式设计则利用呼应构成、对比排列、信息群组等手法来突出版面主题信息,打破观者常规的阅读习惯,使观者按照作者所设计的视觉流程进行阅读,在有效传递信息的同时使版式设计的形式可以更加丰富。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


横向视觉流程设计是指将版面中的视觉元素按着水平方向排列。这也是比较常见的一种排列方式,由于人们比较习惯“从左到右”的阅读方式,所以这种方法也是比较适合大众的习惯。横向的视觉设计会给人以一种安定、平稳的视觉感受,在生活中也比较常见。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


竖向视觉流程设计是指将版面中的视觉元素按着垂直方向排列,使人们按照“从上到下”或者“从下到上”方向阅读。竖向的视觉设计给人以理性、直率、庄重、坚定的视觉感受。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


曲线视觉流程设计是指将版面中的视觉元素按曲线的方向进行排列,引导人们按照曲线的路径进行阅读信息。曲线的排列方式给人一种柔美、优雅的视觉感受。曲线视觉流程虽不如横向、垂直视觉流程那样直接鲜明,但它更具有韵味、节奏和动态美,能够营造出轻松舒展的气氛。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


斜向视觉流程设计是指将版面中的视觉元素按斜向进行排列。斜向排列方式给人以跳跃的视觉感受,具有强烈视觉冲击力,非常容易吸引人们的目光。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


重心视觉流程设计是指在版面中选择一处位置进行重点信息的传达,也就是用一个图形、文字或色彩形象占据版面的重点位置,突出其要表达的信息。根据主题表达的内容,版面的重点可以是直观的呈现,主题鲜明突出,也可以是隐藏其中的表达,引人深思。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


反复视觉流程设计是指把相同或相似的元素进行重复的、有规律的排列,使其产生一定的秩序、节奏与韵律,给人以视觉上的重复感。将一个图案或图形进行重复排列,增强了图形的识别性和画面的生动感,既能强调主题,加深人们的印象,又能使版面形成强烈的视觉效果。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


散点视觉流程设计是指图与文字之间、图与图等进行自由分散的排列方式,可以有规律,也可以随意调整。散点版面充满自由轻快之感,可以凸显作者的个性和想法。图片和文字大小、主次的灵活搭配,能使人们的阅读视线在版面上自由地转换,给人一种散而不乱的视觉体验。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


导向视觉流程设计是指利用图形、文字或色彩等设计元素,引导观者按照预设好的方向进行阅读。版面中的导向形式多样,如直接导向、间接导向、虚形导向和文字导向等。导向视觉流程设计通过指向的设计将想表达的主要内容凸显,条理清晰,将信息清晰明了的传达给观者。

井井有条!版式设计的视觉流程!



井井有条!版式设计的视觉流程!


①区别各种元素的主次性。据版面相关元素的主次关系划分它们在版面中所占的比例:主要信息应作为主体形象放在版面的视觉中心,并要适当的减少次要信息的比重;还可以通过增大主题信息及其周围空白面积,加强主要信息和次要信息大小、颜色、方向对比,运用主要信息呼应群组等形式使主题信息达到被强调的效果。

井井有条!版式设计的视觉流程!


②保持各种元素间的变化与统一。如果版面元素过多,并且没有统一的基调整个版面就会显得太过混乱,观者在阅读时就会没有主次性。视觉流程不够清晰观者自然也不会找到视觉焦点,设计者的意图就不能得到领悟。在版式设计的过程中应在相关元素产生变异效果的基础上,根据需要找寻它们之间的共同点。一般可以借助呼应构成和元素群组等方式进行版面元素的统一。

井井有条!版式设计的视觉流程!


③利用元素排列的节奏感和韵律感。在版式设计的过程中,可以采用重复、呼应对比、群组等形式令版面元素产生节奏。当这种节奏符合一定旋律时,会使观者在心理和视觉上产生一种韵律感,进而也会为版面带来一定的生机和活力。节奏变化较大版面的效果就会强烈,节奏变化小版面自然会舒缓柔和。

井井有条!版式设计的视觉流程!


良好的视觉流程,能够使观者的视线按照设计师的意图,以合理的顺序快捷的途径获得最佳的视觉印象,实现信息的有效传递。同样一个良好的视觉流程在设计过程中要遵循主次分明、对比与统一、节奏感与韵律感并存等设计原则,只有这样才会达到有效传递信息的目的。

井井有条!版式设计的视觉流程!


① 官方头条号:设计智造 顶级创意设计师必备


分享到:


相關文章: