loading请求处理中...

专业的UI设计字体选取与使用的方法

2021-12-01 21:22:52 阅读 9749次 标签: ui交互设计游戏ui设计 作者: 蓝blue

  在UI设计中,一般都是以画面为主,但是也是少不了文字的使用。文字才是UI设计的重点。但是文字字体的选择要配合UI设计中画面的风格。

UI设计

  1、可读性

  可读性是UI中字体所需考虑的首要因素。字母字形必须清晰可辨,作为UI元素,其中不同的字母必须可以被用户轻松辨别出差异。许多经典的字体,甚至包括 Helvetica ,都没办法清晰分辨 字母 i 的大写形态 I,和大写字母 L的小写形态 l,这在界面设计中无疑是有影响的。

  2、适度

  一款理想的UI界面所用的字体,不应当过于“显眼”,而该是悄无声息,“隐型”的。当用户在试图完成某项任务的时候,字体不应当给用户以“出戏”或者“显眼”的感觉,也就是说,字体不应当超出用户的认知负荷,而内容和信息才应该成为真正的关注点。

  3、灵活

  给UI界面使用的字体应当具有灵活性。我们曾经为 Medium 做过用户体验设计,作为一个网页博客平台,我们很难去控制用户的能力、内容、浏览器、屏幕尺寸、网络带宽和连接速度,包括输入法。

  所以我们最终为它所选取的字体应当支持大量不同的内容,在不同的尺寸下拥有良好的识别度,能够兼容不同的设备,尤其是在小屏幕上。Sans serifs 字体就是专门为小尺寸低分辨率屏幕而定制的。

  4、x高度的上限

  x高度的参考标准是小写字母x的高度,同等尺寸下,x高度更大的字体更易于识别。不过x高度也不是越大越好,当x高度超过一定限度的时候,小写字母n和小写字母h就很难分辨了,这一点应当注意。

  5、更大宽高比

  字母的宽度和高度的比例也是相当重要的一个属性。宽度和高度比例越高,字母在小屏幕上的识别度就越高。

  6、宽松的字间距

  字母之间的间距和字母内部的空间同样是影响字母可读的因素。字母间距太小同样会影响整体的可读性,而好的显示字体会更好的控制字母间距,确保单词在视觉上的“透气性”,甚至可以营造出一种韵律感。

  不过字间距不是越宽松越好,太过宽松会让整个单词看起来过于松散。有一个值得参考的标准,就是字母之间的间距应当比字母内的开口缝隙略小一点。

  7、低笔触对比度

  许多字体不同的笔画粗细不同,而对于UI界面而言,笔触间的对比度越小识别度越好。较大的笔触对比度下,字体在小尺寸屏幕上,较细的笔画会难于分辨。

  8、备用字体

  接下来要说的情况可能大家多少都碰到过。网页在完全加载出来之前,部分内容因为字体没有加载而无法显示。

  其实这可以通过先加载本地字体,显示内容,等网页字体加载好了之后再行替换,以达到无阻塞显示。这种方法的缺陷是需要预先设定一个可调用的本地备用字体。

  如果你想找UI设计服务,或者想要了解更多UI设计资讯,就上一品威客网。一品威客网入驻上百家专业UI设计公司,汇集全国千万优秀专业人才,提供最全面、最专业的UI设计服务。


网站UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
网站UI设计相关任务
DESIGN TASK 更多
为APP设计一款logo

¥1200 已有159人投标

车辆服务公司logo设计

¥1600 已有93人投标

设计HOWHONG 图文商标logo

¥500 已有9人投标

箱包LOGO设计

¥700 已有6人投标

午睡枕 外观设计

¥1000 已有0人投标

为AI公司设计LOGO

¥1000 已有25人投标

海报设计

¥1000 已有2人投标