快收藏!15 款 UI 设计常用的等宽英文字体

释放双眼,带上耳机,听听看~!
文章引荐了 15 款十分棒的等宽字体,每一款字体都进行了扼要的解说和分析,最重要的是还同时供给了获取的途径!

当界面按钮中字体款式发生变化时,整个界面也会发生很大的变化,甚至能够说是杂乱。等宽字体(Uniwidth)便是处理这一问题的绝佳办法。它是一种文字规划风格,指一切的字符都占有相同宽度,字距离也相同,因而为咱们省去了许多的费事。作者文章中为咱们推荐了 15 款非常棒的等宽字体,每一款字体都进行了简要的讲解和分析,最重要的是还一起供给了获取的途径!让咱们一起来跟从读者获取这 15 款精巧的等宽字体吧~

快收藏!15 款 UI 设计常用的等宽英文字体

快保藏!15 款 UI 规划常用的等宽英文字体

作为一个网页 / 界面 / 视觉规划师我常常与标签状况打交道。选中,未选中,激活,未激活,可用,不可用…这一系列不同的状况揭示了一个规划原则:永久不要将颜色作为仅有的提示,文本粗细一般是我的首选处理方案。但若你曾经运用过精确规划的界面,那么你就会知道,当从惯例标签切换为粗体标签时,整个界面中的标签会变形地像弹球游戏的妨碍相同,非常令人懊丧。

处理这个问题的诀窍便是 —— 统一(uniwidth)字体,有时也称为 “等宽”,“双面” 或 “多重” 字体。

官方对这个字体的界说是:等宽字体,也称为非份额字体, 等宽字体是一种文字规划风格,指一切的字符都占有相同宽度,字距离也相同(例如,大写字母 A 与小写字母 w 或 € 欧元符号具有相同的宽度)。等宽字体一般用于打字机,或计算机代码。

快收藏!15 款 UI 设计常用的等宽英文字体

快保藏!15 款 UI 规划常用的等宽英文字体

在 IBM Plex Mono 字体中,每个字母都具有相同的宽度

浅显来说,等宽字体是按份额隔开的字体,因而字符间隙巨细不同、字符粗细不同,但却都占有相同的空间。也便是说不管字符被设置为多大的粗细,都永久不会改变整个界面的文本长度或导致文本重排。

快收藏!15 款 UI 设计常用的等宽英文字体

快保藏!15 款 UI 规划常用的等宽英文字体

一般情况下,等宽字体的字母在不同的字体粗细下具有不同的宽度,但占有相同的空间。

尽管等宽字体在海报等静态规划中或许能规划出一些很有创意的排版,但对于界面规划而言他的作用肯定是惊人的,因为界面规划往往只需要很小的改动就能够处理整个页面的问题。例如,更改 Hover 状况下单个菜单项的款式一般会导致整行宽度的跳动,若运用了等宽字体能够轻松处理这样的问题。

快收藏!15 款 UI 设计常用的等宽英文字体

快保藏!15 款 UI 规划常用的等宽英文字体

运用等宽字体(下)能够轻松地为交互式文本元素设置动画作用,而不会影响周围的布局。

在规划不同状况时交互规划师会运用多种不同的变化特点进行区别,这就需要代码的辅助插入很多允许在不同的粗细和字体之间进行滑润的插值 ,而有了等宽字体就会省去许多费事。

运用等宽字体是平面规划中常见的手法,因而能够找到许多关于等宽字体的资源不足为奇了。到目前为止,我找到了两个搜集等宽字体的资源包:Identifont 的“等宽字体”列表和 David Sudweeks 自 2015 年以来的“ 等宽字体”集合。

微软专门为程序员发布的一款新的固定宽度字体: