版面设计中的重复设计
今天这一期讲的是设计中的重复~
说到重复,很多人认为重复不是简单和无聊的代名词?这是设计手法吗?
设计中的重复当然不是简单的复制。如果要下定义的话,就是把设计元素统一起来,按照一定的规则进行排列组合,最终形成一种有序的美。
注意重点:团结有序。
生活中能看到哪些重复?
如密集的建筑:
(香港地产)
重复统一的形式可以最大限度的利用空,所以现代建筑大部分都是以小方块的形式设计,有方块规则。
再比如韩国选美大赛:
(这都是关于衣服,告诉你是谁)
韩国这个小国,文化和审美趋同程度很高,整容相对发达,导致了选美比赛中的这种尴尬局面。
回到设计,我们为什么要重复,因为重复可以实现两个主要目标:
一、统一顺序:
主要是基于整体大于局部的考虑。如果每个元素都要大而突出,最后的结果可想而知。
第二,加深印象:
谎言即使被说一百遍,也能变成真理。重复肯定能加深印象。
复读有多重要,问问小时候经常被罚抄的同学就知道了。
在实际工作中,用于重复的对象可以是简单的基本形状,也可以是更复杂的骨骼。让我们具体看看这两种形式是如何重复的。
在设计中连续使用相同的基本元素构成了基本形式的重复。这里的基本形状可以是理论上的任何形状,在实际应用中,我们可以概括为点、线、面的重复。
点重复
(正方形在左边重复三次,n个以上的圆形在右边重复)
等距构图的规律模式重复,看起来整齐有序,视觉体验稳定,但缺乏个性。设计时,可以通过改变单个点的形状来调整视觉感知。
(许多轮廓轮廓在左侧重复,几个杏仁饼在右侧重复)
不规则的重复会使画面更有动感和生动,距离的变化很容易使画面在重量和密度上发生变化。
点重复在LOGO中的应用。
线条重复
线条的构成可以是几何线条,比如左图。
也可以是线性元素,比如右边的四个演员。
垂直排版也是常见的形成行重复的方式。
线条重复在LOGO中的应用。【/br/】小波老师线下分享说四圈复读奥迪,五圈复读奥运。看,就差一个字。
表面重复
构成重复的面需要在形态上相似,但它们不一定需要相同。例如,表面可以有不同的纹理和不同的大小和颜色。
表面重复在UI设计中应用广泛。
人脸重复在LOGO中的应用。
把一组基本形状包装成一个复杂的形状,然后把复杂的形状排列组合起来,这就叫骨重复。
举个例子:
这个套路被广泛应用于各种时尚大咖的设计中:
在我们的实际应用中,骨骼重复会比较复杂,不仅等距、规则排列,而且重复中还可以加入变化,但前提是需要构建明显的视觉顺序。
例如,下面两张海报:
很明显,这两张海报中有重复的形式,但我们看不到重复的基本单位,因为在重复的过程中,形式的变化是不断增加的。
我觉得最常见的就是我们家的地砖。你家的那个是什么样的?
根据重复的形式,我们可以将重复分为绝对重复和相对重复两种。
绝对重复:基本形式总是重复
【/br/】右边的图除了重复之外,还使用了具体的构造手法。
相对重复:在基本形式的大小、位置或骨骼形式上有一定变化的重复。
在实际工作中,绝对重复是缺乏变化的,所以一般用于背景纹理。
构成屏幕主体的元素一般都需要改动,所以大部分都是相对重复的。
好了,至于重复,理论部分到此为止,接下来我们来看实际案例。
在界面设计中,重复的主要作用是使页面风格统一。既然这样,我就做一个关于茶的网站。风格是中国式的古典。在设计中,我试图利用重复的规则,使页面看起来整洁统一。
先看LOGO处理:
第一步是选择字体风格,因为网站的主题是茶,所以希望LOGO能融入到茶的元素中。
第二步,扩展重复骨架,增加更多视觉元素。
第三步,加入关于茶的视觉元素。如你所见,构图虽然是重复的,但并不是完全重复,而是构成了一幅近似的画面,这样在视觉上就不会显得过于死板。
好了,我们来看看横幅图的处理:
原图:
我希望整个页面更加优雅,这样适合降低图片饱和度,增加点睛之笔。
好,让我们看看页面上的效果:
嗯,效果还可以。继续做。
下一步是对大段文字的处理:
第一步,文字排版是一个摸索的过程。首先确定大致方向——垂直布局。
第二步,在建立了大致的布局骨架后,添加详细的视觉元素,使整个布局有血有肉。
你发现了吗?其实这里使用的方法和上面的LOGO处理是一样的,就是在单调重复的骨骼上展开视觉元素,这是一个化腐朽为神奇的过程。
然后将其放在页面上,并添加页脚部分以查看效果:
本来了,这一页快结束了,但底部似乎有点沉闷,我觉得没有一个强有力的完成过程就草草结束了。
再优化一下,底部加砝码。
嗯,那好多了。那是一条强壮的尾巴。
要查看页面的完整效果:
细看,这个页面从大模块的分发到小元素的处理,到处都在重复。不过从整体视觉感知来说,页面不会觉得单调。
完整版本:
本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://www.yangyangzhi.cn/xingyezixun/sjwz/384.html