分割－形式美暗藏的小心思 -UI设计素材 UI设计素材网——高品质UI设计、UI设计素材、UI素材下载

本篇文章立足于分割的基础上进行深入探究，而不只是停留在对版面空间的划分，以更加全面、更加理性的逻辑认识分割。本文主要从色彩风格、几何分割、造型分割等三方面深入探究，利用多样的分割，达到全新效果。

在日常生活中我们经常会看到破裂的事物，甚至在我们一不小心的时候就会把喜爱的杯子掉在地上摔碎了，或者在生气的时候把东西给撕烂，而这些看起不起眼的事情亦或者是人们在发泄情绪时的行为所产生的结果，在艺术领域却是有着不同的作用和价值，甚至是成为艺术创作者的神秘武器，而对于设计创作者来说则是把这种捕捉到的瞬间美以切割艺术表现的手法定格在创作的作品当中，用于表达和记录生活中因某些破坏行为而产生的残缺美，同时也是在遵循一定的设计准则、视觉感知的基础上对画面中出现的元素加以破坏，更好的演绎残缺美营造画面冲击力，也是基于小心思加法的基础上做减法。

分割即是在限定的空间内把完整的物体或者空间按照一定的方法加以破坏使其形成新的整体形态，并利用人眼自动补齐和联想的视觉规律，形成分而不离，割而不断的特点，营造一种残缺的、破坏的艺术美，同时也是提取生活中经常会出现的一种破坏后形成的自然现象作为常用的视觉表现手段应用在设计中，以更好的丰富艺术作品的创作，不仅可以营造残缺美还可以更好的赋予作品想象的空间，同时也是设计中极具细腻小心思的体现。

图1:

空间分割就是我们经常会提到的版式编排设计，即是在限定的空间内出现的视觉元素所摆放的位置无形中形成的分割，而没有被元素涉及到的地方就是所谓的留白，空间分割既不受元素形态的限制，也不受元素多少的限制，是以元素所占的空间面积大小形成的划分方式，是一种无形的分割呈现，也是最容易忽略的。

图2:

对于分割来说另一个特点就是对具体的视觉元素进行分割使其以新的视觉形态呈现，形成分而不离，割而不断的形式美，在对整体空间进行有效分割之后又对元素进行可视化的分割，以促进视觉感知营造层次分明的破摔视觉美感，同时也有助于进一步对分割后的局部元素形态进行刻画，以更好的贴合画面需求。

另外有时候为了营造更加鲜明的视觉感知区分，通常会把空间分割与元素分割同时以可视化的形式呈现，让观者较为快速的获取相应的信息，并有明显的切割线使之层次分明给人一种秩序的稳定感。

图1:

在常规的视觉呈现下，整体的画面只是对空间进行有效的分割，但对于单个的视觉元素来说却没有很好的视觉表现，而对于视觉画面来说，不仅仅只是对空间的分割，更重要的是对每个视觉元素的严格要求以点带动面的视觉表现才能更好的表现出精致与细腻的视觉效果。

图2:

而当融入分割的表现形式后可以看出，分割不仅仅只是以横平竖直的分割线才能对空间和元素形成有效的分割，还可以以不规则的切割工具和手法实现分割以结果为导向的目的，其中就包括我们经常会使用到的肌理元素表现就像画面中最终呈现的视觉效果一样，不仅是分割也是利用分割的原理对元素进行深入的刻画。

从案例中可以看出，分割的形态变化是受切割工具的形态所影响，使用带有波纹的线条对文字分割之后会呈现出波纹的形态效果，同时还可以对分割后形成的若干形态进行局部的调整和变化。

直线分割作为最常见的一种分割形式，是把平面物体切割成几部分后所产生的切割线为直线，不管是在生活当中还是在设计大多数的分割都是以直线对物体和空间进行切割，给人一种规整且有序的视觉感受，在不失识别度的基础上把分割后的部分进行删减还可以营造残缺的视觉美感，同时还保留了分割线赋予视觉元素联想的空间，不管是对元素或者空间都是非常简单且使用的一种方式，但大多数设计者却很容易忽略减去部分后元素所留下的空白与空间之间的关系。

