1. 主页 > 行业资讯 > 设计文章 >

版面设计中的重复设计

今天这一期讲的是设计中的重复~
说到重复,很多人认为重复不是简单和无聊的代名词?这是设计手法吗?
设计中的重复当然不是简单的复制。如果要下定义的话,就是把设计元素统一起来,按照一定的规则进行排列组合,最终形成一种有序的美。

注意重点:团结有序。

生活中能看到哪些重复?
如密集的建筑:


(香港地产)

重复统一的形式可以最大限度的利用空,所以现代建筑大部分都是以小方块的形式设计,有方块规则。

再比如韩国选美大赛:


(这都是关于衣服,告诉你是谁)

韩国这个小国,文化和审美趋同程度很高,整容相对发达,导致了选美比赛中的这种尴尬局面。

回到设计,我们为什么要重复,因为重复可以实现两个主要目标:

一、统一顺序:

主要是基于整体大于局部的考虑。如果每个元素都要大而突出,最后的结果可想而知。

第二,加深印象:

谎言即使被说一百遍,也能变成真理。重复肯定能加深印象。

复读有多重要,问问小时候经常被罚抄的同学就知道了。

在实际工作中,用于重复的对象可以是简单的基本形状,也可以是更复杂的骨骼。让我们具体看看这两种形式是如何重复的。

在设计中连续使用相同的基本元素构成了基本形式的重复。这里的基本形状可以是理论上的任何形状,在实际应用中,我们可以概括为点、线、面的重复。

点重复


(正方形在左边重复三次,n个以上的圆形在右边重复)

等距构图的规律模式重复,看起来整齐有序,视觉体验稳定,但缺乏个性。设计时,可以通过改变单个点的形状来调整视觉感知。


(许多轮廓轮廓在左侧重复,几个杏仁饼在右侧重复)

不规则的重复会使画面更有动感和生动,距离的变化很容易使画面在重量和密度上发生变化。


点重复在LOGO中的应用。

线条重复

线条的构成可以是几何线条,比如左图。
也可以是线性元素,比如右边的四个演员。

垂直排版也是常见的形成行重复的方式。

线条重复在LOGO中的应用。【/br/】小波老师线下分享说四圈复读奥迪,五圈复读奥运。看,就差一个字。

表面重复

构成重复的面需要在形态上相似,但它们不一定需要相同。例如,表面可以有不同的纹理和不同的大小和颜色。

表面重复在UI设计中应用广泛。

人脸重复在LOGO中的应用。

把一组基本形状包装成一个复杂的形状,然后把复杂的形状排列组合起来,这就叫骨重复。
举个例子:

这个套路被广泛应用于各种时尚大咖的设计中:

在我们的实际应用中,骨骼重复会比较复杂,不仅等距、规则排列,而且重复中还可以加入变化,但前提是需要构建明显的视觉顺序。

例如,下面两张海报:

很明显,这两张海报中有重复的形式,但我们看不到重复的基本单位,因为在重复的过程中,形式的变化是不断增加的。
我觉得最常见的就是我们家的地砖。你家的那个是什么样的?

�ൺ��ҳ���

根据重复的形式,我们可以将重复分为绝对重复和相对重复两种。

绝对重复:基本形式总是重复

【/br/】右边的图除了重复之外,还使用了具体的构造手法。

相对重复:在基本形式的大小、位置或骨骼形式上有一定变化的重复。

在实际工作中,绝对重复是缺乏变化的,所以一般用于背景纹理。
构成屏幕主体的元素一般都需要改动,所以大部分都是相对重复的。

好了,至于重复,理论部分到此为止,接下来我们来看实际案例。

在界面设计中,重复的主要作用是使页面风格统一。既然这样,我就做一个关于茶的网站。风格是中国式的古典。在设计中,我试图利用重复的规则,使页面看起来整洁统一。

先看LOGO处理:

第一步是选择字体风格,因为网站的主题是茶,所以希望LOGO能融入到茶的元素中。

第二步,扩展重复骨架,增加更多视觉元素。

第三步,加入关于茶的视觉元素。如你所见,构图虽然是重复的,但并不是完全重复,而是构成了一幅近似的画面,这样在视觉上就不会显得过于死板。

好了,我们来看看横幅图的处理:

原图:

我希望整个页面更加优雅,这样适合降低图片饱和度,增加点睛之笔。

好,让我们看看页面上的效果:

嗯,效果还可以。继续做。
下一步是对大段文字的处理:
第一步,文字排版是一个摸索的过程。首先确定大致方向——垂直布局。

第二步,在建立了大致的布局骨架后,添加详细的视觉元素,使整个布局有血有肉。

你发现了吗?其实这里使用的方法和上面的LOGO处理是一样的,就是在单调重复的骨骼上展开视觉元素,这是一个化腐朽为神奇的过程。

然后将其放在页面上,并添加页脚部分以查看效果:

本来了,这一页快结束了,但底部似乎有点沉闷,我觉得没有一个强有力的完成过程就草草结束了。

再优化一下,底部加砝码。

嗯,那好多了。那是一条强壮的尾巴。
要查看页面的完整效果:

细看,这个页面从大模块的分发到小元素的处理,到处都在重复。不过从整体视觉感知来说,页面不会觉得单调。

完整版本:

本文由网上采集发布,不代表我们立场,如有侵权请联系我删除,转载联系作者并注明出处:http://ffjianzhan.cn/a/sjwz/384.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息