衬线字体排版有片刻。从细线到有趣的形状,甚至是现代衬线,这种趋势正在接管新的网站项目。衬线的最大优点是,它们可以根据字母格式的样式为设计添加某种风格。
这种趋势正在以多种方式使用复古风格的衬线。(我们最喜欢的选项是将复古衬线与简单的无衬线配对的显示文本,以创建醒目的对比度和多样性)。
这是如何通过一些实例来很好地利用这一趋势的方法,这些实例涵盖了各种不同的设计风格和壁ni。
复古衬线加Sans
很难定义什么使衬线字体“复古”。感觉和其他事情一样重要。
字体与其他元素的结合将它们融合在一起。设计师使用衬线已有一段时间的警告之一是它们看起来可能过时,但这正是我们要在这里使用的外观。
使用衬线时,最好的字体配对通常是较大的衬线和较小的文本(使用简单的无衬线)。这使衬线的个性得以体现,同时提供了最佳的可读性,并易于使用sans选项进行排版。
Isolation的明信片使用具有很多个性的衬线和简单易读的Sans字体,具有很高的可读性。极简风格(尤其是与“明信片”之类的概念结合使用时)具有明确的回头感。
Studio Chevojon使用轻衬线(有些风险,特别是带有轮廓选项)和细无衬线的完美组合。由于字体选择和大小,此处总体上的字体选择是粗体。但这引起了您的注意。
Lick用厚实的衬线来做品牌和页眉,而其他字体几乎没有尺寸的无衬线。
现代衬线
通常,这种风格使用现代衬线来创建具有人们所期望的当前氛围的正确的老式学校。
现代衬线是任何带有粗细交替的衬线字体。有一次,建议设计人员不要在线使用此字体类别,因为很难在屏幕上清晰地进行复制。多亏了高分辨率的一切,这已不再是事实,所以请随意使用它们!
我们甚至拥有100个漂亮的现代无衬线画廊,供您在这里浏览。
现代的衬线可能会使用粗细的笔划宽度,这些宽度很明显或微妙。(在这种趋势中,这是一个受欢迎的选择,在其他许多示例中,您也会看到这种字体样式。)
衬线和斜体
很难弄清为什么衬线适合使用更多的斜体,但是衬线比不使用显示字体更常见。
可能的原因是,您使用衬线斜体获得更多的差异化。角色以一种更漂亮的方式使自己更适合。
如上面的示例所示,斜体字可能是增加显示类型关键字的重点的一种好方法。
Rubel&Menasche使用多个斜体词在文本块中吸引眼球并展示其品牌。
费尔南多·普恩特(Fernando Puente)使用斜体告诉别人他在他的投资组合页面上的身份。请注意,斜体选项使这些单词看起来与其他文本不同。
Mod“感觉”
使某种东西真正复古的部分原因是对历史上另一个时代的敬意。上面示例中的字体具有Mod风格,唤起了这种情感联系。
Ratvader的Dreamgenerator具有童话般的感觉,几乎可以瞬间将您带入童年。
Ultima Capital使用带有复古感(几乎是1970年代风格)的镂空刻字和背景图像滑块来使其保持现代感。
动画和衬线
为了确保字体看起来不会过时-与复古可能会有很大不同-结合现代效果是关键。带有衬线字体的动画使设计保持新鲜感和质朴感,而又不至于过时。
从移动字母到在文本元素周围移动的滑块或草稿,有多种方法可以将动画添加到设计中而不至于使动画不知所措。
虽然您可以摆脱诸如Legenda(上图)之类的字母移动的困扰,但这可能是一项棘手的技术。最好的选择是在文本周围使用动画元素以确保新鲜感。
所有大写
虽然所有大写字母的排版确实具有您的面部表情,但是当您有重要要说的内容时,它可能会很有效。
上面的示例使用字体完全不同的全大写文本来完成同一件事–强调关键消息传递。
选择所有大写字母时,请特别注意可读性。这些词是否更具装饰性,还是需要缓慢而有意识地引入?这两个选项都是可以接受的,并且您选择的字体会歪曲该答案。做出明智的选择。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/258952.html