图1:

很多时候在受主体和信息限制的情况下很难融合创意，甚至是不能够对主体和其他元素进行过多的刻画和修饰，尤其是在以人物为主体的画面中，过多的创意和形式表现会降低人物的识别性和自身的特点，最终大多数会以常规的形式作为效果呈现，而编排上虽然也是依据网格对空间空间进行划分，但却没有视觉美感。

图2:

而当对主体和元素融入分割的表现形式时，对空间而言无形中会营造出多重空间错位的视觉假象，给人一种具有层次的感觉，在保证元素可识别的基础上营造一种视觉假象的创意，同时分割线以以直线的形态呈现传递出干净利落且整齐的感觉，在发挥分割多重作用时也赋予画面形式美。

另一种变化则是把分割后的部分适当的进行减去，以求更好的让元素与空间进行融合，尤其是在人物主体顶部的文字进行删减之后营造出一种叠加的视错觉，而下面的英文与英文之间在调整过间距之后进行删减，不仅可以有效避免多余的视觉感知，并以分割线为基础营造重合的、具有前后关系的层次感。

曲线分割是在进行分割时其切割线以连绵不断具有起伏的视觉形态呈现，是基于直线分割的形态变异，流畅的曲线通常给人们一种波动且极具艺术感的视觉感受，同时也比较贴合人类的情感变化波动，而在我们的生活中常见于建筑设计上面，以流畅的线条外观形态营造优美的艺术表现，而在平面设计中曲线分割由于气质的限定却很少被使用，但如使用恰当却可以营造别具一个的视觉美感，无形中为作品增添了艺术感。

图1:

在常规的情况下主体和其他元素不做任何的变化和处理，以文字自身的对齐方式形成无形的分割线，看似比较规整的画面却显得过于平淡，同时文字元素在主体较为饱满的画面中也不能够展现的那么完美，给人一种像是把文字贴在上面的感觉，对于整体的画面而言即缺少创意性，也不能够很好的表现出较强的视觉效果。

图2:

在此基础上从人物主体的服装上提取出曲线并与之融合，在贴合主体气质的同时丰富人物的情感同时在文字信息处加入四分之一的圆使图形的边缘曲线对主体人物进行分割，并对图形进行适当的曲线修饰，不仅可以很好的营造层次感和空间感，在贴合整体画面时也赋予文字一定的情感更好的传递信息。

图1:

在整体基本框架不变的情况下，以利用矩形色块对人物主体进行分割，同时对矩形又进行曲线的分割，使曲线的分割线与直线的分割线进行交叉，即可以保证曲线的情感表达，同时也可以表现出干净利索的感觉，使画面刚中带柔，而直线的分割线也可以为对齐提供很好的参考点。

图2:

与此同时还可以在曲线的基础上使曲线与曲线形成交叉的分割，虽然少了直线的干脆，但却是贴合画面整体的视觉效果而进行的形式延伸，以此来提升画面的视觉冲击力，同时交叉处也形成了鲜明的残缺美并赋予了画面更多的联想空间。

分割营造的残缺美是对元素进行设计手法的添加进而切割掉部分元素以空间进行填充，是利用视觉感知的自动补齐营造残缺美，并以割而不断的特点赋予想象的空间，在可识别的基础上给人以整体中带有层次变化的感觉，同时也是营造残缺的形式美强调视觉冲击力，对元素而言加的是方法和手段，减去的是自身的肉体。

图1:

如案例所示，对主体元素进行分割的手法添加之后随之把分割后的部分元素减去，在与空间进行融合的同时营造一种站立在空间的假象，并以分割线作为视觉的起点，给人一种像是从空间中生长出来的感觉，与此同时主体也没有失去自身原本的面目，还赋予了一定的联想空间。

图2:

