本篇文章主要介绍了"布局的力量！巧用不对称设计打造有趣的网站页面"，主要涉及到有趣的网站,不对称方面的内容，对于产品设计感兴趣的同学可以参考一下：
编者按：对称与不对称似乎是网页设计过程中，一直要做的取舍。对称的和谐，和不对称的差异，都是创造好设计的必须的手段。但是对称通常都用的不错，但是不对称并非人人都运...
编者按：对称与不对称似乎是网页设计过程中，一直要做的取舍。对称的和谐，和不对称的差异，都是创造好设计的必须的手段。但是对称通常都用的不错，但是不对称并非人人都运用娴熟。今天的文章，我们简单聊聊网页设计中的不对称设计~
在绝大多数情形下，不对称的设计元素能从其他的元素中脱颖而出。这些不对称的设计看起来更富有活力，如果其中包含有按钮、控件或者链接的话，它们通常能获得比其他部位更多的关注。
今天我们就一起来仔细看看网页设计师们是如何通过对比、留白和布局来打造令人难忘的不对称设计。不对称的设计并不全是外部轮廓上的差异，它同样可以是内部结构上的不对称。举个例子，图库页面中，每张图都有缩略图，其中某个比其他的缩略图略大一点，这种差异会立刻吸引用户的注意力。总的来说，不对称设计非常适合于将用户的注意力吸引到特定的区域或者元素上，这是它的优势所在。
接下来，我们仔细看看对比、间距和布局是如何创造出不对称的效果。
可观察到的对比度
当你将视野中的视觉干扰都移除了之后，你的用户会很快注意到那些细微的差异。这个时候，你可能会适当地增加一些效果，比如渐变的背景，甚至jQuery 动画。这样的效果能让页面中仅剩的一两个元素飞快地让人注意到。
着名Mac平台设计软件Sketch的官方网站的设计就是个很好的例子，深色和浅色被容纳到一个统一的页面设计中来。在页头中，你会注意到两个按钮：深色的“免费试用”和浅色的“立刻购买”。有意思的是，两个按钮都是同样的大小，并且处于同一个水平面上，并且是同一色系。但是，“免费购买”的按钮被设计成为幽灵按钮，整体和深色背景几乎融为一体。
这样一来，使用浅蓝色实底的“立刻购买”按钮和背景构成了鲜明的对比，相当的显眼。当你打开页面的时候，会一眼注意到购买按钮，这就是通过大量的留白和合理的对比营造出来的视觉引导。
横向和纵向的留白让按钮和文本区分开来，而按钮色彩的差异对比是让其中一个按钮自然而然地凸显了出来。这种设计手法非常的使用，如果你再接着浏览，你会发现页脚也采用了相似的设计：
在这种情况下，用户只能提交他们的电子邮件，或者选择放弃。
