栅格系统与版式设计（读后感）

栅格系统与版式设计

 

版式设计不仅提供阅读的信息，而且是一篇文章中由行、列织成的肌质，这些肌质形成了页面上各种矩形的基调，这些矩形的安排联系，对于一篇文章中的秩序感和统一感来说至关重要。

 

版式设计——既要考虑传达，又要考虑构成

（组合、虚空间、边线、轴列、三的法则、圆的位置、行距、阅读导向）

构成原理及其视觉力量起到什么作用？

好的构成有最佳视觉焦点，设计师可以使用定位来决定内容哪些在层级上最为重要。

 

 

①  构成要素与程序

视觉信息——文字字体大小是构成要素

平衡因素——一个小圆点

            提供一种平衡因素，即构成的视觉控制（视觉兴趣），和对比。

            圆在构成中完全是一个活跃有力的因素，也具有极大的视觉力量。

探索构成、肌质和相互关系等视觉原理。

                                               

 

②  限制与选择

一个版面，一些构成要素，一些简明的规则

如：必须保持水平/垂直

不能超出这个版面

可以相切，不能重叠

……

    由于这是一个版面的构成，所以，对于创造一个内部协调的整体来说，这些限制很重要。

 

③  构成要素的比例

设计的目的是——展现——设计成功的可能性

首先——注意有哪些构成要素，并且构思的过程将被指向这些要素

其次——是方格版面所起的作用，就是要让注意要素和构成

        如果是长方型版面的话就会分心于它的比例问题

第三——有一个大小的层级

        这个层级通过各要素之间的比例表现出来。

 

 

④   组合

在视觉信息中，组合使得一种要素与另一要素紧密联系，产生直接的视觉关系。

相同和不同的要素，组合在一起就产生了韵律感和节奏感，也产生的大片的肌理感。

通过组合，版面构成被简化，而虚空间或未被使用的空间区域得到强化，鲜明的视觉秩序感建立起来。

 

 

⑤  虚空间与组合

虚空间或白色空间，就是那些没有被构成要素占据的空间。

这些空间的形状和构成，会对观看者怎样的感知版面产生直接的影响？

当那些构成要素没有得到组合，每一个周围都是虚空间时，这些虚空间就会显得杂多，整体构成显得无序，无组织，当那些构成要素组合在一起后，虚空间就变少也变大，一个简化之后感觉上更加协调的整体构成就建立起来。

   

 

⑥  四边联系与轴的联系

用好版面的四边，对创造出一个和谐的内部结构是至关重要的，如果没有任何构成要素靠近顶端边线或底端边线，虚空间就会挤压构成要素，整个结构显得漂浮无根。

当构成要素靠近版面的顶端边线和底端边线时，虚空间就会得到最好利用，虚空间会变大，整个构成会因这种视觉扩展而显得更为大气。

栅格中的构成要素会形成一些轴列，当一根轴出现在结构内部时，就形成了鲜明的视觉关系，结构就有了视觉秩序感。

 

 

⑦  三的法则

3×3 栅格系统吻合三的法则，结构中的4个交点就是最吸引人的4个点。

设计师可以使用位置和距离，来决定哪些点在层级感上是最重要的。

知晓三的法则，可以让设计师把注意力放在它们会最为自然出现的地方，从而控制构成空间。不必将构成要素直接放在交点上，因为过于靠近会使注意力集中到它们上面。

    

 

 

 

⑧  圆与构成

作为一个活跃的要素，圆可以在结构中任意放置。

当圆靠近字行时，它就会使人注意到这些字行，并且对字行进行装饰。

当圆放在字行中间时，它就既隔开了字行，同时也对字行起到组织的作用。

如果让圆远离文字要素，在观看版面时，它就会吸引目光，并且控制视觉流程。

可以起到使构成趋向平衡的作用。

圆放在各个不同的位置，都会改变一种构成的观赏方式。

在所有的构成中，圆变成了一个符号，一个与矩形构成了对比的要素。它可以是轴的支点，可以是张力要素，可以是一个起点或者停留点，还可以起到视觉组织或平衡的作用。

对设计师来说它是一个工具，可以有意识的使用它，以调控出自己想要得到的视觉回应。

 

 

 

⑨  水平构成

设计思路

各种视觉法则如：组合、虚空间、边线关系、轴列、三的法则、行距、圆的位置等…     

第一种处理：长矩形放在顶部位置（主要考虑构成的基本方面）

      强调：◆ 组合

◆  虚空间

◆  边长

◆  轴列

 

 第二种处理：长矩形放在底部位置（主要考虑构成的控制和强调）

          强调：◆ 三的法则

                ◆ 圆的位置

                ◆ 行距

第三种处理：长矩形放在内部位置（把现有构成特性都整合在一起了）

       强调：◆ 组合、

             ◆ 虚空间

             ◆ 边长

             ◆ 轴列

             ◆ 三的法则

             ◆ 圆的放置

             ◆ 行距

 

⑩  水平/垂直的构成

构成包括以前的所有视觉理论

与前面的设计相比，这组练习中的构成会更为活泼，这是因构成要素或横或竖的导向对比，以及虚空间的种种变化所致。

文字要替代那些矩形的构成要素，所以，观看顺序就应该是设计师考虑的重要因素。

 

新加

阅读导向——由构成作为一个整体来决定。

 

        设计思路：

        ◆  组合

        ◆  虚空间

        ◆  边线

        ◆  轴列

        ◆  三的法则

        ◆  圆的位置

        ◆  行距

        ◆  阅读导向

 

 

⑪  倾斜构成

最动态也是最复杂的构成导向就是倾斜。

要把构成要素的尺寸缩小15%，这样才能适应版面，在构成上也会有更多的弹性。

倾斜的版式构成是这一系列练习中最为复杂的，构成要素可以被处理为导向一致或导向冲突。

由此形成的空白空间都是三角形的。3×3栅格系统在方形版面的位置可以变化，而且利用版面的四边能够创造出张力。

强调：◆ 组合

      ◆ 虚空间

      ◆ 连线

      ◆ 轴列

      ◆ 三的法则

      ◆ 圆的放置

      ◆ 行距

      ◆ 阅读导向

      ◆ 边线张力

   

 

⑫  版式设计的层次

对于要呈现的信息来说，所有的视觉传达都有一个层次顺序。

依据信息的重要性来安排它们的阅读顺序。

 

在开始设计之前，设计师必须为信息中的所有要素做出合理的层次顺序。

首先——是知晓并理解信息的内容

其次——组织信息内容

最后——理性的用视觉设计来体现和强化这个顺序。

版式设计的层次：

◆  行距

◆  排列方式（左边对齐、右边对齐、中间对齐或两边对齐）

◆  构成（字体、字形、字号、间距、排列）

◆  线段和抽象要素（使用抽象要素有三个原因：强调、组织、平衡）