UI设计中的组合与重复

UI设计中的组合与重复大家好，随着着阳光明媚的周三夜晚，本猫又和大家见面了，之前有篇文章具体介绍了排版中的两大基本原则【对比】与【对齐】，那么本篇文章介绍余下的两大基本原则【组合】与【重复】，他们一起构成了设计排版中的四大基础原则，但愿大家喜欢！组合即成组，也叫做亲密性，就是将有关的信息成组，建立一种联系感。在一种版面上距离越近的元素就越有关联性，因此有关的信息应当彼此靠近形成一种组合；不有关的信息则应当互相远离加以分辨。组合玩的就是关联性与分辨性，有关信息成组建立关联性，不有关信息不择手段的加以分辨，也就是我们常说的信息的贴近与远离。那么建立组合的方式有哪些呢？本猫在这里列举几个惯用的吧第一种自然是通过留白建立距离关系进行分辨，留白是设计中通用的万金油原则。其它的某些建立组合的方式也是建立在留白之上的。第二种则是分割形式建立组合关系，分割的类型有诸多个，能够是线条分割，也能够是形状与色块分割等。第三种惯用的建立组合的方式是通过色相的对比。不同色相的信息组会暗示观者这是不同的信息。不同的编排方向也可较好的分辨信息组。通过分栏的方式分辨不同的信息也是较好的选择，有关信息分成同一栏，不有关信息分成不同栏。几乎全部的排版都会用的组合的原则，下面看这几个案例说完了组合再来说一说剩余的重复原则吧重复就是作品中的视觉要素要在整个作品中统一，涉及色彩方案、字体字号、文本行距、项目符号等，也能够是某种个视觉符号。就拿此篇文章来说，此文的配图主色都是绿色系的，正是用了重复的原则，因此整篇文章视觉与阅读上统一感。如若忽然出现一种黄紫配色的模块标题，则显得格格不入与整篇文章风格不搭因此这张模块标题的图出现在这篇绿色系文章中就是重复没用好的背面教材。固然，除了配色尚有标题、符号那些，重复的元素能使版面更加统一。左侧这个每段标注的符号不同，有圆有菱形有三角，正是不够统一，没有做到用同一元素。另外对齐方式也用了三种，没有重复使用一种对齐方式，因此显得杂乱无章。右侧的图只使用了一种标注符号，一种对齐方式，瞬间就好了诸多。那我们再来看看重复的应用案例吧。这是往期周练群里的一种作业，出现了哪些问题呢？1、主体不对，主题是噪音，而不是木鱼，因此放这个木鱼的图片是毫无意义的。2、对齐方式不统一，左对齐不严谨，另外尚有一种莫名的右对齐很突兀。3、中英文不搭调，如果掌控不了能够只做中文的。4、文字组解决不好，出现了字体粘连的状况。做东西之前我们要先分析，任何设计都是如此的，前期的分析调研尤为重要。由于这是一种艺术展的海报，因此我准备偏向艺术一点。此案中用噪音的不规则波段来体现噪音，从微观出发。将主题“噪音”置于版面之上，由于是主题，因此一定要是文字组中最大的。为了更加契合主题，将主标题栅格化，并用选区工具节选移动，营造故障的感觉。为了使之与噪波风格更统一，给主标题加入风的效果，这样主标题与图形风格特性就统一了。将副标题与编排好的时间至于画面中，统一左对齐。将其它信息作为更小的层级缩小解决，同样左对齐置于画面中。注意用留白的距离分辨组合关系。另外小标题前统一加了圆点的重复元素，使之更统一。最后将主标题和图形用重复解决的形式放于空白处，这个海报也就完毕了。接下来看一看动态gif吧最后看一下修改前后的对比1、版式中要用组合与重复的原则