热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

科技感英文字体_软件用的很6,理论也掌握了,就差搞懂字体了?

字体是视觉设计中最重要的传达元素之一,字体本身的视觉特性和品质影响着信息传递的质量,英文字体有自己非常完善的系统,如果要精通则需要从字体的
e998780b6bc2ee99e7a5a1cda3447da1.png

字体是视觉设计中最重要的传达元素之一,字体本身的视觉特性和品质影响着信息传递的质量,英文字体有自己非常完善的系统,如果要精通则需要从字体的历史与形成,文化属性细细研究,限于文章篇幅,这里只从个人的感受出发写一些更偏向于应用的内容。

英文字体的

分类

-

英文文字大致分成三类,衬线体,无衬线体和其他字体。其他字体包括哥特体,手写体和装饰体,这些字体在我们工作中使用相对较少,所以重点介绍衬线体和无衬线体两大类。

7b656236a425aafdd3b18307af04762f.png

衬线体的历史比较悠久,是古罗马时期的碑刻用字,适合用于表达传统,典雅,高贵,距离感

衬线体可以分成两类:类似手写的衬线体叫“旧体”,笔尖会留下固定倾斜角度的书写痕迹,O字母较细的部分连线是斜线。旧体并不意味过时,传统书籍正文通常用旧体排版,适合长文阅读

比例工整,没有手写痕迹的衬线体叫“现代体”。O字母较细部分连线是垂直的。体现了明快的现代感,给人冷峻、严格的印象,这种衬线体缩小后文字易读性比较差,一般在标题上使用。

9e5bc6b3edea7d23d2416180e0e5f05a.png

衬线体还有另外一种分类方式,根据衬线变化可以分成三类:具有特定曲线的衬线为“支架衬线体”,连接处为细直线的是“发丝衬线体”,厚粗四角形的“板状衬线体”。

55c52a7b4608973899875e16b6a4ff62.png

支架衬线体是旧体中最常见的字型,在衬线体中相对亲切、传统。比较常见的字体有Times New Roman,Baskerville,Caslon,Georgia。

发丝衬线体是现代体中常见的字型,具有明显现代感,不适合磅值小的字体。比较常见字体有Didot,Bodoni。

板状衬线体比较有力,是19世纪到20世纪初用在广告牌上的文字,多用于标题,具有怀旧气氛。

无衬线体相对衬线体更加亲和,现代。从类别上大致可以分成四类:Grotesque, Neo-grotesque,Humanist和Geometric。

2686f028014c8499b9333828cca2de31.png

Grotesque是最早出现的无衬线体,所以保留了一些衬线体的特征,比如小写字母g的写法不一样,数字1下方有粗衬线。

Neo-grotesque包括很多常用字体,Helvetica,Arial,Univers,不带情绪,冷静简洁。

Humanist有一点书法感,给人温暖的典雅气氛,有一点女性气质,识别度非常好,网站正文字体常用。

Geometric字体趋近几何形状,例如字母O非常像正圆,字母a是半圆加一个尾巴,易读性不好所以不适合用在正文,但是这类字体有非常强的设计感。在某些需要突出设计感的场合用磅值大的字体效果很好。

个人感觉从趋势上而言humanist和Geometric使用率越来越高,尤其是web端Humanist慢慢在侵蚀Neo-grotesque的领地。

经典字体

推荐

-

当我们不确定用什么字体的时候不妨先确定什么类别的字体最合适,衬线还是非衬线,人文体还是几何体,确定好了之后再多考虑看看一些经典字体是否可以使用,下面推荐一些经典字体。

2bb2d6d5cd9900f7b739005a039b2274.png

Centaur具有史诗般正统风格,特别适合用于表现年代悠久。具体排版时注意合字和老式数字的使用。

9d76c743600b9a21762816c671aaab68.png
cae5992c3e697ccbe230cfc0102cb3ea.png

复古传统,没有强烈个性,十分易于阅读,因为太流行所以很多大的公司都做过Garamond复刻,苹果电脑里有系统字Garamond以及Adobe所制作的Adobe Garamond Pro。 如果是希望web上使用,可以考虑EB Garamond。

03e27a56805c1338f7cf103542a961af.png
0cfb4ae7f35cbdf06df3376ed88824a0.png


美国独立宣言用字,是活字时代的大热字体。很多公司也做过Caslon复刻,现在的使用也非常广泛。

7889de8e28935fda0b8c2d2863efac3a.png
e4ae716cb640c80898c0e2a87d13c84a.png

