小谈设计中的“相似而又不同”

我平时上下班经常路过公园和广场，常常能看到爱好音乐的大爷大妈们组成的“交响乐团”，乐团人数或大或小，演奏水平参差不齐，但乐器却是弦乐、管乐、打击乐器一样不落，阵容堪称豪华。演奏的时候，乐团中每个人都特别投入，特别享受，但令人遗憾的是，乐团演奏出的音乐常常不怎么悦耳动听，缺乏美感。

一开始我觉得是演奏水平的原因，听得多了，认真琢磨了一下，发现问题主要不是出在演奏水平上，而在其他方面。如果你仔细聆听，就能发现问题所在，大爷大妈们无论谁使用哪一种乐器，无论是弦乐还是管乐，演奏的都是一个旋律，往往还都是主旋律，虽然乐器品类众多，但旋律却非常单一，做个不恰当的比喻，就像是一群人开会，每个人都在争着，抢着提高嗓门表达自己的意见，而且都特别大声，但所有人听见的只能是一片嘈杂，而且人越多越显得乱。

而实际上一曲动听的音乐不需要所有乐器都在同一时间发出声响，即使不同的乐器在同一时间演奏往往也是在演奏不同的旋律，各司其职。低音和打击乐器往往演奏不容易分辨的背景音乐层，钢琴和小提琴经常演奏主旋律，是音乐的主角。铜管和木管乐器作为辅助角色，常常演奏和主旋律最为相似的音乐旋律，或者偶尔和弦乐作为主旋律的演奏者交替上场。这样经过精心安排的丰富性，混合在一起的音效听上去才有美感。简单的说就是要做到相似而又不同，相似的地方是每个不同部分所要表达的整体的情绪是一致的，不同在于有先有后，各说各话。即使一块儿说，也有逗哏捧哏之分。

艺术都是相通的，设计当然也不例外。相似而又不同的原则在设计上可以说是一个根本理论原则，一个优秀的设计，方方面面都体现着这个道理。相似度太高缺少不同，容易显得呆板，而相似度不足过分的差异化，又会让整体风格显得不够统一。为了让大家更容易理解，我们找几个例子来说明。

这是一个韩国的关于女性泳衣的网页设计作品，韩国设计师的设计往往非常的细腻，特别注意细节。拿这个设计来说，整体设计风格简约时尚。设计中用到了很多大尺寸的圆形、菱形以及矩形形状元素，色彩上棕色为主色调，红色为辅助色。

从上到下，可以简单地分为五个信息区域，这五个区域在设计风格统一的前提下视觉层次非常清晰，每一部分信息区域的视觉重要性依次降低，最明显的特征就是人物的设计尺寸越来越小。

最顶部的Banner是最抢眼的主视觉，为了增强视觉效果设计师在这个部分增加了很多视觉层次，首先是用纯度很低、亮度很高的褐色平铺背景，然后使用大小不一、颜色分别为暗红色，深灰色和白色的圆形叠加到纯色背景上，这样的设计手法通常我们都能想到，也都会用到，做到这儿，我们一般的思路认为背景的设计就结束了。但是注意，为了让设计更有空间感并进一步丰富最重要部分的视觉层次，设计师又放上了非常低调的带有浅浅的阴影的白色圆形，为Banner部分的设计又增加了一些空间感，最后再放上模特儿图片和文字。

Banner部分的设计从整个网页设计来讲，属于第一层次，这个部分的设计效果和风格可以说为整体的风格打下了一个基调。其他部分的设计要向它看齐，但又不能和它完全雷同。

另外多说一句，在扁平化设计风格流行的当下，和用像素图片素材来设计的时代相比，似乎设计的复杂程度有所下降，但这并不意味着设计可以变的简陋，相反，在由于设计风格的改变剔除了某些设计表现手法的同时，要让设计仍然保持美感和有味道，某些设计因素的重要性和力度却要得到进一步的加强，比如排版、色彩以及细节等等。所以，无论风格如何变化，类似于设计要做到相似而又不同这样的原则是不变的。

接下来我们再来看第二个部分，这个部分是热销产品的展示。和主视觉部分开放式的设计作为对比，凸显不同，这个部分的设计采用了卡片式的有限区域设计，两个产品各占一半，左侧区域平铺背景色，放置人物图片和文字。右侧区域值得特别留意。为了控制整体的用色，右侧人物图片做了灰度处理。为了给这一部分的设计增加视觉层次，设计师以泳衣V型领为灵感，绘制了嵌套的菱形，让人物和背景更好的融合在一起。

接下来的区域属于产品展示区，继续和上一部分做视觉上的差异化，在设计手法上又采用了开放式的设计，人物图片进一步缩小，视觉的重要性进一步降低，当前选中的产品用全彩色展示，而其他产品做了灰度处理。

最后一个部分应该是专题区域，虽然和第二部分同样采用了限制区域的设计手法，但为了看上去不至于显得过于雷同，排版上采用了三分分割布局，左侧占三分之一，右侧占三分之二。为了让整个设计也不至于头重脚轻，这一部分延伸到页面的全宽度。

所以从这个设计中，我们可以看到设计师根据不同的信息在不断地变换设计手法和视觉样式，为整个设计增加了视觉趣味性和灵活度。

接下来我们再来看第二个案例。

这个设计就是我们上面提到的加强排版的力度，用排版来完成整个设计的最好的诠释。整体的设计风格非常统一，这种统一性让整体设计透露出一种强烈的干净且平和的情绪感受。

从相似性方面讲，每个部分几乎都用到了三个设计元素：即大面积的色块、色调基本一致的图片以及文字，因此，整体设计风格非常统一，但统一并不是这个设计的难点，难点在于要做出每个设计区域视觉上的差异化，即在不同上要做更多的文章。

因此，设计师在排版方面下了很大的功夫。主要的技巧是让每一个信息区域的边缘都并非横平竖直，整整齐齐，否则会显得非常死板；另外一个值得注意的方面在于图片的选择，图片的内容一定要简单，如果选择过于复杂的图片，会破坏整体设计的简洁。充分利用排版的设计手法，设计师让每一个部分的设计看上去都富有个性，从而增加了整体设计的趣味性和层次感。

总结一下，相似而又不同的原则对于设计来说是基础性、原则性的设计理论，熟练地运用这个原则可以帮助我们提升我们的设计，我们也可以用此来分析优秀的设计案例，帮助我们更快的提高。

优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。