ui教程：告诉你如何实现不对称设计

很多的 前辈都告诉我网页设计要对称，但是最近发现好多不对称的网页也很特别很棒啊，但是不知道设计规则啊，我自己弄的就是一坨屎啊法克，泪牛满面jpg。

看看人家的

                                    

图1

图2

图3

But宝宝不服输啊，咨询的麦子学院UI老师，他给了我几条规则。

    1.图片和空白不对称

　　空白通常搭配一些重的元素（图片或文字）以创造出重量或运动感。空虚的空白和页面其它部分的丰满形成强烈的对比。（图2）

另一种创建不对称性的方法是遮挡部分可视区域。使用侧边栏和色块是做到这一点的简单方法。通常在使用这个技巧的时候，虽然这样的设计在网站的局部具有鲜明的对称感，但总体看是不对称的。（图3）

2.颜色不对称

　不对称也可以通过颜色的使用来创建。鲜明的对比色调，例如白色和黑色的或者调色板上的其它对立颜色，能然人感觉到失去平衡。

　非对称的彩色图案也自然会有一种奇怪的平衡感。在许多物种中，雄性动物几乎都有完全对称的颜色标记，而雌性动物则很少有（这种自然现象被认为是生物进化的自然选择。） 另一种常用的方法是创建一个色彩多种多样的项目，而和它搭配的项目则它含有很少或根本没有颜色。

类似这样的

                                 

                                 

3.图片和文本的不对称

　　让不对称设计达到平衡的方法之一是配对不同的元素，如图像和文本。这是一种常用的技术，众多设计师都在使用。

　　这种技术的秘诀就在于你如何把二者结合起来，需要的只是一张图片和几句话，不多图片和文字必须是互补的。这种技术关键要素之一是如何链接文本和图像。文字和图片是表示同样的事情吗？它们存在关联吗？字体的大小是否能体现图像的权重？

Like this

                                 

看完这篇文章

你懂了吗？

要是还有疑惑，点击这里吧

http://www.maiziedu.com/course/ui/

麦子学院海量免费UI课程等你来学。

     加入麦子学院-UI达人群150756028，你不是一个人在战斗。