设计者若了解视觉组织系统,能更深刻理解设计过程。过去的设计教育与视觉设计过程,偏重于印刷时僵化的水平垂直网格。但是在制作作品的过程中,若想获得秩序与效率,网格系统已不是唯一的方式。
想要获得更好的排版方式?你应该知道这些了。
如今设计者要传达讯息时,可自由运用八种文字编排的组织系统。这些系统拓广了文字编排的沟通视觉语汇,可吸引读者阅读内文。 在探索视觉组织的系统时,可把重点放在设计方法,如此不仅焦点明确,也简单易懂。
这八种视觉组织系统为:轴线式、放射式、涟漪式、随机式、网格式、行进式、模组式与双边对称式。
第一,以固定的文字字级与字体粗细,发展一连串的构图。这样设计者才能跳脱最老套的解决方案,真正以这种系统尝试设计。
第二则是在一连串的构图中,可选择以抽象元素与色调变化,强化讯息的沟通效果。所有构图都使用内容相同的八行文字讯息。这目的在于凸显视觉组织系统的变化。
相同的文字讯息,能在我们比较各个系统有基准,看出文字编排的细腻差异,也能发现视觉表现可多么千变万化。 每种系统都有其独特的美感与视觉语汇。虽然多数系统不适用于冗长讯息,但所有的系统都能加以调整,传达出活泼的力量。
设计者可思考讯息的调性、结构、长度与意义,让每个系统能发挥诠释讯息及沟通的功效。这么一来,文字编排就能与讯息融为一体,成为构图画面,进而更有力地吸引读者,强化讯息的意义。
以下图例的排列方式,皆是下图为各个系统的范例;中间则是单一字级与字体粗细的构图范例;最右边则是加入抽象元素的构图。
轴线式系统|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页面
字体的涂鸦艺术
表情包的活化石