从左到右,从上到下,这是我们习惯的探索书籍,文档,网站,广告,小册子等内容的途径。一般来说,横向第一。所以当事物按照y轴排列时,它总是感觉像是一个干扰力。
 
垂直方向的魅力去年开始为主要导航菜单设定节奏时变得明显,因为设计师认为这是一种有趣的技术,可以增强美学效果。要完全诚实的,分裂的主页(网站二崁Demiroglu是一个很好的例子)是垂直方向的产品,已经在趋势的几年。



但是,今年,它全面展开了脚步,开始规定接口不同元素和方面的规则。如果你注意,你可能会注意到它到处都是。与大多数迅速入侵设计并最终变得令人讨厌的趋势不同,该解决方案不会感到过度使用,也不会过时; 相反,它看起来像一个蛋糕上的锦上添花。
 
像“美味的巧克力洒”一样,它几乎可以使界面的任何元素受益。让我们从小的用法开始,到结束掌握主流的网站。
 
在一个简单的步伐
 
我们的第一站是通过单一或次要使用垂直对齐元素来区分自己的网站。在传统的水平随从中,这种注射给予普通美学卓越的香料而不费力气。
 
这一趋势可以作为一种方式来:
 
呈现专业领域。检查Rob Mills的个人投资组合。一堆垂直面板巧妙地包围了所有方向,并创造了一种愉快的秩序感。


 
传达像IMS Productions的主页这样的信息,垂直排版处理与诸如轮廓矩形和条纹状背景等装饰元素的完美结合使信息成为焦点。


 
像Taika Strom一样组织内容流。这里的内容密集地位于中心,左侧和右侧都有空白区域。这为读者形成了一个突出的视觉途径,从而避免被忽视的信息。


 
给品牌标识一个像Gera&Rod这样的特殊位置。装饰印刷标识标志的雄伟花卉中心立即成为人们关注的焦点。


 
如果你认为这种趋势只适用于一般目的,那么你错了,因为它可以在现在非常规和意想不到的地方找到。您习惯于看到的界面元素主要得到延伸,最重要的是从中获益。例如,Momento Multimedia和Two Chimps Coffee。



第一种选择支持以全高而不是全角描绘图像的滑块。这个技巧使可视内容几乎与左边的文本块具有相同的优先级。
 
后者有一个整洁简约的头版,侧面有两张直线轮廓图,讲述故事并确定情绪。这种方法也适用于非静态艺术; 看看旅行之心 - 西南快速奖励网站。



它有一个小型展览,展示了一些电子艺术作品,其中一个以受欢迎的地区为特色。与前面的例子相比,它看起来很人造,但它仍然具有磁性个性。



认真对待趋势
 
“ 投标艺术”,“ 帆布联合”和一年设计公司回顾一年的网站背后的团队并没有停下脚步,他们最终摆脱了这一趋势。让我们仔细检查它们。
 
作为一个艺术孵化器,艺术投标避免了使用插图方法的平庸性,并证明每个人即使没有如诗如画的环境,也可以传授创造力和阶级的印象。
 
虽然内部页面相当传统,但主页捕捉了垂直方向的巧妙用法。基于文本的标识,向下滚动指示器,滑块,汉堡菜单按钮都具有增强垂直吸引力的元素。
 


帆布联合比艺术投标更保守; 不过,对于那些打算在设计中使用多于一个或两个垂直对齐元素的人来说,其趋势值得关注。在这里,堆叠的社交媒体链接,微小的滑块分页按钮以及奇妙的条纹状背景构成了一般美学的基础。



“一年回顾”的着陆页包含四个主要元素:标语,动态背景,感谢列表和号召性用语按钮。垂直平面中的前三个谎言自然地引导用户从上到下。



美的垂直取向
 
小用法很难出错。毕竟,它仍然是一个传统的网站,它位于水平位置,细节在y轴上很好地对齐,并且没有大声或压倒性声音。但是,如何创建一个垂直方向位于整体美学核心的网站呢?很像其他任何趋势,应谨慎实践。如果你过分了,这种倾向将会打破和谐。这是一个大胆的举措,但是如果明智地做到了,它将带来美妙的结局。考虑Crazy和Carazo Arquitectura。
 
这两个网站都经过精心构建。垂直飞机在他们两人身上印上了迷人的个性。注意对齐如何为界面的基本元素注入新的活力。
 

Crazy的主页只有两件事符合传统的X轴:标识和汉堡包图标。其他一切都是正直的。从视觉上来说,你可以定义三个明显的差距和秩序感。设计突破了经典结构,并且具有视觉吸引力。
 
Carazo Arquitectura的首页使用垂直对齐的元素作为装饰细节。虽然中间的图像保持精确的长方形,但导航,标语,标题和滑块分页以及精心散布在整个屏幕短线中的一堆补充仍保持直线,仿佛吸引人向下移动。设计复杂而优雅。



结论
 
偶尔,只需改变一个角度就可以走出困境。垂直方向是一种非常熟悉的技巧,但仍然能够给无聊的事物带来生动的热情。此外,无论是滑块还是装饰品,它都可以很好地适用于界面的任何元素。