• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 打包下载!23款网页设计师必备经典私藏英文字体

打包下载!23款网页设计师必备经典私藏英文字体

作者:飞屋睿UIdesign 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含web字体,下载,字体,字体推荐,英文字体,英文字体下载等相关知识,飞屋睿UIdesign希望在学习及工作中可以帮助到您

@飞屋睿UIdesign?:作为网页设计师,对待字体设计也许并没有其他的平面设计师那般自由。例如,你没有办法在网页中使用其他中文的字体,受限于技术的原因,除了几款比较固定的中文字体(微软雅黑、宋体、黑体等),目前中文字体的特殊设计也只能以图片的方式展示。但是在英文的运用上,其实在网页设计领域,已经有了非常广大的自由度。这也是英文在传播方面,基于其本身只是26个字母不断的组合变化,从而大大缩短了信息处理的时间。

终于我们不得不正视英文应用的问题,也许你的网站并不是双语版本,但依然有要用到英文的时候(利用邮箱地址的展示),这时候,如果你能尝试采用不同于普通默认的英文字体的做法,就让你的设计看起来会与众不同。

我们这次会介绍23个飞屋的设计师在设计网页时会经常使用的英文字体。下面的每个英文字体大都是比较完备的「字族」,往往会有「regular」「bold」「light」「thin」等等在粗细上的变化。这些字体也都能直接在网页上作为「文本」展示,因此有较好的延伸性和自由度。因为并不是每个字体都能用在网页上,在此前这些整理工作对每个网页设计师而言都是必备的。

此外,我们提供了这篇文章的全部字体源文件压缩包下载,喜欢的可以行动起来了。

网盘链接:https://pan.baidu.com/s/11e68-ccCLODIxaxAoSxq0Q?密码:bqvx

视频讲解

Roboto

这款字体是一个非常标准而常用黑体,有着简洁的笔画设计,和「思源黑体」的中文搭配非常经典,是用得较多的一款字体。

Quicksand

这款字体的特点与「幼圆」体比较类似,在字体的结构上,字腔比较大,字尾呈现圆弧状,视觉上显得柔和内敛。

Dosis

和上一款字体的性格类同,但是字形较高,且瘦长,字腔呈现出较为特别的圆角矩形。

Rajdhani

也是和 dosis 的字形比较接近,尤其是字腔的突出特点,仿佛看到许多隐形的圆角矩形的平行排列,看上去很整齐规律。字尾是规则的矩形,和圆弧收尾的笔画形态有差别。

Teko

这款字体的粗体显得非常有力,也是由于其字形较为方正,而且有着某种节奏感。笔画设计非常简洁锋利。

Julius sans one

这款字体和 ROBOTO 字体类似,但是其大写字母的字符宽度较窄,字脊的弯曲弧度都较小,比较低调,非常适合极简风格的网页展示。

Wire one

这款字体从其名字上就能推测它的形态,它是属于线形的字体,字体高度较高而宽度较小,呈现出紧凑的竖形。这样的字体性格非常明显,在基于线性进行设计的网页上使用会相当合适。

Pattaya

这款字体略带有衬线体和手写体的综合特征,且字母间能进行顺畅的笔画连接,字腔较小,字形整体的存在感较强。

Anton

这款字体也是黑体中的「重量级」,竖形的结构,简洁有力的笔画形状,非常能吸引人的眼球。

Playfair display

这款字体的笔画特征是横向部分的笔画非常细,而纵向部分的笔画非常粗,它们之间形成了视觉对比,从而增强了字体本身的感染力。而字母圆点的部分或是字耳的部分都设计为圆点,增加了图案感,可以说这个字体非常适合用在时尚行业的展示里。

Josefin slab

这款字体也是比较细的线体设计,它是属于衬线体的范围,josefin 还有一款非衬线体,字体名称就叫 jossefin,它的设计特点是字母当中,例如「e」的横线就采用了倾斜的角度,增加了字体本身由于粗细均匀带来的静止呆板的感觉,而增加了一种动态感。

Rozha one

