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

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

2018/03/18 17291评论区

@飞屋睿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

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

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

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

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

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/23-web-english-fonts

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 设计师专访 职场 视觉设计 设计流程 用户体验设计 素材下载 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 产品设计 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里