而当把主体分割成大小不一的几部分后可以看出，即使在减轻主体自身的视觉重量，使主体自身具有一定的透气性，营造强烈的视觉形式美时，元素所减去的部分仍然不影响整体的识别性，还为其无形中营造分明的层次感，哪怕时最细的分割线也是对元素减去的一部分。

另外需要注意的就是，在使用分割时一定要注意元素的视觉重量，左边的案例是对元素下半部分进行分割使其视觉重量减轻，给人一种向上要飘动的感觉，而右边的案例则与之相反，给人一种下垂的感觉，如不细心处理在与其他元素组合在一起时很容易使整个画面失去平衡，降低视觉的感受体验。

为使得分割后的元素在重量上得到一定的视觉平衡，针对左边的案例上部分适当的删减一部分，而把右边元素中间的分割线加宽，使视觉集中在最大的空隙中以此消除上轻下重的视觉偏差。

分割作为设计中比较基础的手法之一，在一定程度上也是应用的最为广泛且最为实用的方法，不管是在版面空间的划分当中亦或者是在对元素进行手法和技巧的应用当中都有着非常出色的表现，而常用的方法却也是的大家经常会忽略的方法，其主要是容易受到表面形式的影响，而失去对本质的分析和总结，对于版面来讲，我们经常提到的黄金分割，网格系统等等亦或者是对元素的切割都是使用分割的原理进行的形式演变，而本篇文章提到的残缺美也是在基于分割表现上做的形式变化，亦是切割和分割的直观表现，其方法和手段大致可以分为归纳为3点。

色彩分割是区分内容层级，建立层次感最有效的、最直接的方式之一，也是最为醒目且具有突出作用的设计手段之一，很多时候我们在选择使用不同的色彩时，就已经是在不知不觉中对画面空间使用了分割的设计手段，但对于初学者来说却只把重心停留在色彩的选择上，而忽略了承载色彩物体的大小占比与形态在画面空间中所产生的视觉影响，却只是把色彩当作元素使用使之出现在画面中，导致对画面整体的空间把控不佳，难以很好的驾驭整体的布局，进而忽略色彩所形成的小心思。

在新建的画布当中将做好的主体置入，在这种情况下需要注意的就是，主体元素的色彩和背景色彩本身就已经存在区分，而主体下面缺少的部分就像是由背景色分割掉的一样，由此可以看出，除了色与色搭配之间的关系外，主体又再次的与背景产生了微妙的关系，使之在区分的同时还保留一定的关系。

图1:

把主体进行适当的处理然后复制一层改变其中一个主体的混合模式，两个主体分割掉的部分在空间上形成对称，而重叠的部分由于混合模式的改变也形成相互分割的效果，即保证画面平衡同时也凸显视觉效果。

图2:

接着把文字置入到画面当中可以看出，整体给人一种从上至下的感觉，上半部分较重，而下半部分较轻，同时文字掩盖了主体大部分使主体不能很好的展示出来，而要改变文字的大小则会使画面不够饱满。

图1:

接着对文字信息进行分割的适当处理，把顶部的文字使用渐变分割一分为二并使之重叠在一起，在保证识别的基础上即减轻重量又可使描边和实体形成鲜明的对比同时使分割部分与主体的残缺形成对齐，但主体部分却显空旷。

图2:

然后针对主体略显空旷的问题进行适当的修饰，用英文按照下大上小的规律随意的排列，并对其执行波浪的效果使其具有一定的切割效果，即符合画面的整体，同时也能很好的当作修饰并与底部文字形成关联。

几何作为设计中最基础的元素，也是使用频率最高的元素之一，画面中出现的所有元素都可以看作是几何图形的形态变化，色彩分割也是在基于几何图形的基础之上的色彩分割，其本身并没有任何太多的意义，需要进行不断的组合搭配才能赋予几何某种意义并使之发挥出不同的作用，而当发挥分割作用的时则可以以线条的形式和块状的形式使用对空间和元素进行分割营造一定的形式美感。