页面的不对称设计，运用的好，会出现事半功倍的效果

如今大家对页面的基本要求也越来越高，不但总体需有艺术美，经济实用，客户使用便捷，并且更加重视了艺术创意这方面，在网页制作上边都在弄各种各样小心思，甚至是把社会心理学也给用上，为的就是让网站能最大程度地发挥效用，所以如今若想建一个有意思的新颖的网站，网页制作这方面但是头等大事，优选你会稍微懂些社会心理学，其次你需要有自己的思想，能把握的了分寸感，明显视觉美感都是必不可少的，之前就有和专业好朋友讨论过这样的情况，讲到了网页页面设计过程中的对称和不对称性这种情况，这是人们常常需要做的选择。对称和睦，和不规则的差别，全是造就经典设计的必不可少的方式。可是对称性一般都使用的非常好，但不对称性并不是每个人都应用熟练。那么接下来的本文，大家简易聊一聊网页页面设计上的不对称设计~都是融合了我探讨的结论分类整理的。

在绝大部分情况下，不一样设计元素可以从别的元素中突围。这种不规则的设计方案看起来更加富有朝气，假如其中包括有按键、控制或是连接得话，他们一般可以获得比其他部分更多关注。

下面我们就一起来研究一下网站设计师们都是怎样通过分析、留白艺术和规划来打造难以忘怀的不对称设计。不规则的设计方案并不都是外界轮廊上的差别，它同样也可以是内部构造上不对称性。举例说明，图片库页面上，每一张图都是有缩列图，在其中某一比其它的缩列图略大一点，这种变化就会马上吸引消费者的专注力。总体来说，不对称设计特别适合于把用户注意力吸引特定地域或是原素上，这也是的优势所属。

下面，大家研究一下比照、间隔和规划是如何打造出不规则的实际效果。

可所看到的饱和度

如果你将视线里的视觉干扰都移除开以后，你客户也会很快留意到这些微小的差别。这时候，你也许会适当增加一些实际效果，例如渐变色背景，乃至jQuery 动漫。这种效果可以让页面上仅存的一两个原素急急忙忙令人留意到。

知名Mac平台开发手机软件Sketch官方网站设计与就是一个非常好的事例，深色和浅色被容下到一个统一的界面设计中。在页头中，你能留意到2个按键：深色“免费使用”和浅色系的“马上选购”。有趣的是，2个按键全是相同的尺寸，而且处在同一个程度表面，而且是同一色调。可是，“完全免费选购”的按键被制定变成鬼魂按键，总体和深色背景基本上融为一体。

这样一来，应用淡蓝色实底的“马上选购”按键背景形成了鲜明对比，相当醒目。如果你打开网址时，会一眼留意到购买按钮，这便是通过大量留白艺术和有效的比较构建出的视觉引导。

多个方的留白艺术让按键和文字区别开来，而按键色调的差异对比就是让其中一个按键很自然地体现出了出去。这类设计形式十分的应用，假如你接着访问，你就会发现底部则采用了相近的设计方案：

在这样的情况下，客户只有递交他的电子邮箱，或是放弃。

Sketch 希望大家在键入邮箱地址以后尽早递交，因此提交按钮布局得同文本框很近。依据Fitt基本定律，2个原素间的距离越近的，客户的访问和转换愈快。值得关注的是，提交按钮的色调和之前的不对称设计一直保持着一致，使你很容易留意到，勾引你去点一下，而这正是Sketch自己想要的。

不对称设计让环顾界面的客户比较容易留意到那些被精心策划得“突显”元素。对于规划布局留白艺术控制，你能应用A/B检测来寻找最好比例。

从Sketch 的官网上，可以学到这些经验：

·比照并不仅仅是色彩对比，它同时还可以是网站上别的控制间的大小对比、部位比照；

·在不同规划布局前提下，留白艺术能够尤其醒目，也能够很不起眼；

·四周的元素烘托对于一般元素的可视性具有重要的功效；

·对称性与融洽能生产制造融洽的体验，而不对称设计则能够吸引消费者专注力，二者的应用理应均衡。

留白艺术正确引导专注力

iPad 平台中制图工具 Procreate 的官网就是一个不太一样的案例。简易环顾一下这个网页页面，网页页面全部采用的浅色调颜色，设计布局不复杂，所使用的页面元素规格非常大。

设计师在这一超大页面中应用单独原素来呈现如何绘画。屏幕截屏、美术绘画Demo和功能简介都分别占据了不同类型的区块链，留白艺术则把文字部分和视觉信号切分起来。在文字色调的应用上，室内设计师也相当细心：页头的那一部分采用了强比照的配色，而内容一部分则采用了比照相对较差的配色。

可以将网页页面划分成不同类型的区块链，网页页面自然而然区划出各种层级，各个部分都有不同的款式(全屏背景、超大型文字排版、截屏展现等)，这个就促使每个区块链显得更单独。

可是请尽快记牢，这类设计形式不太适合所有网页，可是它确实早就在室内设计师社交圈里边逐渐兴起，成为了一种设计趋向。假如设计与实行都非常到位得话，看上去反是相当非常好。

更替式布局

乍一看，具体内容文字图片上下更替式合理布局可能会使客户感到厌倦，但如果控制住区块链间的间隔，能消除Z字形环顾阅读文章不舒服的感觉。

这类款式会使访问者依照她们自己的思路来阅读文章，因为这样的设计原则打断数据的持续性，可是让消费者变成了阅读文章速度的操控者。

Wunderlist网页页面就采用了非对称加密式留白艺术，科学合理的留白设计让合理布局看起来有意思而不单调。根据Wunderlist 的规划，我们能总结一下这类程序设计模式：

·不对称设计的目的是为了引导客户关心网页页面特定地区；

·不对称设计的多次重复使用能制造出对称性式的设计；

·图文并茂之间的缝隙操纵好啦也能成为一种方式；

·有规律的留白艺术可以让具体内容访问更方便，并具有预估性。