想要打破常规破坏平衡感？巧用三角形元素
如果你希望你的设计是要打破常规，希望有惊人的视觉冲击力，可以用三角形元素来构建，只需要破坏它的稳定，使之失去平衡。
这一次我们来聊一聊三角形版式设计，三角形版式在应用中相对于前面说的圆形、方形来说还是比较少，不那么常见，但是如果你即将要做的这个设计你希望是要打破常规，希望有惊人的视觉冲击力，以及有活力四射的感觉的话可以用三角形元素来构建，只需要破坏它的稳定，使之失去平衡。
以下这一段文字来自于John McWade对三角形定义的讲解
一位帅气的老爷子
我觉得没有人比他说的更详细了，他说：
在任何设计中如果要添加能量、兴奋、惊奇、或破坏这四个要素中的任何一个，请使用三角形。
三角形是基本形状之一：圆形、正方形、三角形，在这三个形状中，正方形和三角形都是有角的，正方形是稳定的形状，它与地面平行，侧面直立，感觉沉稳，不会移动，由于这些特性，观众往往会对此感到安全。把一个巨大的长方形倾斜一下，我们就会认为这些图像不稳定且充满张力。这是有趣的事情，当它像这样倾斜时，它现在都是三角形了，每个角现在都是三角形。
它的底部顶部左侧右侧都会产生幻象的三角形，如果我们把长方形删除一个角，就会得到一个物理三角形，现在它变得疯狂了，除了观众的意志力之外，没有什么可以阻止它，它可以倾斜，可以旋转，最后我们从地面上的一个点移动到没有点。现在图像是混乱的，根本没有接地，是电子化的，噼啪作响，有电压，不稳定，不可预测，全部都是三角形，三角形有趣的是它们相交的地方，它们总是能创建更多的三角形，您可以在图像中看到这一点。
对于胆小的设计师来说，三角形不是一个形状，这些都不是什么令人惊讶的事情，三角形是很直观的东西，我们一直都在体验它们的效果。
搜索书籍封面，出现了很多具有通用设计的封面模板，其中很大一部分都是三角形组成。
您能猜到为什么吗？因为在通用的封面上，没有信息可以吸引您，没有文字，没有故事，由于缺少故事，唯一能使人兴奋的方法就是图形。
所有试图引起您注意的封面都是有角度的。成角度的形状，成角度的图案，您会在其中找到一些曲线，其实这些曲线也是成角度的，所以，这全都在于创造兴奋感，角度是能做到这一点的 ，没有用三角形的模板，可以说它更加平静，但是这些很有趣，因为它们也不太通用，他们开始讲视觉故事，讲它的元素纹理等等。即使像书架上面摆放的书，也可以使一些书本倾斜，增加角度，破坏事物的稳定性。
所以，您可能会发现三角形最大的用处就是：角度增加了能量，兴奋，惊喜和破坏的感觉。
这位老师是不是讲得很透彻？接下来看一些关于三角形版式的设计作品，后面就是本人练习的一个三角形版式案例，在这个案例当中我还是碰到了一些问题以及我是如何解决的。
下面的网页版式欣赏由于页面效果比较长，想了一些方法都是很占版面，最终还是拼凑到一张上面，因为网页的高度很高，高度不统一。
三角形在网页中的应用
上面图片展示了5个网站的版面设计，都是大面积运用三角形分割来布局的，很大胆，有新意。
三角形在其它地方的应用
（以上图片均搜集整理于网络，版权归原作者所有）
《我的歌单》最终效果
之所以要偿试做一版这样的案例，是因为以前找三角形案例时发现了这样的一种版面，比较特别，它是用三角形穿插在页面中央。到底布局有没有显得更加丰富，有没有视觉引导呢？
《我的歌单》取了一些当时那个时间段常听的几首曲子，然后配图就刚好拿着这些歌手的图片，这样文案和配图就都齐全了。
一开始着手做也是盲目的用钢笔工具画不同的三角形，照着一顿乱画，画完之后发现歪歪扭扭的，没有横平竖直，更要命的是PS里面是没有那种斜着的参考线的，不知道其它软件比如AI 和CDR里面有没有，所以只好拿线条工具画一根45度角的线条用到哪再复制一根过去。
在画三角形的过程当中就花费了很多时间，意识到方法错了。我思索着首先应该是要画好栅格线，提前得在脑中想好我这里布局一个多大的，多高多宽，把所以有的辅助线拉好，再或者有别的更好的办法...
解决办法总是出现在发现问题之后。
然后接下来就是文字编排，当没有图片仅仅只有文字的编排时如何设计得有层次感呢？
拿这个列表页模块来举例:我们可以利用黑白灰，用不同的灰度来增加画面的深度，文字越黑就越靠前，越灰就越后退，以此来营造画面的层次感。
这个例子也充分的体现了重复性，左侧对齐性，大小对比性，亲密性的设计原则。
我这些英文可是来自于百度翻译的哈哈哈 （此处少了一个视频）
再接着就是把图片一张一张的放到这个三角形容器里，使用蒙版剪辑工具，有些就是几个三角形同时放一张，只需要注意选用背景干净的图片就好，注意留白，不要太喧闹感觉太拥挤了就好。
最后面图片放完后发现版面颜色多种多样，不同的明度饱和度需要统一。我在图层混合模式中新建了一个渐变映射，选择所需要的颜色再降低不透明度就一键调完啦，前面在关于双色调的文章中就有写到用渐变映射工具，这个工具在调色效果中果真是太好用了。
有个别明度比较暗的呀，对比度不强的图片再单独微调，保持整体调性即可。
渐变映射一键调色
比如任贤齐的第一张图片过暗需要进行相应的调整达到统一的效果。
希望对大家有用，同时号召大家多多练习起来。
如果这篇文章有用的话就给我来个肯定的赞吧么么哒。