过渡期罗马体(旧体到现代体)的代表性字体,非常经典,给人古典、高贵的感觉。

e346c49c80898faf435f2f9b6859188d.png
8b7665f640d2038a9fbbf00ce5f5e1b6.png

现代衬线体,发丝衬线。特点是强烈的笔画粗细对比和水平衬线,时尚,现代,优美。

36ac729ca4fb562a11bd8218f56be4dd.png
979a028597bf77d6bf87b1ceb1048f14.png

与Didot类似,适合大字体表现,相对Didot来说硬朗一点。

000410a26762d89da9f74f75c563e7bc.png
86b2b0abbec503b4a62e9e2ba21c3ff9.png

这款字体是很早出现的无衬线体,所以带有古风,笔画粗狂有力,具有男性化感觉,适合表现强有力。Web字体可以考虑Oswald。

301690947a8289d52f94f5254923a435.png
13953a34cc6ce3c909e796c8ca72bfad.png

Futura是拉丁语未来的意思,现代且具有几何特征,感觉是现在的主流大热字体,尤其是要突出时尚,设计感的时候可以使用。制作过程中受到包豪斯运动的影响。是LV的商标用字,也是现在很多杂志的首选字体。

b92bc01566dd3185a9028ae783887500.png
2cf2ae732b3748aa49d5d2332163c28e.png

英国风格的代表字体,具有古典风格的骨架,但是又有很强的科技感和未来感,字体外形偏几何,但是是humanist字体,相对futura会柔和一些。

08a9520075fd9493fae04ed57d181d1c.png
6c48e0f4bc7212b27c1d2b0896d79439.png

有古典气息,笔画两端比较粗中间比较细,气质优雅。时代周刊的字体更换,雅虎2013年使用Optima作为全新标识的设计基准都证明了这款字体的热度。

2159393b3adc8d4cc50b8d7ae8956208.png
7aca5aaff0e4435ae25b9f054c33de2b.png

Grotesque字体,比Helvetica更加简练。字体家族非常全面,所以搭配使用很方便。

8afd6112c26f5c921502ebb3900c1aea.png
68014c05fd5acbd8fb841be01cf87bb7.png

Humanist字体,很早就已经流行,随着苹果的广泛使用更加引人注目,笔画柔和简洁。

fbeef1427ca0e66bd2e8e0c4a7fbc4bd.png
0bc82593df010e259ca272595fd096ed.png

字形简洁,现代,虽然也有几何特征,但是不失人情味。Avenir是法语未来的意思,对同样未来含义的Futura是一种挑战,放大x-height,降部拉长,使得文字的易读性明显提高。字体家族也很完整。

0d317863a82222868b5838c58295b796.png

最后提两句Helvetica,内部分享的时候很多设计师问到为什么没有作为一个推荐字体在这里列出,一方面是因为Helvetica已经作为现代字体中的经典字体被应用得非常广泛了,并不缺乏关注。另一方面Helvetica是Neo-grotesque字体,结构严谨,没有情绪导向,提供着强烈的安全感,好像怎么用都不会错,这是个优势也是个劣势,当我们的设计有比较明确的受众群体或者设计对象有比较明确的气质的时候能够寻找到有同样气质的字体会是更优的选择。

适合长文阅读

的字体

-

无衬线体中适合长文阅读的文字一般是Humanist,衬线体中适合长文阅读的文字一般是支架衬线体。下面列几个个人觉得比较适合排长文的字体。

无衬线体:Lucida Grande, Roboto, Open Sans

8e43a08630a3c5833bd5f9ff6aca07dc.png

衬线体:Georgia, Droid Serif, Cambria

dbc0ffb25c486ea5165d719326594963.png

适合长文排版的字体还有很多,比如无衬线体中的Lucida Sans,Geneva,衬线体中的freight text,看一些比较好的设计的时候不妨多留心一下字体用的是什么。

字体应该如何

搭配

-

字体搭配总体的原则是一致性加对比性。一致性指的是选择调性和情绪一致的字体。比如现代罗马体搭配几何无衬线体,古典罗马体搭配年代比较久远的无衬线体。字体的情绪表达需要统一,严肃的字体并不适合搭配随意的字体。

4a0886c9141b052781cfeb9adbde115d.png

对比性是指字体之间要有较明显的差异,不能感觉很像,分不开差异。

3383d19c3c346d3e911aea2a0519b06f.png

对比性也可以用很多种方式达成,上面列出的不同字体搭配是一种,不同的字重和不同样式都可以,用字重来强调对比的话最好不要选择相邻等级,用隔一个等级的字款搭配。

