我们常常探索规则，规则让设计充满可预期性。我们也常常想打破规则，这可能是出于设计者叛逆的天性，也符合让特定风格或者元素脱颖而出的设计需求。刚刚过去的9月当中，设计师们打破规则的特质，通过网页设计作品体现得淋漓尽致。这些以破坏规则为特质的设计作品，实际上也遵循着某种潜在的规律：尽量只打破一个规则，来创造出意外和戏剧化的效果。
1、无视边界的文本元素
在很长的一段时间当中，设计师会让每一个元素都井井有条地置于各自的区间当中。但是现在，设计师开始让元素走出边界。
横跨多区块的元素看起来似乎有点过于自由，但是在实际的设计作品当中，效果还是颇为有趣的。尤其是横跨多区块的文本元素，视觉效果很是突出。
所以，现在所呈现出来的设计趋势，是让文本元素横跨背景图层、图片和其他的区块，就像下面的 Tradewinds 这个网站。
在目前我们所看到的设计作品当中，横跨多区域的文本可以是任何大小，形态，角度，但是它们通常需要和背景的内容都构成足够的对比，才能确保良好的可读性。在下面的案例当中，文本可以横向展示，也可以纵向排布。
这种设计背后所隐藏的思维方式，是使用超出用户预期的元素来引起用户的注意，这样是为什么设计师会在这个地方采用展示性较强的字体。
为了让这些文本真正发挥作用，在网页当中，这些文本通常是作为单独的图层而存在。文本所用的字体在具备展示性的特征的同时，还应该具备足够好的可识别性。为了避免复杂的设计让人难以获取信息，尽量采用简单的布局。
2、超大的视觉元素
超大的视觉元素并不新鲜，但是将日常生活中通常并不大的元素放大，铺满屏幕，就很有戏剧感了。
这种设计是一种很有趣的手法，需要设计师运用细节丰富的高清大图。
想要让这样的设计足够突出，设计师需要在图片素材的选取上慧眼独具。如果有人告诉你，用一只眼睛或者一张嘴巴将整个屏幕填满，你认为这样的设计会不会成功？首先，这样的设计通常是让人意想不到的，如果在整体设计上足够原创，加上特定的品牌烙印，能够形成足够有力的视觉传达能力。
当然，将日常生活中的小尺寸的元素放大到整个屏幕，视觉平衡是需要仔细控制的。它们通常需要足够的空间和留白，来确保它们看起来不是那么奇怪，或者过于刺激。Westward Leaning 这个网站在眼镜元素的周围采用了大量的留白来平衡视觉，Famoustache 这个网站则采用了明亮的色彩和有趣的排版来平衡浮动的胡子，而DTSi 这个网站则用大量的半透明的几何元素来软化背景的眼睛。
想让这些超大的视觉元素具有足够的视觉冲击力，一定要确保图片质量，在屏幕上要确保像素完美，锐度和焦点都要能够确保。最好是高清的图片和视频，甚至是矢量的素材，即使是最简单的眼镜，也要确保它的刻画是足够清晰锐利的，不会让用户感到不适。
3、空心图形
近年来，设计师对于几何形状的偏好明显更多了。无论是图形叠加还是多边形图案，这几个月各种以图形为中心的设计并不鲜见。而现在，设计师们似乎更加青睐空心图形的运用。
无论是作为LOGO，图标还是几何图形，空心的图形都是颇为有趣的设计元素。一般而言，它们都比较简单，比如 Bruderl 网站中的空心几何体，但是同时它也充当着引导视觉的标记。而在另外一个网站 BorderFree 当中，空心图形则作为图标来使用，不过细节会比普通的更多一些。
无论从哪个角度上来看，空心图形都很有趣，以它们为核心来创造视觉焦点，拥有足够的形式感，能赋予品牌以更明显的特色，创造独特而令人难忘的视觉体验。
为了让整个空心图形更突出，可以适当地让形状边缘更厚实一些，和背景的对比更明显一些，让它在视觉上足够突出。
真正让空心图形脱颖而出的，是独特的形状，所以设计师应该合理地控制前后景的对比，和整个设计的平衡，吸引用户的注意力。
结语
就像我们在开头所说的那样，打破规则，并且尽量只打破一个规则，就能通过明显的失衡的设计，来创造令人难忘的设计，这种策略是有效的，至少我们所看到的这些趋势就是沿用这样的方法来做的。
【不容错过的设计实战】
- 《富有未来感的柏林之夜APP，是这样设计出来的》
- 《设计实战！城市指南网站着陆页是这样设计出来的》
- 《这款给医生的专业APP，设计上有着怎样不同的要求？》
- 《帮你策划盛大婚礼的APP，设计思路是这样的》
- 《这款面向大众的理财APP，设计过程是这样的》
- 《一款真正让人专注的效率应用，应该这么设计》
原文地址：webdesignerdepot
原文作者：CARRIE COUSINS
优设译文：@陈子木
本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。
================明星栏目推荐================
优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。
设计导航：国内人气最高的设计网址导航，设计师必备：http://hao..com
