重复的美你不懂!( 三 )


文章图片


在我们实际的应用中 , 骨骼重复会更复杂一些 , 不只是等距规整的排列 , 也可以在重复中加入变化 , 但前提是需要构建出明显的视觉秩序 。

例如下面两张海报:
重复的美你不懂!
文章图片

这两张海报明显是有重复的形式在里面 , 但我们是看不出重复的基本单元 , 因为在重复的过程中 , 不断加入了形态的变化 。

而最常见的 , 我觉得是我们家里的地板砖 , 看看你家里的那个是怎样的?
重复的美你不懂!
文章图片



重复的美你不懂!
文章图片


按照重复构成的形式 , 我们可将重复划分成两种:绝对重复与相对重复 。

绝对重复:基本形始终不变的进行重复
重复的美你不懂!
文章图片

右图除了使用了重复 , 还使用了特异构成手法 。


相对重复:基本形的大小、位置、或者骨骼形式有一定变化的重复 。
重复的美你不懂!
文章图片


在实际的工作中 , 绝对重复比较缺少变化 , 所以一般应用的背景纹理中 。
构成画面主体的元素一般都会要求有所变化 , 所以大多采用相对重复 。

好了 , 关于重复 , 理论部分就讲这么多 , 下面我们就进入实操案例的环节了 。




重复的美你不懂!
文章图片


在界面设计中 , 重复的主要功能就是使得页面风格统一 , 那这次的案例我就做一个关于茶的网站 , 风格偏中式古典 , 设计中尽量利用重复的规则 , 使页面看起来工整、统一 。

先看看LOGO处理:

第一步 , 选好字体风格 , 因为网站的主题是茶 , 所以希望LOGO可以融入茶的元素进去 。
重复的美你不懂!
文章图片



第二步 , 扩充重复骨骼 , 用来添加更多视觉元素 。
重复的美你不懂!
文章图片



第三步 , 添加上关于茶的视觉元素进来 。 你可以看到 , 虽然是重复构图 , 但并不是完全重复 , 而是构成了一个近似画面 , 这样视觉上就不会显得过于呆板 。


推荐阅读