设计中的圆、方、三角！
不一样的“玩法”...
图/文
晋小彦七巧板，或许我们小时候都玩过，我们曾利用它简单的拼出我们想像中的各种动物花鸟的形态，有时我们也会有意外的造型收获。
正如这七巧板，圆形和方形与三角形则是造型结构中的精髓元素的归纳，即使再丰富生动的物体也可以由它们组成。现在我们利用它进行网页框架的打造，不知道会不会有意外的惊喜呢。
说说——三种基础形态组合的视觉盛宴
圆 它由弧线组成，外形光滑圆润饱满，这样的形态通常让我们浮现一些可爱、灵动的、有亲和力的画面想像，它通常在一些Q版的、欢乐的主题中较常出现。
方 这是一个最整洁的形态，它由直线构成。它在门户网页和报纸的排版中最常出现，因为在阅读浏览方面方形可以尽量排除形态上的干扰，横平竖直以最整洁的方式梳理信息。所以方形经常出现在信息量较大的页面中，或者庄重的、严肃、情感内敛的主题中。但方形这种横平竖直的、一丝不苟的整齐有时也显得呆板、生硬。
三角 它是由折线尖角构成的，形态上有急转直下的意思，尖锐的造形给人以强烈的情感刺激和反差。倾斜的角度也会带给人以速度感。所以三角的形态给我们带来的感受通常是刺激的、运动的、时尚的、尖锐的。这样的形态时常会出现在一些，时尚运动品牌、或体现速度感、暴力、刺激等主题中。
简单的说来圆方三角的优点就是在形状的理性情感牵引下，利用拼图和类泼墨的方式打破习惯性思路，创造在自己预想之外的新奇效果。
注意形的情感和空间想象 根据主形的不同，画面会产生不同的情感，把握情感可以增强哦们对空间的想象。在联系过程中我们可以感受到未来页面丰富的形态变化。
我们只是在此作了一些简单的尝试，圆方三角的组合还有许多。在日常的页面设计中我们可以根据内容进行页面基础框架的打稿。
上图是一个以方形为主三角为辅，小圆为最次的形态。这样的形态是丰富而饱满的，含有三种元素，并且有主有次。在我们打好满意的框架造型后就可以开始实物化的设想与制作了。
在确定了要转换的对像并排布出相对合适的内容摆放位置后，我们便可以安心的开始细化它的质感颜色层次，并加上一些细节元素使整体表现更丰富饱满。细化的过程主要有三个内容。
颜色 圆方三角的组合是由粗到细由概念到具像的过程，所以它可以比较自由的把握色彩搭配关系。我们可以在建立圆方三角初期模形的时候就尝试定义其色调，以免后期细化后再繁琐的调整。
内容布局 在信息排版的时候，因为其不规则的形状，我有时需要适当调整字符和图片内容，并把握疏密和节奏。这个步骤接近于《抄现实》的分块环节。
形态细化 颜色和内容布局敲定后，我们就可以对形态进行细化，加入质量和细节，并添置与之对应的装饰。一个页面便可以大体完成了。
看看——设计是一个理性+运气+联想的过程
这是一个俄罗斯方块游戏，圆形的主形，使整体形态的主线感情更加有趣、Q版、灵动。时钟分块构成的三角，给人游戏的刺激感。背景隐藏的方块，一方面表示了这是一个俄罗斯方块游戏另一方面又使圆方三角的造型更加饱满。主形明晰，形态层次丰满。
初看这个页面似乎很难找到它的主形，但通过辅助线我们可以看到它的三角形态，与游戏LOGO的边三角相互呼应。在主形与LOGO的交接部分搭配了弧线，这种形态配合了游戏本身界与Q版与写实之间的游戏角色风格特点。两边的直线使整体的形态结构进一步饱满化。整个页面虽然各自为块，却浑然一体，刚柔并济。
三角做为这个页面的主形，配以人物形成强烈的透视，给人以强大的视觉冲击力。第二层形是圆形，它隐藏在棕色地面的弧形轮廓中，并与远处的蓝色地球呼应，第三层形是方形，它体现在游戏地图的方格中和地面的方格纹理中。主形冲击力强，圆方三角配合巧妙、形态饱满。
这是一个基本由纯粹圆形构成的页面，画面柔和、可爱、灵动。文字排版的隐性方块稍稍弥补了圆形造形的单一。整体页面相对丰满、有趣。
关注 平面设计
微信扫一扫关注公众号
