热门标签 | 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、小编有时在忙别的工作,看到后会尽快回复你,若有延迟,请多多谅解。



推荐阅读
  • 提升 Kubernetes 集群管理效率的七大专业工具
    Kubernetes 在云原生环境中的应用日益广泛,然而集群管理的复杂性也随之增加。为了提高管理效率,本文推荐了七款专业工具,这些工具不仅能够简化日常操作,还能提升系统的稳定性和安全性。从自动化部署到监控和故障排查,这些工具覆盖了集群管理的各个方面,帮助管理员更好地应对挑战。 ... [详细]
  • 本文详细介绍了一种利用 ESP8266 01S 模块构建 Web 服务器的成功实践方案。通过具体的代码示例和详细的步骤说明,帮助读者快速掌握该模块的使用方法。在疫情期间,作者重新审视并研究了这一未被充分利用的模块,最终成功实现了 Web 服务器的功能。本文不仅提供了完整的代码实现,还涵盖了调试过程中遇到的常见问题及其解决方法,为初学者提供了宝贵的参考。 ... [详细]
  • 小王详解:内部网络中最易理解的NAT原理剖析,挑战你的认知极限
    小王详解:内部网络中最易理解的NAT原理剖析,挑战你的认知极限 ... [详细]
  • 第六章:枚举类型与switch结构的应用分析
    第六章深入探讨了枚举类型与 `switch` 结构在编程中的应用。枚举类型(`enum`)是一种将一组相关常量组织在一起的数据类型,广泛存在于多种编程语言中。例如,在 Cocoa 框架中,处理文本对齐时常用 `NSTextAlignment` 枚举来表示不同的对齐方式。通过结合 `switch` 结构,可以更清晰、高效地实现基于枚举值的逻辑分支,提高代码的可读性和维护性。 ... [详细]
  • 作为软件工程专业的学生,我深知课堂上教师讲解速度之快,很多时候需要课后自行消化和巩固。因此,撰写这篇Java Web开发入门教程,旨在帮助初学者更好地理解和掌握基础知识。通过详细记录学习过程,希望能为更多像我一样在基础方面还有待提升的学员提供有益的参考。 ... [详细]
  • 库存管理必备技巧:安全库存预警与自动入库时间记录设置方法详解 ... [详细]
  • 如何在C#中配置组合框的背景颜色? ... [详细]
  • 深入解析 OpenSSL 生成 SM2 证书:非对称加密技术与数字证书、数字签名的关联分析
    本文深入探讨了 OpenSSL 在生成 SM2 证书过程中的技术细节,重点分析了非对称加密技术在数字证书和数字签名中的应用。非对称加密通过使用公钥和私钥对数据进行加解密,确保了信息传输的安全性。公钥可以公开分发,用于加密数据或验证签名,而私钥则需严格保密,用于解密数据或生成签名。文章详细介绍了 OpenSSL 如何利用这些原理生成 SM2 证书,并讨论了其在实际应用中的安全性和有效性。 ... [详细]
  • 开发日志:201521044091 《Java编程基础》第11周学习心得与总结
    开发日志:201521044091 《Java编程基础》第11周学习心得与总结 ... [详细]
  • 在Django中提交表单时遇到值错误问题如何解决?
    在Django项目中,当用户提交包含多个选择目标的表单时,可能会遇到值错误问题。本文将探讨如何通过优化表单处理逻辑和验证机制来有效解决这一问题,确保表单数据的准确性和完整性。 ... [详细]
  • 【TechWeb】4月1日消息,据外媒报道,特斯拉(Tesla)近期在欧洲市场推出的Model 3车型中新增了动态刹车灯功能,旨在减少追尾事故的发生。然而,这一创新技术在美国市场的推广可能面临法规和标准方面的挑战。该功能通过在紧急制动时快速闪烁刹车灯,以警示后方车辆,从而提高行车安全性。尽管该技术在欧洲受到欢迎,但在美国,相关法律法规可能对其普及构成障碍。特斯拉需与监管机构合作,确保该技术符合当地的安全标准。 ... [详细]
  • 在Android开发中,BroadcastReceiver(广播接收器)是一个重要的组件,广泛应用于多种场景。本文将深入解析BroadcastReceiver的工作原理、应用场景及其具体实现方法,帮助开发者更好地理解和使用这一组件。通过实例分析,文章详细探讨了静态广播的注册方式、生命周期管理以及常见问题的解决策略,为开发者提供全面的技术指导。 ... [详细]
  • Cosmos生态系统为何迅速崛起,波卡作为跨链巨头应如何应对挑战?
    Cosmos生态系统为何迅速崛起,波卡作为跨链巨头应如何应对挑战? ... [详细]
  • 在开发过程中,我最初也依赖于功能全面但操作繁琐的集成开发环境(IDE),如Borland Delphi 和 Microsoft Visual Studio。然而,随着对高效开发的追求,我逐渐转向了更加轻量级和灵活的工具组合。通过 CLIfe,我构建了一个高度定制化的开发环境,不仅提高了代码编写效率,还简化了项目管理流程。这一配置结合了多种强大的命令行工具和插件,使我在日常开发中能够更加得心应手。 ... [详细]
  • 在探讨Hibernate框架的高级特性时,缓存机制和懒加载策略是提升数据操作效率的关键要素。缓存策略能够显著减少数据库访问次数,从而提高应用性能,特别是在处理频繁访问的数据时。Hibernate提供了多层次的缓存支持,包括一级缓存和二级缓存,以满足不同场景下的需求。懒加载策略则通过按需加载关联对象,进一步优化了资源利用和响应时间。本文将深入分析这些机制的实现原理及其最佳实践。 ... [详细]
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社区 版权所有