六种视觉流程设计方法

转自：视界PLUS

作者：视觉君

视觉流程设计是视线在平面二维空间中运动的过程，是对版式与编排中各要素的最佳组合和合理编排。本文以电影海报设计中的视觉流程为例，分析了6中视觉设计流程设计方法——单向视觉流、曲线视觉流程 、重心视觉流程、视觉流程、导向视觉流程与散构视觉流程。

视觉流程是一种视觉空间的运动，是视觉随各元素在版面空间导读轨迹的运动过程，每个成功的设计作品都是根据具体需要，综合运用几种视觉流程设计方法

一、 单向视觉流程

单向视觉流程旺旺按照常规的视觉流程规律，诱导消费者的视觉随着编排重点各元素的有序组织，从主要内容开始依次观看下去，使页面的流动更为简明，直接地表达主题内容，有简洁而强烈的视觉效果，其表现为以下三种方式：

1、竖向视觉流程

具有稳定性的构图，视线依直式中轴线上下移动，给人以直观，竖定之感

2、横向视觉流程

安宁而平静的构图，视线会依横式的水平线左右移动，给人以稳定平和之感

3、斜向视觉流程

强固而有动态的构图，视线一般从左上角向右下角移动，给人以强烈的视觉冲击力，以不稳定的动态引起注意，给人以动感和韵律！

二、 曲线视觉流程

曲线视觉流程是各视觉要素随弧线或回旋线而变化运动的视觉流动。曲线的视觉流程虽然不如单向视觉流程直接简明，但比单向视觉流程更具有明显的节奏和韵律之美，微妙而复杂。可概括为弧线形“C”和回旋形“S”其表现为以下两种形式：

1、弧线形

依弧形迂回于画面，可长久地吸引观者注意力，具有扩张和一定的方向感。

2、回旋形

可将相反的条件相对统一，两个相反的弧线产生矛盾回旋，在平面中增加深度和动感，所构成的回旋也富于变化。

三、 重心视觉流程

一个版面自有其重心，而重心视觉流程做显著的特点就是强烈的形象或文字独据版面的某部分甚至整个版面，占据重要的位置，使人第一眼看上去就具有很明确的视觉主题。

在平面构图中，任何形体的中心位置都和视觉的安定有紧密的关系。人的视觉安定与造型的形式美的关系比较复杂，人的视线接触画面时，视线常常迅速由左上角到左下角，再通过中心部分至右上角，经右上角回到画面最吸引视线的中心视圈停留下来，这个中心点就是视觉的重心。

画面轮廓的变化，图形的聚散，色彩或明暗的分布等都可以对视觉重心产生影响。

四、 反复视觉流程

反复视觉流程是指在设计中，相同或相似的视觉元素按照一定的规律有机地组合在一起，可使视线有序地构成规律，沿着一定的方向流动，引导观者的视线反复浏览，以此来强调电影海报的主题。

虽然不如单向、曲线和重心的视觉流程运动强烈，但更富于韵律感和秩序美。这种视觉流程适合与需要安排许多分量相同的视觉元素，在电影海报上做反复流程重复的可以是图片，也可以是标题或者标志等。

重复又强调的作用，重复的部分可以给人留下深刻的印象。在做重复时，要注意节奏与韵律，不能流于呆板。这些要素既可以是相同的，也可以是相似的，都具有一定的数量，达到统一中求变化。

反复流程也可以使构成要素在秩序的关系里，有意违反秩序，使少数、个别的要素线的突出，以打破规律性。

由于这种局部的少量的突变，突破了常规的单调性与雷同性，成为版面趣味中心，产生醒目、生动感人的视觉效果，具有强烈的韵律感和秩序美。

五、导向视觉流程

导向视觉流程是通过诱导元素，主动引导读者视觉线沿一定方向顺序运动，由主及次，把画面各构成要素依序串连起来，形成一个有机整体，是重点突出，条理清晰，发挥最大的信息传达功能。编排中的导线有虚有实，表现多样，如文字导向、手势导向、形象导线及视线导向等。

1、文字导向

通过语义的表达产生理念上的导向作用。也可以对文字进行诗性化处理，对浏览者产生自觉的视觉向导作品。

2、手势导向

通过指示性的箭头、手指或具体实感的线条来引导视线，手势导向比文字导向更容易理解，且更具有一种亲和力。

3、形象导线及视线导向

往往以图片中人或物的朝向来引导观者的视觉，如人物的目光方向，线条的朝向等。

六、 散点视觉流程

小编认为与导向视觉流程相对，散点视觉流程指版面中图与图、图与文等各元素之间形成一种分散、没有明显方向性的编排设计。版面布局强调情感性、自由性，加强对空间和动感的重视。

内容较多的海报画面常采用散点视觉流程进行设计，通常以较随便的风格呈现，阅读自主性强，视线随意在图像、文本之间上下左右自由移动。这种阅读过程不如直线、弧线等流程快捷、明朗，但是充满了趣味性，给人活跃、跳动、自在的视觉体验，更加地体现了海报的个性和独特。

在编排，将构成要素版面上做不规律的排放，能形成随意轻松的视觉效果。注意统一气氛，进行色彩或图形的相似处理，避免杂乱无章。同时又要突出主体符合视觉流程规律，这样方能取得最佳的诉求效果。

散点视觉流程与一般严谨、理性、庄重、规则的设计正好相反，这种形态时常给人随意、感性、自由、生动、轻松、活泼之感。并且产生空间感和动感，也许正是因为这一点，散点视觉流程的编排方式正日趋流行。

关注『网页设计精选』

看更多精选网页设计文章

↓↓↓返回搜狐，查看更多