![版式设计配色速查](https://wfqqreader-1252317822.image.myqcloud.com/cover/458/654458/b_654458.jpg)
2.3 版式设计的视觉流程
当我们看到一个设计作品时,视觉上感觉很舒服的同时记住了作品需要表达的内容。这就是版式在设计中所起的作用。作为设计者,你一定会提出“为什么要这样?”这样的问题。那么接下来先从了解版式设计的视觉流程开始吧。
人在观察事物时,常常会有一定的顺序。了解并利用这一点,就可以轻易地抓住浏览者的注意力,达到广告的目的。版式设计中的视觉流程就是使视线随着元素在版面空间沿一定的轨迹运动的过程。
单向视觉流程
单向视觉流程就是按照一定的顺序和主次来引导浏览者的视觉方向。这通常需要符合人物的视觉习惯。通常分为竖向、横向和斜向三种类型。其中竖向视觉流程引导浏览者的视线做上下流动,具有坚定、直观的感觉,如图2-22所示。横向视觉流程引导浏览者的视线向左右流动。给人稳定、恬静之感,如图2-23所示。斜向视觉流程比水平、垂直视觉流程具有更强的视觉诉求力,会把浏览者的视线向斜方向引导。以不稳定的动态引起注意,如图2-24所示。
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0039_0001.jpg?sign=1738961765-Wa8aFHlgkzjhU9kTnUPTrMTcihFhxpFR-0-26dbe46736d5a306091baa6c84729f74)
图 2-22
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0039_0002.jpg?sign=1738961765-CfIDPMh4lI4ZobmFCDM6A6a2noInSqtM-0-9a5811afaa16f875c037caf2c46e6c5d)
图 2-23
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0039_0003.jpg?sign=1738961765-Tlkp3yerx00t4Z1gaIRs7b0g8HODCRMm-0-fde876be862fc678be35851fdcf09d53)
图 2-24
曲线视觉流程
曲线视觉流程不如单向视觉流程直接简明,但更具韵味、节奏和曲线美。它可以是弧线形“C”,具有饱满、扩张和一定的方向感,如图2-25所示。也可以是回旋形“S”,产生两个相反的矛盾回旋,在平面中增加深度和动感,如图2-26所示。
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0039_0004.jpg?sign=1738961765-RVaZ2OnNO7Dgg45x7nFsGuIlZZeNAXpL-0-d9d7f5cf319966f15c215828a57bdcdb)
图 2-25
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0039_0005.jpg?sign=1738961765-bDrfDGRjsjZqqCFSQ02CFPT4y1css2Fo-0-ed308d52fd9d426d0cb46c0d0077ac62)
图 2-26
重心视觉流程
人们在观察一个版面时,视线会最终停留在一个位置,这个位置就是视觉的重心。重心视觉流程有两种类型。一种是从版面重心开始,然后顺沿形象的方向与力度的倾向来发展视线的进展,如图2-27所示。第二种是向心、离心的视觉运动,如图2-28所示。重心视觉诱导流程使作品主体更为鲜明突出而强烈。
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0040_0001.jpg?sign=1738961765-FX8NqM9McD3v48VTEFhlCefEswXwNB5P-0-c95175ee2c1f2175ad7f2ec902f99f41)
图 2-27
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0040_0002.jpg?sign=1738961765-rDsRNE65De8JCiif5aE41gzsr15gCXLF-0-a5c89daa66f4ac31b509be9b81daa087)
图 2-28
反复视觉流程
反复视觉流程就是相同或相似的视觉要素做规律、秩序、节奏的逐次运动。让相同或相似的元素重复出现在画面中,形成一定的重复感。人们的视线就会从一个方向往另一个方向流动。虽不如单向、曲线和重心流程运动强烈,但更富于韵律和秩序美,如图2-29所示。
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0040_0003.jpg?sign=1738961765-jdYQxoAcEcahN7T6jyQQKTMFxBaL0CB5-0-e3d51145378a4795a2fe86928af96610)
图 2-29
导向视觉流程
通过在设计中使用诱导元素,主动引导读者视线向一定方向运动,由主及次,把画面各构成要素依序串联起来,形成一个有机整体。使重点突出,条理清晰,发挥最大的信息传达功能。编排中的导线,有虚有实,表现多样,如文字导向、手势导向、形象导向以及视线导向等。
常见方式有两种,一种是放射性视觉流程;运用点和线的引导,使画面上的所有元素集中向同一个点,形成统一的画面效果,如图2-29所示。另一种是十字形视觉流程;通过点和线的引导,将浏览者的视线从版面四周以类似十字架的方式向版面中心集中,已达到突出重点、稳定版面的效果,如图2-30所示。
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0041_0001.jpg?sign=1738961765-POF4BIXFSf9Nr54o6wmjCSP1n1AOYXG0-0-569ce4b908d9a04c0e05fef67487a2d1)
图 2-30
散点视觉流程
散点视觉流程是将版面中的图与图、图与文字以自由分散的状态编排。散点视觉强调感性、自由随机性、偶合性、空间感和动感。追求新奇、刺激的心态。看似随意,但并不是胡乱编排的,需要考虑元素的主次、大小、疏密等因素。主要有发射型和打散型两种类型,如图2-31所示。
散点视觉的阅读流程不如直线、弧线等流程快捷,但更生动有趣。也许这正是版面刻意追求的轻松随意与慢节奏的效果,这种方式在国外平面设计中十分流行,如图2-32所示。
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0041_0002.jpg?sign=1738961765-0Hlp7iq7b1tVIERrNUSk5wtMOkfBj0lS-0-ddca2d6855f3a9e4725f0514f6f48d98)
图 2-31
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0041_0003.jpg?sign=1738961765-0JlNELdPqSBaI4vqh4CP2k1SGQRsmKH3-0-f8cf4ba0c41f35358eedcdea3afc7fcf)
图 2-32
最佳视域
所谓最佳视域指的是版面设计时将重要的信息或视觉流程的停留点安排在注目价值最高的位置。在版式设计中,不同的视域的注目程度不同,心理感受也不同,如图2-33所示。
![](https://epubservercos.yuewen.com/F8987E/3590271104440901/epubprivate/OEBPS/Images/figure_0042_0001.jpg?sign=1738961765-Fj5zuNpFJPuI2t6QLGShMKX5mhKFh1d2-0-fd9ddec30eaf3f812ec9a005edd4cb27)
图 2-33