这款字体也是一款非常标准的衬线体,字尾的设计是收紧的锥形,横向和纵向的粗细相差较大。既有黑体的体积感,又带有衬线体的优雅。

Marcellus SC

这款字体相对来说比较古典,字尾有着石刻文字时代的特点。这样的字体带着某种历史感和严肃感。

Rasa

这款字体也是一种衬线体,字体带着体积感,字脊较粗,且整体笔画造型存在感较强。

Italiana

这款意大利风格的字体,字尾都是收缩的斜向下的锥形,有比较显著的锋利的线体特征。有着意大利式的古典浪漫,也有现代风格的简洁利落。

Cormorant SC

类似碑刻文字的典雅,衬线较长,形态非常庄重优雅。在展示内容倾向古典的时候使用。

Monoton

平行线条的笔画特征,风格非常明显。在带有类似线条风格的内容展示时,同时采用,充满了别具一格的魅力。

Playball

手写体的典范,带有花体字的部分特点,但并不明显。个性化的风格会经常采用手写体作为配备。

Fredericka the great

粉笔字的板书风格样式,在各种学院风形成独特的情调。如果搭配同类似的粉笔式的涂鸦,效果会更好。

Raleway

衬线体的字体特征并不十分明显,衬线安排得非常低调。而笔画的线条粗细均匀,W字母的设计是双V的叠加,这一点可以好好利用。

Codystar

圆点组合的风格化字体,存在感弱,字体偏装饰性。圆点的可爱感在同样风格的设计中会得到增强。

Ribeye marrow

可爱的儿童手绘字体,双线体的纵向笔画设计。造型感特别,且一般用在比较偏儿童化风格的场合。

Kaushan script

手绘字体的另一种表现方式,字母之间相互独立,字体会更具现代感。风格爽快、利落,个性化极强,表达出某种自由感。

善用字体会给你的设计带来不一样的视觉魅力,这些字体在运用时更要同时考虑与配图、其他中文字体的整体搭配,同时对字体的字距、粗细等也要进行考究。大家可以经过这一番学习,认识到字体并非是文字这样简单,尤其是在平面设计中,它是平面设计元素,也是信息传递的载体。

「你想要的字体包尽在这里」

  • 《节日字体专题!10款适合情人节的中文字体免费打包下载》
  • 《除了腾讯,这5家世界顶级公司也有自己的专属字体(打包下载)》
  • 《万圣节字体专题!8款风格奇幻的中文字体免费打包下载》
  • 《10款萌萌的儿童节标配字体打包下载(非商用)》
  • 《经典打包!世界上最受欢迎的英文字体Helvetica全套下载》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好

您可能想查找下面的文章:

  • 打包下载!23款网页设计师必备经典私藏英文字体

相关文章

  • 2018-08-23在配色这件事情上,总会有一些有趣且有用的小技巧
  • 2017-09-11http 请求头设置
  • 2018-08-23为什么你的设计时间总不够用?告诉你提高效率的方法!
  • 2018-08-23接地气!设计师和需求方高效沟通的5种技巧
  • 2018-08-23网易内部分享:能让产品更快上线的商业模式画布
  • 2018-08-232017年快结束了,网易高手是怎么做设计年度总结的?
  • 2017-08-06响应式设计你需要了解的知识点
  • 2018-08-23如何制作一份优秀的答辩PPT?来看高手的方法!
  • 2018-08-23用快看漫画的实战案例,带你掌握完整全面的产品设计流程
  • 2018-08-23五帽架设计原则:历史证明最高效的信息组织方式

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 成为解决问题的人!总结我在用户测试里吸取的5个教训
    • 零基础也能学!四个方法帮你轻松学会舒服的配色
    • 如何设计问卷,才能收集到高质量的数据?
    • 关于div+css及Web标准网页的好处
    • 关于开发手机网站的一些总结
    • 两分钟认识一款把 Sketch 变成 Principle 的插件:Diya
    • 没灵感?这里是最全的15个设计风格总结!
    • 这10个不好用的微信设计,有哪些深层次的产品逻辑?
    • 面试时可能被问到的一些CSS问题
    • 想提高可用性?看谷歌Material Design 的官方教程是怎么做的!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有