联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

ui设计者必须要知道的ui设计字体规范

Time: 2021-06-10

字体是设计作品中一个重要的组成部分,很多时候字体甚至成为一个作品失败的关键。那设计字体有没有规范呢?ui设计行业的字体的规范是什么?今天就让faceui为大家介绍ui设计字体规范。

  ui设计字体规范

  1、字不过三

  很多大神说过色不过三,其实在同一个APP或在同一个设计作品中字体也不要过三种样式,一般在每个项目设计中使用1-2个字体样式就够了,然后通过对字体大小或颜色来强调重点文案,字体的大小来区分出界面内容中的层级关系。其实网页也是一样,使用一种字体样式,通过字体大小的对比也能做出高逼格的构图和设计。

  2、字与背景的层次要分明

  字体和背景融到一块去了,在阅读的时候非常的不方便。包括做移动界面也是一个道理。所以易读性和易用性是用户的根本诉求!

  3、字体样式与气氛要匹配

  如果文字的风格和整体的设计风格不一致,没有带动用户的购买欲。结合文案内容,设计风格采用了比较明快刚劲的设计风格,字体也选择了比较刚劲有力的造字工坊劲黑体。气氛匹配,用户代入感强。选择合适的字体样式能加强购买欲和点击欲。

ui设计字体规范

ui设计字体规范(图片来自网络)


  4、字体要跟风格结合

  常用的字体有以下几种类型:

  (1)平稳型字体

  在陌陌APP欢迎也中使用到了比较平稳的方正正中黑,整体风格比较直接明了。

  方正兰亭系列是网页设计中必用的字体,稳重而细腻,还具有时尚科技感。当然用在科技产品的官网中更合适不过了。

  (2)刚劲有力型

  张海山的字体非常的好用,可以试试,清晰明了,年轻有力。

  华康俪金黑有种大字报的感觉。

  (3)可爱型字体

  方正经黑、汉仪小麦使用都很可爱。

  (4)华康海报体

  专题和引导页面中经常会用到。

  (5)腾翔金砖体

  这也是一个非常不错的字体,设计师利用了腾翔金砖体的原型将美食的元素融入到了设计中。

ui设计字体规范

ui设计字体规范(图片来自网络)


  5、界面中中文字体使用规则

  不同平台、不同界面设计中,使用的字体规范也有所不同,像移动界面的设计就会有固定的字体样式。

  常规字体:

  IOS:可以选择的字体有华文黑体或者冬青黑体、苹方字体;尤其是苹方字体效果最好(iOS9系统将平方作为iOS字体)。

  Android:英文字体:Roboto 中文字体:Noto。偶尔也会用到微软雅黑字体。

  网页:网页中常规字体一般选用微软雅黑作为设计字体(微软雅黑Windows LCD)常规字号。

  导航主标题字号:40-42px。

  大的正文字号32px,副文是26px,小字20px一般在内文的使用中,根据不同类型的App会有所区别。像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性,正文字号36px,会选择性的加粗。而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px。

  ios中默认字体分为三类

  第一类:STHeiti-Light.ttc 和 STHeiti-Medium.ttc 代表的是中文字体,常用的方正黑体简体。

  第二类:_H_Helvetica.ttc 和 _H_HelveticaNeue.ttc 代表的是英文以及数字字体,常用的字体Helvetica。

  第三类:LockClock.ttf 代表的是锁屏时间字体。

  以上就是faceui为大家介绍的关于ui设计字体规范的相关内容。如果大家要了解和掌握更多关于ui设计的知识和技巧,那就必须要了解ui设计字体规范,这对于提高大家ui设计水平很有用的。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开