网页设计中的使用垂直排版文字的案例有哪些

我们认为在网页设计中没有多少使用垂直方向。传统上,它是一个水平节奏统治栖息地的地方,尽管这并不意味着一切都应该绕着它旋转。通常,开发人员坚持使用传统模型。然而,习惯性阅读流程的多样性和偏差可能是有益的。更重要的是,你不需要采取极端措施。小剂量的垂直方向足以产生适当的影响。

Archi Graphi

在这里,创意团队通过将其旋转90度并水平反射来扭曲基本导航。你应该从下到上阅读 – 这很不寻常,但很有趣。因此,欢迎屏幕在没有所有这些压倒性的中心部件的情况下充满了热情。此外,请注意顶部标题:它感觉非常宽敞,标识通过看起来突出而不费力而得到整体关注。这是一种聪明的方法。

网页设计中的使用垂直排版文字的案例有哪些

莉迪亚·阿马鲁奇

还有一些其他特殊的例子,垂直刻字就像锦上添花。考虑Lydia Amaruch和她的在线作品集。

与Archi Graphi的情况非常相似,这里垂直节奏的使用是偶然的,但经过深思熟虑。有一个传统的流线型水平导航,但它只包括必需品。所有其他的都被拉到了一边 – 字面意思。它们与背面的垂直条纹相呼应,营造出和谐美感。

网页设计中的使用垂直排版文字的案例有哪些

呦:哈

哟:哈采用相同的方法。主导航隐藏在汉堡包按钮后面,主页和社交媒体的链接仍然在表面上。再次注意整体主题。在这里,可以在各种细节中看到垂直节奏,例如分为三个半透明面板和细长符号的滑块。一致性标志着本网站的设计。

网页设计中的使用垂直排版文字的案例有哪些

Ivan Ibanez / Gothamsiti

Ivan Ibanez和Gothamsiti背后的团队向我们展示了如何将垂直方向应用于整个导航。事实证明,使用起来很方便 – 更不用说它引人注目的外观了。请注意,这两个示例具有不同的主题,情绪和氛围。但是,在这两种情况下,垂直导航都像手套一样。

Ivan Ibanez的个人作品集拥有四四方方的氛围。有空心块,分体布局,超薄线条和大量的白色空间。垂直导航完美地完成了设计。

网页设计中的使用垂直排版文字的案例有哪些

Gothamsiti设计背后的创意人员定位了英雄区周边的链接 – 将每个人放在一个角落里。通过这种方式,没有任何东西分散了神秘和令人毛骨悚然的欢迎屏幕的注意力。同时,所有网关都暴露在外,让用户感觉舒适。

网页设计中的使用垂直排版文字的案例有哪些

Prime Park Sessions

让我们远离导航,探索作为内容一部分的垂直字体的例子。

由于垂直方向看起来对我们大多数人来说有点奇怪,因此它可以用来特别强调关键的东西,例如标语。这个想法可以在Prime Park Sessions中看到。在这里,该机构的铭牌是向左的,就在我们通常开始阅读的地方。它还反映了右侧的垂直导航。因此,设计感觉完整且视觉上有趣。

网页设计中的使用垂直排版文字的案例有哪些

豪华别墅

Luxury Villas设计背后的团队使用垂直方向显示标语。后者也具有相对宽的背景,因此它看起来像侧边栏。虽然它不仅仅是一个普通的侧边栏,但却是热情的侧边栏。这很聪明。

网页设计中的使用垂直排版文字的案例有哪些

Kitamura Makura / Canatal

另一种从趋势中获益的方法是将其用于标题。考虑Kitamura Makura和Canatal。

在讲述故事时,两个团队都倾向于将用户的注意力集中在重要的事情上,例如内容,而不是字幕。因此,标题向右移动并旋转90度,从而自然地让位于文本。

在Kitamura Makura的情况下,标题已被推到右边缘,使其感觉像导航的一部分。然而,对于Canatal,标题仍然是块和整体设计的一部分。

网页设计中的使用垂直排版文字的案例有哪些

网页设计中的使用垂直排版文字的案例有哪些

保护 / 建设未来

Protec和Building the Future通过将垂直文本作为随行人员的一部分,使事情变得更有趣。

Protec具有从上到下延伸的巨大字幕。它们被小心地放在一边并显示在左侧,使内容成为首要任务。

网页设计中的使用垂直排版文字的案例有哪些

在建设未来的情况下,垂直字体甚至更大。然而,在这里它只起到装饰作用,加强了文本块顶部的传统标题。

关于SEO,这不是一个好的做法,因为标题应该是文档层次结构的一部分并且包含在相应的标签中。然而,有时你可以走出人迹罕至的道路,赢得设计而不是搜索排名的客户。

网页设计中的使用垂直排版文字的案例有哪些

郭寅麦

而对于西方世界而言,垂直节奏感觉就像是非凡的东西,是一种可行的技巧,可以为传统设计增添热情,对于我们东方的朋友来说,这是最自然的事情。我们来看看Kwok Yin Mak。

设计看起来很新鲜。传统的黑白配色方案,大量的白色空间,日志和垂直方向使这个界面看起来如此特别。这种趋势在国内感受到。然而,即使我们期望它在这里,网站背后的团队已经设法将其从看起来微不足道。

网页设计中的使用垂直排版文字的案例有哪些

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/261513.html

(0)
上一篇 2022年5月24日 16:54
下一篇 2022年5月24日 16:54

相关推荐

发表回复

登录后才能评论