2022 年文字组合排版的设计趋势!!!

小叔设计

2021-11-29 16:09:17

想让您的设计快速改头换面吗?使用新的和有趣的排版趋势可能是答案。设计师正在使用大胆的颜色、剪裁、渐变甚至自定义来创建引人注目的字体。
更改字体或以流行风格重新创建图像或标题可以使设计焕然一新,而无需进行全面检修。不知道从哪里开始?此列表以排版趋势和示例为特色,作为如何使用它们的灵感。


斜体

这是一种您可能意想不到的排版趋势——斜体。

长期以来,斜体字体一直是网站设计中几乎从未使用过的东西之一,它无处不在。从英雄标题到较小的文本元素,再到与另一种字体配对的重音词,斜体排版正在流行。
斜体通常以这样一种方式使用,即它们与周围的类型元素混合,甚至使用粗体或下划线(例如上面的示例)来最好地混合。


“不可读”层


接下来的两个排版趋势有些相似,但都打破了一个意想不到的规则:它们有点不可读。但这没关系,因为设计的其余部分填补了空白并保持站点的交互性。
图片
在这个趋势示例中,超大文本元素位于前景元素后面的图层中。屏幕上的所有其他类型元素都具有高度可读性,可以为不是的元素提供大量支持。
在上面的示例中,前景对象也会在文本上淡入淡出,以便您可以来回阅读。

离开屏幕的文本


跟随“不可读”图层的趋势是文本元素失去可读性,因为它们在屏幕上和屏幕外都有动画。这种排版效果无处不在,通常搭配超大字体和几个向屏幕左侧滚动的单词。
图片
当屏幕上没有太多其他动作并且只需几秒钟的观看时间即可阅读文字时,这种排版趋势效果最佳。如果文本太复杂,你就有可能让用户永远搞不清楚这些词在说什么。
图片
与前面的示例一样,请确保支持文本元素提供大量信息,以便人们准确了解设计的内容。


实验字体




图片
实验字体风靡一时,具有表现力和有趣的风格,为设计项目增添了很多个性。实验字体有很多不同的形式——它们可能包括时髦的形状或笔触、颜色或动画。
这些类型样式的最佳部分是它们可以为项目注入独特且非常具体的氛围。


衬线


衬线又回来了。曾经被认为“难以在线阅读”的字体,在字符上带有微小的额外笔画的字体随处可见。

顺便说一句,在线衬线的可读性问题完全是个神话。 如果您想在 Web 项目中使用衬线,请寻找具有规则到较粗笔画的字体样式,并在涉及上行、下行和衬线或连字时注意行距,以便每个单词都易于理解。


从简单的方形衬线,例如上面的例子,到更精致的华丽,这种排版风格具有如此多的个性和魅力。它可以为简单的设计轮廓和那些很好地利用空间的轮廓添加一个很好的提升。


短而粗的字体(低 X 高度)

另一种主要流行的字体样式是身材矮小和姿态宽阔的字体。许多这些字体都具有全部大写字符集,但是当它们具有小写字母时,可以通过较低的 x 高度来识别。
图片
当画布上没有太多竞争时,这种类型的风格往往效果最好。由于可读性,它也最适合较短的单词或短语。
图片
这些短而粗的字体也最适合具有超现代感的设计。在许多情况下,它们的范围和设计几乎是未来主义的。


手写样式


当涉及到显示字体时,Sharpie 标记样式在网站设计师中非常流行。并且有很多手写字体可供选择,以便您获得恰到好处的外观和感觉。
图片
当前的大部分手写字体趋势都集中在带有大写和小写字符的印刷字母上,这些字母的笔画较粗且略显粗糙。
图片
字体可能还包括一些额外的装饰,使某些字符感觉更加特别。当涉及具有更多草书或脚本类型设计的手写样式时,您可能会发现长尾和精心设计的花体。


轮廓字体



图片
大纲字体是一个大问题。 您会在主要副本的网页的英雄区域中发现这种趋势。虽然用途有所不同,但您几乎每次都会发现一些元素:
  • 无衬线字体

  • 大纲字母的全部大写文本

  • 搭配填充字体

  • 超大文本元素


图片

大纲字体选项使用起来会很有趣。你只需要在可读性方面保持谨慎。字母可能会很快消失在背景图像和视频中。所以要注意颜色、对比度和位置。 并且不要过度。大纲字体最适合强调重点,而不是创建整个信息。


左对齐


图片
左对齐文本可读、优雅,并且可以创建具有经典感觉的偏心平衡。
图片
使用左对齐排版的技巧是注意换行符和文本的大小。将整个文本元素视为单个元素。更多的文本行和更多的单词会比几个单词感觉更大。相应地调整大小和行距。 为了获得更一致的感觉,请考虑将其他元素也对齐到左侧。为要放置的元素创建一个网格“边距”。


