扁平化网站想玩出创意，或借色彩之风，或凭动画之趣，但两者都得技术足够扎实，新手设计师们，今天分享一个另辟蹊径的创意技巧，利用花样迭出的形状与角度，也能将扁平化网站玩得风生水起，具体方法，学了就知道！
网页设计中不常用的形状IrontoIron这个网站是由两个家伙做的，一个网站开发者和一个设计师（快乐组合！）。他们使用对称的菱形（或者旋转的方块）来构成着陆页，在下面他们使用相同的形状展示他们的作品。
RallyInteractive这个网站非常独特，使用了三角形和鼠标悬停动画。在鼠标悬停之前，它们很小，而且是黑色的，当鼠标悬停在上面的时候，三角形发生了倾斜。
ArnaudBeelen这个比利时平面设计师在他的斜插式布局的盒模型中添加了大约12.5度的倾斜，这使得它非常独特。
NeoLab这个网站使用菱形中的菱形作为它的独特设计。当你的鼠标悬停在小菱形上的时候，一个黑色半透明的标签覆盖在菱形上。
WitCode这个巴西网站有着真正灵动的设计。把一张小方格图案的纸样作为背景，页面里充满了菱形以及滚动动画。导航点使用手写标签，并且随着页面滚动向下移动。与众不同的是，我们为这个网站做了两张截图。
Forbi这是另一个与众不同的设计。整个设计使用了菱形、顶部和底部添加了额外角度的矩形，有角度的线…甚至还有一些普通的正方形和长方形！
QoobRoom这个俄罗斯网站使用了不少菱形的形状，主要是仅供装饰，尽管着陆页的实心绿色菱形是个链接。在你浏览页面的时候，里面也有很多不错的滚动动画。
Peppermint这个网站使用不同大小和形状的五边形，没有填充或者填充了纯色。一些小动画效果和手写草图为这个网站添加了独特的外观。
BeVisionare着陆页上形状组成了一张非常精美的插画，它们都是有着不同角度的矩形，加上像是右边非常明显的曲线。这个网站使用了柔和的复古色，幽灵按钮和滚动动画效果。
ClementZezuka这个作品集网站非常独特。使用时间线组织内容，当你向下滚动的时候，时间改变，页面中间的菱形会展示当月项目的名称。背景的阴云也有微小的动画。
VonVape这个网站的设计从产品标志演化而来，使用了一个正放的大V和一个小一些倒放的V。非常具有创意且独特。
Airnauts这家公司，首先有一个非常角度导向的标志设计。着陆页使用节点化的三角形形状动画，屏幕的黑色区域和红色区域都有。当你向下滚动页面，两部分旋转并让屏幕变成红色，然后变成黑色。
YamahaGinza这个网站和我们单子上之前的一个有点像，都是用斜插式布局，并且使用菱形来切割图像及链接。它是一个垂直的、无限滚动的网站，而且实际上，它自身也在慢慢滚动。
Piropixel这个西班牙网站使用旋转的矩形作为所有形状的容器。丰富的泥土色调为其设计增添了优雅的感觉。注意咖啡杯中的那些菱形（Piropixel的标志）！
GlebLeksikov这是一个很暗的设计，完全使用菱形布局，而中间的大菱形很好地切割了图像（链接）。我增加了截图的亮度以显示页面的层叠效果。
Wixel这个网站的着陆页完全由三角形组成，有一些放在一起组成了矩形。当鼠标悬停在链接上的时候，一个黑色标签覆盖底部的三角形。悬停在导航菜单上的分类时，会出现一个黑色倾斜的矩形。
PerspectiveWoodworksDesign网站中所有的图像和内容都放在了菱形里。着陆页的图像都只是装饰，不过向下滚动有一些菱形是链接。
BuiltbyBuffalo这个网站开发机构使用了蜂窝式六边形布局以展示他们的作品。
JessicaCaldwell网站开发者JessicaCaldwell的作品集网站，这是具有勇气和创意使用不寻常角度的网站例子。菱形网格布局只是白色背景上的灰线，在你鼠标悬停在那些白色菱形上的时候才会出现内容。然后当你在鼠标在菱形上划过的时候，链接再次消失。简约至极的设计！
结论角度和不寻常形状是设计者们找到的为扁平化网页设计添加创意和趣味的方式之一。现在使用这些风格的网站相对较少，不过在可见的将来，这么做的网站会越来越多。
本文来源：看白癜风哪个医院看的好看白癜风哪家医院好