网站建设中的版式设计:肖形与同构图形的创意表现

今天和大家分享版式设计中有关的图形创意表现手法,图形的表现形式是很多的,这次主要从肖形图形、同构图形这两大类型讲解,这两类型的手法在海报设计中经常使用,建议设计师们学习并应用到自己的设计作品上。

一、肖形图形-构成规律:A组成B
肖形图形就是以单一元素或多个元素的外形共同变化来进行一个新形象的创造并使两者之间的含义得以连接。如果两个物体同时改变了原先的形态,并在这两种形态间产生了一种全新且严谨的契合关系,一个新形象也就诞生了。

还记得08年奥运期间的各地景观吗?你去看城市市民广场的花坛,从南到北,无不例外地用鲜花组成一个大大的奥运五环的图形,要不然就是京的印章标志,或者就是北京欢迎你的字样。印象最深刻的就是开幕式用击缶来形成倒计时的数字。

版式设计:肖形与同构图形的创意表现

肖形图形概念是运用十分广泛的一种创意概念,它概念好理解,上手快。但不能理解成一个简单的重复罗列的过程,哪些图形可以结合构成新的意向?怎么组合更加有趣?怎么控制好元素之间的疏密关系?

当我们面对两个形态上看似没有什么关联的物件时,不妨先从点、线、面、空间这些角度来解析一下,或是再换个角度看,每个物件都可分解成基本的方形、圆形和三角形,这些隐秘的关系都为它们的解析重组提供了可塑的条件。

1、点的创意表现

在图形中,任何一个单独而细小的形象都可以称为点。点是以视觉中的面积大小的感受来确定的,所以点的形状并不一定是圆,也可以是其他的几何形体,点是相对于线和面而存在的视觉元素。在设计中,点的排列的形状、方向、大小、位置、聚焦、发散,能够给人带来不同的心理感受和视觉冲击。点的构成可分为密集和分散两种不同的视觉类型。

版式设计:肖形与同构图形的创意表现

版式设计:肖形与同构图形的创意表现

版式设计:肖形与同构图形的创意表现

版式设计:肖形与同构图形的创意表现

2、线的创意表现

线是创意图形的基本要素之一,线可以串联各种视觉要素,可以分割画面和图像文字,可以使画面充满动感,也可以在最大程度上稳定画面。线与线之间的排列可以使画面具有节奏感,线的放射、粗细、渐变排列可以体现三维空间的感觉。

线的编排构成分为有节奏、有情感、有空间关系等的线。每条线都有自己独特的情感存在,将不同的线有节奏地编排在板式中就能形成各种不同的效果。作品通过线的空间处理,利用独特的错觉效果,能表现强烈的整体感和形式感。

版式设计:肖形与同构图形的创意表现

版式设计:肖形与同构图形的创意表现

3、面的创意表现

图形设计中的面由于轮廓的作用,使形态从周围空间中突显出来,从而比点、线的视觉冲击力更大。在进行面的创意表现时,要考虑形状与面积的对比、间隔与面积的对比、面积与面积的对比等因素。面是视觉元素创意的基础,可以运用不同的方式来表现。

二、同构图形-构成规律:A+B组合
同构图形更注重于体现视觉意义上的艺术性和完整性,通过变形、错位、结合等种种手段来制造出虚拟的物象。同构可以理解为是一种形态上的置换行为,即是将组成某物件的其中一部分特定元素与另一种本不属于其自身却具备形态上相似之处的元素进行巧妙替换,相互借用,同生共荣,形成新的异象,产生出新的寓意和独特的视觉趣味。

同构图形在设计运用中最为广泛的一种图形概念,但在运用时我们必须注意做到自然巧妙而不生硬。如果总是一味的将一堆相关元素胡乱堆砌在画面中,这样的画面,细看之下实在是索然无味啊。

1、一半写实一半创意

一个完成的元素一分为二,一半保持元素原来的固有形态让用户保持认知,另一半就可以进行创意设计。案例一中是用直白的文案直接进入主体,使用手写字体切近用户的同时也彰写了格调;案例二中为了体现科技感,运用了电路板进行内部重新构造,增加科技感的同时也不失可爱。

2、图形加文字

版式设计:肖形与同构图形的创意表现

图形加文字,通过提取文案,在图形设计中保留主要的重点文案,很明确的传达品牌的内涵,文字在图形中也尽量按照图形的走势进行排列。案例中的文案都传达了一种积极向上永不服输的态度,运动员们也为了胜利而拼搏,体现的耐克的品牌文化。

3、双重曝光

双重曝光从严格意义上讲不属于同构图形的一种,但是它也是同构两张图片两两相合成形成的一种特有的风格,由于这种风格也算大热的风格。我们在制作双重曝光的时候尽可能的保证人物形态的完整性,如上图的案例中双重曝光的画面很清晰,主次也很分明,很好的保留了人物的五官的完整性。

创新互联-专业网站定制、快速模板网站建设、高性价比宕昌网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式宕昌网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖宕昌地区。费用合理售后完善,十多年实体公司更值得信赖。


分享名称:网站建设中的版式设计:肖形与同构图形的创意表现
本文URL:http://ybzwz.com/article/eggdee.html