圆形无衬线字体


这是一个几乎任何人都可以使用的趋势,它非常简单,您可能在开始寻找之前甚至都看不到它。项目中包含圆形、简单的无衬线字体。
图片
这种趋势的伟大之处在于它适用于所有事物。圆形无衬线字体是最易读的字体之一。大多数使用这种趋势的设计师也使用具有足够字母间距的中到粗笔画的字体。 关于这种排版趋势的一切都以最佳可读性为中心。

微妙的渐变


设计师似乎无法获得足够的渐变。(我承认自己是其中之一!) 作为排版重点的微妙渐变是这一趋势的下一个演变。
图片
这种趋势的好处在于渐变非常微妙,您甚至可能一开始都看不到它们。颜色略有差异,有助于吸引眼球穿过字体。
图片
渐变最好与较粗的字体一起使用,并强调特定的单词或短语。 注意不要做得太多。一个好的文本渐变可以在整个单词中保持一致的对比度,这样阅读起来就不会刺耳,并且与背景分开。


动画排版


设计中最大的整体趋势之一是动画。并且没有理由这也不适用于排版。
图片
更多的设计正在使用移动、移动或受悬停状态影响的字体(例如上面的示例)。所有这些技术都可以带来更具交互性、更丰富的用户体验。
在为文本制作动画时,重要的是要考虑用户阅读信息的方式和位置(某些动画元素,例如视频,尚不能在所有移动设备上正常运行)。做出调整,以便即使动画不能正常工作,仍然有一个有价值的用户体验,其中消息是清晰的。

堆叠文本块


虽然排版的尺寸趋向于更小,但它仍然具有同样的重量。设计人员正在堆叠多行文本,特别是在英雄标题中,以获得包含更多字词的加权消息。

图片

这一趋势很重要,因为它显示了一种转变,试图更全面地与用户沟通,而不是期望一个词就足以吸引人们参与设计。以视觉上吸引人的方式呈现的更多信息可能是导致更多用户参与的更好解决方案。

图片
堆叠多行文本时的关键考虑因素是找到一种在与更多字母一起使用时可读的字体(甚至在使用所有大写字母时,这是一种流行的选择),具有足够的行距,以便行易于区分并且副本中的中断是合乎逻辑的。堆叠文本时,行与行之间应该有明显的流向,这在如何阅读文字方面很明显,并且用户应该在设计的任何其他部分之前移动到下一行副本。
图片
由于换行和易于阅读的挑战,文本堆栈通常位于屏幕的一侧,以便设计师有更多的控制权。这种结构还可以在文本元素和屏幕上的另一个视觉效果之间创造和谐,以实现吸引人的不对称平衡。


彩色字体和类型


彩色字体是一类属于它们自己的类型,并且随处可见。它们比许多人最初预期的更受欢迎,并且在设计项目中具有有趣的应用。
图片
虽然有很多更简约风格的黑白文本,但颜色正在回归。许多设计师正在使用色彩鲜艳的字体和最小的样式,例如上面的倾斜椅子。颜色可以增加额外的视觉趣味并强调颜色中的文字。
图片
明亮的选项,例如示例中的红色,有助于吸引眼球,并作为传递信息、建立品牌标识和吸引用户参与设计的绝佳跳板。


突出显示类型


这是令人惊讶的趋势之一:荧光笔式强调字体以创造强调。
图片
从简单的高光到从背景中分离出的文字,再到下划线到动画高光,有很多方法可以使用这种类型的设计趋势。虽然当你描述它时可能听起来有点奇怪,但实际的视觉效果非常令人惊叹。
图片
这种技术最适合您真正希望用户看到的词。对于较短的文本块,它也能更好地工作,这样高光就不会被压倒并接管设计。


剪裁和叠加


分层效果是使设计看起来不那么扁平的好方法。用排版来做这件事可能是一个不错的选择。


图片
剪切和叠加是指没有颜色填充的文本元素。切口允许通过字体设计显示背景层中的任何内容,例如上面示例中的动画运动图像。覆盖通常是背景上的透明字体,这样您就可以在阅读字母的同时看到背景。

图片
这两种技术都有很多视觉兴趣,并且可以很有趣地创建。它们最适合使用大字体、字数不多和显示字体。


带有渐变的文本


有史以来最被低估的设计技术可能是渐变。由于使用不当,它的声誉很差。但是如果做得好,渐变绝对令人惊叹。上面的示例 Design Spin 就是这种情况。
图片
标题的右侧部分具有简单的蓝色到绿色变化。它易于阅读和理解,并将重点放在正确的位置。渐变感觉现代和新鲜,并且比单独的单一颜色增加了更多的视觉吸引力。它非常适合页面的最小设计,并且通过滚动按钮中的渐变,有一个从主要排版到用户应该采取的下一步的方向提示。