最简单的搭配方式就是用同款字体创造对比,另外一个很保险的方法是选择包含有对比性字体的字体家族,比如ITC Stone Sans Std和ITC Stone Serif Medium以及Freight Sans Pro和Freight Display Pro。很多字体家族是同时包含称衬线体和无衬线体的,它们在设计初始的时候就有相同的骨架,所以排版起来非常协调。

英文字体想要精通是比较难的,因为存在文化上的鸿沟和环境的熏陶,这里写的也只是一些皮毛,欢迎大家指正和交流。

另外,很多人后台留言想要免版权字体,借着这篇文章的分享,我也整理了一份字体素材给你们!

字体包获取方式:

1、请关注同捉,并评论文章

2、点击我的兔子头像私信我:免版权字体

3、小编有时在忙别的工作,看到后会尽快回复你,若有延迟,请多多谅解。



推荐阅读
  • DNN Community 和 Professional 版本的主要差异
    本文详细解析了 DotNetNuke (DNN) 的两种主要版本:Community 和 Professional。通过对比两者的功能和附加组件,帮助用户选择最适合其需求的版本。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 本文探讨了如何在发布 XenApp 应用时,通过命令行参数实现启动时的参数传递。特别介绍了静态和动态参数传递的方法,并详细解释了 ICA 文件中两种参数传递方式的区别及安全检查机制。 ... [详细]
  • 尽管某些细分市场如WAN优化表现不佳,但全球运营商路由器和交换机市场持续增长。根据最新研究,该市场预计在2023年达到202亿美元的规模。 ... [详细]
  • 深入解析 Apache Shiro 安全框架架构
    本文详细介绍了 Apache Shiro,一个强大且灵活的开源安全框架。Shiro 专注于简化身份验证、授权、会话管理和加密等复杂的安全操作,使开发者能够更轻松地保护应用程序。其核心目标是提供易于使用和理解的API,同时确保高度的安全性和灵活性。 ... [详细]
  • 数据管理权威指南:《DAMA-DMBOK2 数据管理知识体系》
    本书提供了全面的数据管理职能、术语和最佳实践方法的标准行业解释,构建了数据管理的总体框架,为数据管理的发展奠定了坚实的理论基础。适合各类数据管理专业人士和相关领域的从业人员。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 在金融和会计领域,准确无误地填写票据和结算凭证至关重要。这些文件不仅是支付结算和现金收付的重要依据,还直接关系到交易的安全性和准确性。本文介绍了一种使用C语言实现小写金额转换为大写金额的方法,确保数据的标准化和规范化。 ... [详细]
  • 如何高效创建和使用字体图标
    在Web和移动开发中,为什么选择字体图标?主要原因是其卓越的性能,可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程,并提供了专业建议。 ... [详细]
  • 本文详细介绍了macOS系统的核心组件,包括如何管理其安全特性——系统完整性保护(SIP),并探讨了不同版本的更新亮点。对于使用macOS系统的用户来说,了解这些信息有助于更好地管理和优化系统性能。 ... [详细]
  • 网络运维工程师负责确保企业IT基础设施的稳定运行,保障业务连续性和数据安全。他们需要具备多种技能,包括搭建和维护网络环境、监控系统性能、处理突发事件等。本文将探讨网络运维工程师的职业前景及其平均薪酬水平。 ... [详细]
  • MySQL 数据库迁移指南:从本地到远程及磁盘间迁移
    本文详细介绍了如何在不同场景下进行 MySQL 数据库的迁移,包括从一个硬盘迁移到另一个硬盘、从一台计算机迁移到另一台计算机,以及解决迁移过程中可能遇到的问题。 ... [详细]
  • 基于KVM的SRIOV直通配置及性能测试
    SRIOV介绍、VF直通配置,以及包转发率性能测试小慢哥的原创文章,欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ... [详细]
  • 深入解析 Spring Security 用户认证机制
    本文将详细介绍 Spring Security 中用户登录认证的核心流程,重点分析 AbstractAuthenticationProcessingFilter 和 AuthenticationManager 的工作原理。通过理解这些组件的实现,读者可以更好地掌握 Spring Security 的认证机制。 ... [详细]
  • 本文将深入探讨PHP编程语言的基本概念,并解释PHP概念股的含义。通过详细解析,帮助读者理解PHP在Web开发和股票市场中的重要性。 ... [详细]
author-avatar
yngbzl_165
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有