2018-9-27 资深UI设计者
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
01-
肖形图形-构成规律：A组成B
肖形图形就是以单一元素或多个元素的外形共同变化来进行一个新形象的创造并使两者之间的含义得以连接。如果两个物体同时改变了原先的形态，并在这两种形态间产生了一种全新且严谨的契合关系，一个新形象也就诞生了。
还记得08年奥运期间的各地景观吗？你去看城市市民广场的花坛，从南到北，无不例外，用鲜花组成一个大大的奥运五环的图形，要不然就是京的印章标志，或者就是北京欢迎你的字样。印象最深刻的就是开幕式用击缶来形成倒计时的数字。
肖形图形概念是运用十分广泛的一种创意概念，它好理解，上手快。但不能理解成一个简单的重复罗列的过程，哪些图形可以结合构成新的意向？怎么组合更加有趣？怎么控制好元素之间的疏密关系？
当我们面对两个形态上看似没有什么关联的物件时，不妨先从点、线、面、空间这些角度来解析一下，或是再换个角度看，每个物件都可分解成基本的方形、圆形和三角形，这些隐秘的关系都为它们的解析重组提供了可塑的条件。
点的创意表现
在图形中，任何一个单独而细小的形象都可以称为点。点是以视觉中面积大小的感受来确定的，所以点的形状并不一定是圆，也可以是其他的几何形体，点是相对于线和面而存在的视觉元素。在设计中，点的排列的形状、方向、大小、位置、聚焦、发散，能够给人带来不同的心理感受和视觉冲击。点的构成可分为密集和分散两种不同的视觉类型。
线的创意表现
线是创意图形的基本要素之一，线可以串联各种视觉要素，可以分割画面和图像文字，可以使画面充满动感，也可以在上稳定画面。线与线之间的排列可以使画面具有节奏感，线的放射、粗细、渐变排列可以体现三维空间的感觉。
线的编排构成分为有节奏、有情感、有空间关系等的线。每条线都有自己独特的情感存在，将不同的线有节奏地编排在板式中就能形成各种不同的效果。作品通过线的空间处理，利用独特的视觉效果，能表现强烈的整体感和形式感。
面的创意表现
图形设计中的面由于轮廓的作用，使形态从周围空间中突显出来，从而比点、线的视觉冲击力更大。在进行面的创意表现时，要考虑形状与面积的对比、间隔与面积的对比、面积与面积的对比等因素。面是视觉元素创意的基础，可以运用不同的方式来表现。
02-
同构图形-构成规律：A+B组合
同构图形更注重于体现视觉意义上的艺术性和完整性，通过变形、错位、结合等种种手段来制造出虚拟的物象。同构可以理解为是一种形态上的置换行为，即是将组成某物件的其中一部分特定元素与另一种本不属于其自身却具备形态上相似之处的元素进行巧妙替换，相互借用，同生共荣，形成新的异象，产生出新的寓意和独特的视觉趣味。
同构图形在设计运用中最为广泛的一种图形概念，但在运用时我们必须注意做到自然巧妙而不生硬。如果总是一味的将一堆相关元素胡乱堆砌在画面中，这样的画面，细看之下实在是索然无味啊。
(一半写实一半创意)
一个完整的元素一分为二，一半保持元素原来的固有形态让用户保持认知，另一半就可以进行创意设计。案例一中是用直白的文案直接进入主体，使用手写字体切近用户的同时也彰写了格调；案例二中为了体现科技感，运用了电路板进行内部重新构造，增加科技感的同时也不失可爱。
(图形加文字)
图形加文字，通过提取文案，在图形设计中保留主要的重点文案，很明确的传达品牌的内涵，文字在图形中也尽量按照图形的走势进行排列。案例中的文案都传达了一种积极向上永不服输的态度，运动员们也为了胜利而拼搏，体现的耐克的品牌文化。
(双重曝光)
双重曝光从严格意义上讲不属于同构图形的一种，但是它也是同构两张图片两两相合成形成的一种特有的风格，由于这种风格也算大热的风格。我们在制作双重曝光的时候尽可能的保证人物形态的完整性，如上图的案例中双重曝光的画面很清晰，主次也很分明，很好的保留了人物的五官的完整性。
(APP节日闪屏)
(点)
(线)
(面)
(创意)
(插画)
作为UI或者产品设计师，我们在设计界面中会很少运用肖形图形和同构图形进行区创意。但是在APP闪屏页中，我们就可以很好的运用的肖形图形和同构图形。可以很好的与品牌LOGO图形相结合，更好的为品牌宣传去服务。在这方面做的最好的当属QQ音乐这款产品，它很好的利用品牌图形与点、线、面、插画相结合进行创意，很好的体现了节日的主题和氛围。
总结-
肖形图形和同构图形在设计中运用广泛，通过图形创意练习可以增加我们创意思维，也可以锻炼设计总的主次层级、疏密远近的关系。相对复杂的视觉图形元素能处理得当，相信在界面排版中也能很好的分析出层级和层次之间的关系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。
