排版设计的视觉组织系统

发表于 讨论求助 2021-02-01 14:19:04

设计者若了解视觉组织系统,能更深刻理解设计过程。过去的设计教育与视觉设计过程,偏重于印刷时僵化的水平垂直网格。但是在制作作品的过程中,若想获得秩序与效率,网格系统已不是唯一的方式。



想要获得更好的排版方式?你应该知道这些了。



如今设计者要传达讯息时,可自由运用八种文字编排的组织系统。这些系统拓广了文字编排的沟通视觉语汇,可吸引读者阅读内文。 在探索视觉组织的系统时,可把重点放在设计方法,如此不仅焦点明确,也简单易懂。



这八种视觉组织系统为:轴线式、放射式、涟漪式、随机式、网格式、行进式、模组式与双边对称式。 




第一,以固定的文字字级与字体粗细,发展一连串的构图。这样设计者才能跳脱最老套的解决方案,真正以这种系统尝试设计。


第二则是在一连串的构图中,可选择以抽象元素与色调变化,强化讯息的沟通效果。所有构图都使用内容相同的八行文字讯息。这目的在于凸显视觉组织系统的变化。



相同的文字讯息,能在我们比较各个系统有基准,看出文字编排的细腻差异,也能发现视觉表现可多么千变万化。 每种系统都有其独特的美感与视觉语汇。虽然多数系统不适用于冗长讯息,但所有的系统都能加以调整,传达出活泼的力量。


设计者可思考讯息的调性、结构、长度与意义,让每个系统能发挥诠释讯息及沟通的功效。这么一来,文字编排就能与讯息融为一体,成为构图画面,进而更有力地吸引读者,强化讯息的意义。 



以下图例的排列方式,皆是下图为各个系统的范例;中间则是单一字级与字体粗细的构图范例;最右边则是加入抽象元素的构图。


轴线式系统|Axial System 

轴线只有一条,所有元素都放在这轴线的左右两侧。



放射式系统|Radial System 

所有元素皆从一个焦点延伸出来。



涟漪式系统|Dilatational System 

所有元素从中心点环状扩散开来。



随机式系统|Random System 

元素似乎没有特定的模式与关系。



网格式系统|Grid System 

以垂直和水平来划分版面的系统。


行进式系统|Transitional System 

这是把元素层层结合、没有固定形式的系统。



模组式系统|Modular System 

将诸多抽象元素变成标准化单元,架构起来。


双边对称式系统|Bilateral System 

所有文字以左右对称方式,安排在一条轴线上。



随机式系统是什么?


简单来说,设计者排列随机式系统的元素时,不采用明确的目标、模式、方向、规则、方法或目的,而构图在表面上或许看起来很单纯,实则不然。观看者常误以为随机式构图是依循某些模式安排,其实那些模式可能是无意间呈现出来的。



这是因为早期人类为了求生存,眼睛和大脑会积极于寻找模式、画面与秩序。早在好几个世纪以前,人类就会从天空的星座或云朵上,找出诸多图案。这倾向仍延续了下来。 设计者在刚着手设计随机式的作品时,会随意将元素洒在构图背景上。有些元素不免会刚好对齐,让人误以为是刻意安排的构图。


但如果使用裁剪、重叠、以怪异的角度来放置文字,导致易辨性消失时,效果反而会好。这样会让人觉得元素是随机放置的,且能意外营造出活泼与自然的感觉,可能会不容易读,但成效却很好。



服饰品牌「Ba-Tsu」在1994年推出的海报,能马上攫取观看者的眼光,和设计师的作风一样引人瞩目。这张时装品牌的海报上和一般海报不同,上面没有产品的画面。想知道这张海报的目的是什么,唯一的线索是公司名称、日期与地点。海报上的文字感觉是随机出现,拼贴在三度空间。


▲设计者:齐藤诚,1994 


没有任何元素是对齐的,彼此的视觉关系支离破碎,每个字母都在空间中自由移动,随机倾斜。部分字母有色彩,打破灰黑色的纹理。然而这设计是清一色以文字构图,相当有一致性。


设计者齐藤诚(Makoto Saito)表示:「我是凭着直觉感受与想像来做设计。」他的作品游走于平面设计与美术之间,不受传统束缚,每项作品都展现全新的艺术表现。



齐藤诚为Ba-tsu设计的另一张海报,是以浮动的立体字母,展现出强大的视觉力量。透过裁剪的图像,以及在空间中飘浮移动的文字排列,呈现出谜一样的空间。


▲设计者:David Carson,1997 


在盖儿・史万隆(Gail Swanlund)的「人生如梦」(Life’s A Dream)海报中,文字与图像的拼贴呈现出如梦境般的神秘特质。文字元素的自由排列,彼此关系松散,并以许多线条与抽象的翅膀改造,呈现出奇特样貌。


▲设计者:Gail Swanlund,Swank Design,1994 


这是大卫・卡尔森(David Carson)为网路搜寻公司所制作的广告,要表达的概念是:从混乱中找出所需资讯。左页的例子中,叉子从义大利面里叉起重要的资讯,而本页的例子中,捕蝇纸上写着「你需要的新闻。」


▲设计者:David Carson,1997








END



-随便看看-

有趣的404页面

字体的涂鸦艺术

表情包的活化石





发表
26906人 签到看排名