网站设计中的垂直字体。

我们都很容易对平凡的事物感到厌倦,我们渴望一些原创的、独一无二的东西。这就是为什么普通的网站设计主页面需要充满了古怪的想法,它们的目的不仅是为了给用户留下深刻印象,而且也满足用户对创造力和原创性的渴望。

然而,动画和图片的解决方案并不是唯一能达到目的的东西。打破常规,即使是最琐碎的事情也能达到同样的效果,垂直字体就是很好的证明。近期在网站设计中它变得相当流行,它已经发展成为一种微小的趋势,其中有一些ace。

我们在网站设计中很少看到垂直方向的使用,传统上,它是一个水平节奏主导的地方,尽管这并不意味着所有的东西都应该围绕它旋转。通常,开发人员坚持使用传统的模型。然而,阅读习惯的多样性和偏差是有益的。更重要的是,您不需要采取极端的措施。小剂量的垂直定向就足以产生适当的影响。

1、Archi Graphi

在这里,创意团队通过旋转90度和水平反射来扭曲基本的导航。您应该从头读到尾——这很不寻常,但很有趣。因此,欢迎屏幕上没有了那些令人眼花缭乱的装饰,却充满了热情。此外,请注意顶部的标题:它感觉非常宽敞,和标识得到了整体的关注,没有太多的努力,看起来突出。这是一个聪明的方法。

网站设计中的垂直字体(图1)

2、Lydia Amaruch

还有一些特殊的例子,垂直字体就像蛋糕上的糖衣。想想Lydia Amaruch和她的在线投资组合吧。

就像在Archi Graphi的情况下,这里使用的垂直节奏是插话,但深思熟虑。有一个传统的流线型水平导航,但它只包含了必要的部分。其余的都被拉到了一边——确实如此。它们与背部的垂直条纹相呼应,创造出一种和谐的美感。

网站设计中的垂直字体(图2)

3、Yo:Ha

Yo:Ha取了同样的方法,虽然主导航隐藏在汉堡包按钮后面,但是主页和社交媒体的链接仍然在表面。再次,注意整个主题。在这里,垂直的节奏可以在各种细节中看到,比如滑块被分成三个半透明的面板和细长的符号,一致性标志着这个网站设计。

网站设计中的垂直字体(图3)

4、Ivan Ibanez / Gothamsiti

Ivan Ibanez和Gothamsiti背后的团队向我们展示了如何将垂直方向应用于整个导航。事实证明,它使用起来很方便——更不用说它引人注目的外观了。注意,这两个例子有不同的主题、语气和氛围。但是,垂直导航在这两种情况下都非常合适。

伊凡•伊班尼斯(Ivan Ibanez)的个人作品集有种四四方方的感觉。有空心块,分裂布局,超薄线和大量的白色空间,垂直导航完美地完成了设计。

网站设计中的垂直字体(图4)

Gothamsiti设计背后的创意是在主页面区周围放置链接——将每个链接放置在一个角落。这样,任何东西都无法将人们的注意力从神秘诡异的欢迎屏幕上转移开。同时,所有的网关都是暴露的,让用户感到舒适。

网站设计中的垂直字体(图5)

5、Prime Park Sessions

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

因为垂直方向对我们大多数人来说看起来有点奇怪,它可以用来强调一些重要的事情,例如,一个标语。这个想法可以在黄金公园的会议上看到。在这里,该机构的铭牌被指向左边,正是我们通常开始阅读的地方。它还反映了右侧的垂直导航。因此,这个设计给人的感觉是完整和视觉上有趣的。

网站设计中的垂直字体(图6)

6、Luxury Villas

Luxury Villas设计背后的团队使用垂直方向来展示口号。后者还提供了一个相对较宽的背景,因此它看起来像一个侧边栏。虽然它不只是一个普通的侧边栏,但它是一个有趣的侧边栏。

网站设计中的垂直字体(图7)

7、Kitamura Makura / Canatal

另一种从趋势中获益的方法是将其用于标题。考虑一下北村、马库拉和卡纳塔尔。

当谈到讲述一个故事时,两个团队都喜欢将用户的注意力集中在重要的事情上,比如内容,而不是标题。因此,标题被移到右边并旋转了90度,从而自然地让位于文本。

在Kitamura Makura的例子中,标题被推到了右边,让人感觉它是导航的一部分。然而,对于Canatal来说,标题仍然是块和整体设计的一部分。

网站设计中的垂直字体(图8)

网站设计中的垂直字体(图9)