“过度”效应

在谈论任何设计技术时,并不经常使用“过度”。但是当谈到过度的排版趋势时,它可以工作。
图片
这种类型的趋势具有复古的感觉,其特点是文字和文字效果非常夸张,您必须阅读文字。有轮廓、阴影、斜角、褪色和疯狂的颜色。没有任何影响。


结论

就个人而言,排版趋势是我最喜欢深入研究的事情之一。刻字是所有设计的重要组成部分。



文章来源:术心

版权声明:【除原创作品外,本平台所使用的文章、图片、视频及音乐属于原权利人所有,因客观原因,或会存在不当使用的情况,如,部分文章或文章部分引用内容未能及时与原作者取得联系,或作者名称及原始出处标注错误等情况,非恶意侵犯原权利人相关权益,敬请相关权利人谅解并与我们联系及时处理,共同维护良好的网络创作环境,联系邮箱:603971995@qq.com】

0条评论

    品味到位的宠物粮包装,开创宠物轻食新时代!

    随着社会的发展和人们生活水平的提高,越来越多的家庭选择养宠物来丰富自己的生活。宠物已经成为我们生活中
    包兄 0评论 2024-04-06

    这些养生保健品包装,“年轻化”的设计门路在哪?

    大健康时代背景下,人们越来越注重健康和养生,而养生保健品作为一种健康保障,受到了越来越多的关注和青睐
    包兄 0评论 2024-04-06

    俄罗斯顶级设计团队 Shuka Design

    Shuka 是一家来自俄罗斯的品牌设计机构,成立于2003年,拥有战略、图形、数字和动态设计方面的专
    Designcola 0评论 2024-04-03

    环保包装新玩法,让世界变得更绿色

    在当今这个快速发展的时代,品牌的力量不仅仅体现在产品或服务上,更在于品牌所传递的价值观和责任感。ES
    小象智合 0评论 2024-04-02

    2024 年JAGDA 奖:新发展、新活力、新潮流

    近日,日本平面设计师协会公布了2024年日本平面设计的最高奖项JAGDA奖的获奖作品和设计师,共有1
    李萌 0评论 2024-04-02

    宫崎骏最后一部动漫作品定档,海报很惊艳!

    3月11日,宫崎骏新作《你想活出怎样的人生》(《苍鹭与少年》/(君たちはどう生きるか))斩获了202
    大大君 0评论 2024-04-02

    原研哉重新设计茑屋书店LOGO,字母“T”?

    茑屋书店的品牌设计由日本设计大师原研哉领衔创作,极简的字体标志和整体黑白的风格给人留下了深刻的印象。
    LOGO所 0评论 2024-04-02

    原研哉又出新作了,还是一如既往的极简风格!

    三年一次的濑户内国际艺术祭,即将于2025年迎来第6届,而在艺术季登场的同时,“直岛”也将同步迎来新
    logo设计视觉 0评论 2024-04-01

    日本新锐设计师 川尻竜一 Ryuichi Kawajiri

    川尻竜一 Ryuichi Kawajiri,平面设计师,JAGDA 会员、札幌 ADC 会员,198
    Designcola 0评论 2024-04-01

    版式设计关键:精通留白!

    设计的起点:概念思考每一次平面设计之旅都始于一个核心概念。这不仅是设计的起点,也是其灵魂所在。概念的
    DAWEI 0评论 2024-04-01

    热辣出炉!《新裁——北京服装学院2023届本科生毕业作品集》 设计别出心裁

    “POIESIS新裁”是北京服装学院2023届本科毕业作品展主题,寓意秉持不依旧样、不守窠臼的态度去
    北京服装学院 0评论 2024-04-01

    AI风口下,让普通设计师拥抱AI的10款工具

    不久前,平面设计师和视觉艺术家,现任微软设计和人工智能副总裁前田约翰发布了《2024 Design
    Design360° 0评论 2024-03-29

    王乃一:相异互存,在可能的世界意外相逢

    #01 这不是非此即彼的对抗从最初对激进设计的转向,到前瞻式的探讨共创,“思辨设计”的横空出世带来了
    Ewbar 0评论 2024-03-28

    童趣满满的农副产品包装,有点不一样!

    蛋哆哆,源自自然的味道,承载健康的承诺。我们坚守品质,精选土鸡,自然养殖,让每一颗鸡蛋都充满大自然的
    包兄 0评论 2024-03-28

    霸占时尚圈之后,无衬线logo开始进攻艺术圈!

    无衬线字体标志的设计趋势大概从2017年开始流行了起来,这些公司好像觉得视觉独特变成了一种障碍,最好
    Wayne 0评论 2024-03-27

    艺术与设计APP

    • 最新最热
      行业资讯
    • 最新最热
      行业资讯
    • 最新最热
      行业资讯