【设计干货】学习电商设计优秀作品如何利用视觉流程构图

视觉流程，指人们的视觉接受外界信息时的流动过程。人的视野要受客观限制，不可能同时接受所有物像，必须按照一定的流动顺序运动，来感知外部世界。这种流动顺序既随意，又积极主动，按一定的规律进行。

让各种要素在视觉运动的规定下选择自己的空间定位，通过捕捉注意力，诱导视觉流向，最后留存印象，对这一一视觉阅读形态的规划或设计，称为视觉流程设计。

例如：垂直线引导视线作上下运动；水平线引导人的视线作左右运动；斜线的张力比水平线和垂直线更强，能把人的视线引向斜方向；不断改变方向的折线，使人的视线按其方向的改变而改变。线条如此，形状也如此。

正方形促使视线向四方辐射（包括对角线的延长方向和四边的延长方向)，圆形也促使视线向外辐射，给人均衡的扩散感。三角形促使视线向3个方向扩散。此外，形态的视觉诱导功能还体现在形态的相互关系之中，如从大到小或从小到大，从强到弱或从弱到强，从疏到密或从密到疏，从黑到白或从白到黑等。

画框

设计都限定在一定的范围、框架之内，“框廓”对物像造成距离、间隔，使物像孤立绝缘，自成境界。任何平面设计都有有形的或无形的边框，四条边线组成“画框”，画框形状不同，给人力的感受不同。正方形的力均等，给人稳定感，长方形的力沿长边流动，因此，图形方向顺着长边就感觉流畅，反之则觉受阻。

空间力

平面设计画面图像用画面的四条边线为参照构架，画面上每个明确的视觉单元，根据自己与边线的关系来确定自己的位置、方向与间距的空间评价。我们倾向于把地心引力作为稳定的参照标准，借此进行观察和阐述，因此，图像一旦被置于由垂直一水平方向构成的坐标轴上，便暗示了运动。

画面中心对四条边线有“吸引力”，这使空白的画面成为整体。这种现象可看作四条边线的内聚力所致，加强四条边线就加强内聚力，失去四条边线，就失去内聚力。画面中的物体远离四条边线，内聚力就减弱，产生空旷宽松或涣散感，距离四条边线近，则内聚力加剧，产生严谨生动或局促拥塞感。在画面加边框，就能强调内聚力。

每个点和每条线都有能量，一般的视觉经验是，物体愈大，重力愈大。形象位于画面中心的垂直轴线上时，重力小于它们远离主要轴线时所具有的重力。离中心越远，重力越大。垂直走向的形式，其重力看上去比那些倾斜走向的形式的重力大一些。规则形状的重力比那些不规则形状的重力大一些，同一形象，位于力上方比画面下方感觉重。

学习网页电商视觉流程和创意技巧

http://www.yanguosheji.com/h-col-111.html

例如：图形重力虽小，由于安排在远离画幅的中心，空向力的分布均衡，达到了视觉上的平稳感；有生命感的形象比无生命感的形象视觉上感觉重。

真实世界中充满各种各样的力，画面上的文字、图形、点、线、色块等各自发射不同能量，它们如同活跃在天空中的重力、引力、张力、推力，都在虚幻空间中作用于人的视知觉。在这个意义上，合理安排空间关系就要合理分布和巧妙组合上述各种力，不同的组合造成不同的空间效果。

力在画面上的作用，首先表现为对画面静力平衡的破坏。在破坏静力平衡的基础上，巧妙地运用力的作用来建立新的动力平衡。画面上每种形象产生的作用力，都应根据一定的秩序，组织进画面的空间。盲目地堆砌形象，可能使各视觉元素相互冲突，扰乱视觉，形成没有逻辑秩序的力的交织、冲突的纷乱空间。缺乏力度，缺乏力的种类、方向和秩序的变化，就无法形成有效的视觉流程。

视觉重点、视觉强度和视觉深度

①视觉重点指同一画面中互相比较之下，具有最大视觉强度的视觉要素。

②视觉强度指同一画面中各视觉要素吸引力的大小，即观看者注目程度的大小。

③视觉深度指各视觉要素强度的大小排列，造成视觉焦点移动的次序。建立视觉重点，首先要吸引视线，使其鹤立鸡群，再根据设计内容主次的要求，逐次传达，以便视觉接收。形成视觉重点，有赖于视觉强度的比较与视觉深度的衬托。

视觉深度表现的主要因素有：

◆大小，尺寸相等的东西，越近感觉越大，越远感觉越小。因此，同等形状的对象，在我们看来就是等尺寸的。大表示近，小表示远，大小区分了纵深。

◆重叠，视觉经验告诉我们，在前面的东西因未被遮挡，具有完整的形。

◆纹理渐层，同样的纹理越远感觉越窄。

◆清晰与模糊对照，同样的对象越远感觉越模糊。

◆透视法，大小、远近的透视。

◆垂直位置的深度关系，在二维空间的画面上，我们习惯将水平线作为参照基线，将画面底部看作最近点，将视觉单元的高低看作后退的空间的深远，将垂直位置的高度作为深度。