8、Protec / Building the Future

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

Protec具有从上到下的巨大标题。它们被小心地放在一边,并显示在左侧,给予内容最高的优先级。

网站设计中的垂直字体(图10)

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

对于SEO,这不是一个好的实践,因为标题应该是文档层次结构的一部分,并包含在相应的标记中。然而,有时候您可以打破常规,用设计而不是搜索排名来赢得客户。

网站设计中的垂直字体(图11)

9、Kwok Yin Mak

而对于西方世界来说,垂直的节奏感觉就像一些不同寻常的东西,一个可行的技巧来增加传统设计的热情,对于我们东方的朋友来说,这是最自然的事情。让我们来看看郭印麦。

这设计看起来令人耳目一新。传统的黑白配色方案,大量的白色空间,图形,当然垂直方向使这个界面看起来如此特别。这一趋势让人有宾至如归的感觉。然而,尽管我们预期它会在这里,但网站背后的团队已经设法将它从看起来微不足道中拯救出来。

网站设计中的垂直字体(图12)

10、A Pleasant Surprise

网站设计中垂直字体很少见,但它也是受欢迎的。可以肯定地说,在宇宙万物的水平状态下,是一束微弱的光让我们微笑。它能以一种意想不到的方式让您的眼睛在阅读过程中感到愉悦,并且毫不费力地把最重要的东西集中起来。

这是一个简单的方法,让事情变得有趣,而不需要重新发明轮子和额外的努力。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/226782.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年2月22日 20:56
下一篇 2023年2月22日 20:56

相关推荐

  • 网页设计如何进行?详解网页设计的8大流程步骤。

    清晰的工作流程可以让工作更好的完成,网页设计工作也不例外,网页设计通常会包含需求调研、搜集资料、网站主题确定、结构规划、主题元素构建、选择配色方案、设计实现以及反馈修改这几个步骤,接下来小编跟你详细…

    2023年3月7日
    035
  • 我来分享网站设计中常见的三个错误。

    不可否认,一个好的电子商务网站是零售商想要增加在线销售和客户满意度时需要考虑的第一件事。对于一个设计较好的网站,小编将对电子商务网站设计中常见的3个错误进行深入的剖析。1.不合理的信息量吸收信息是每个人…

    2023年6月16日
    01
  • 我来分享宁波好品质品牌网站设计厂家,宁波高端品牌网站设计。

    这座历史悠久的城市,以其独特的魅力吸引着全球的目光,而在数字化时代,宁波的企业也开始意识到品牌网站设计的重要性,好的品牌网站不仅可以提升企业的品牌形象,还可以吸引更多的客户,提高销售额,选择一家专业…

    2024年7月3日
    00
  • 为网站设计师推荐一组色彩工具。

    为您的网页设计项目设置一个基本的颜色主题可能是一项简单的任务,然而,决定正确的组合或想出一个配色方案可能是棘手的,特别是当您不知道哪种颜色工具最适合您。因此,为了帮助您为您的项目确定最佳的配色方案,…

    2023年2月23日 SEO操作
    013
  • 我来教你手机网站设计原则有哪些。

    移动互联网的发展越来越普及,手机网站的设计也被很多企业所青睐,并且着手建设手机网站。不过很多手机网站的设计并没有实现想要的效果。这其中有什么原因呢?下面我们就来分享一下手机网站设计的经验。 第一、要明…

    2023年6月13日
    00
  • 网站设计中使用的404页面。

    当您的网站有页面打不开时,不能让乱码或空白的页面影响浏览者的心情。去设计一个美丽的404页面吧,把它美美的展示给用户,当用户使用错误的URL或断开链接时,它会出现。此外,当页面URL被更改或重定向时,它也会显…

    2023年2月14日 SEO操作
    04
  • 教你网站设计的风格及色彩怎样搭配更好。

    在很多人眼中,“网站”几乎就可以等同于“互联网”。网站本身的价值正不断的被人们所发现,也不断的得到了人们的认可。“怎样才能设计一个成功的网站呢?”这一问题慢慢成为了众多网站设计师所思考,以及关注的问题。下面…

    2023年6月13日
    01
  • 我来教你网站设计需要走什么路线。

    互联网在不断的发展更新中,到现在为止全国已经有将近80%的企业拥有自己的网站,网站相当于我们的一个门面,当用户浏览网站时就可以看到与企业相关的一些信息。如今企业网站越来越多,如何才能吸引众多潜在用户呢,…

    2023年6月13日
    01

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息