赣州免费发布分类信息网,免费发布供求信息网,今天是2019年7月19日!

UI设计中的字体使用指南初学者必备

信息编号:41982718 发布时间:2019-5-22 14:05:43 
想要了解更多关于UI产品设计的,可以点击网址链接进行查看
http://www.tianhusj.com/list-276-1.html?wm=gjw_zzh_uisj


成也字,败也字可以这样说,字体可以成就设计也可以毁掉设计。UI设计中的字体使用指南,初学者必备!Android与iOS系统字体详解1.Android默认字体-思源黑体/Robot在Android设备中,Android始祖Google为了更好的追求视觉效果,提高用户体验,所以联合了Adobe设计发布了思源黑体(Noto)来作为中文字体。该字体字形较为平稳,利于阅读,且有个7个不同的字重,充分满足了不同场景下的设计需求,7个字重分别为:Thin、 Light、DemiLight、Regular、Medium、Bold 和 Black。而英文,则使用Robot来作为基础字体,只有6个字重:分别为Thin、Light、Regular、Medium、Bold 和 Black,视觉语言与思源黑体Noto保持一致。





另外在Google的Material Design手册中,还给出了标准的字号大小。在安卓的字体单位中,不再以px,pt作为单位而是统一的使用了sp,换算方式:px = sp*ppi/160 ,sp = px / (ppi / 160)按照iPhone7的尺寸1334×750.密度326ppi 来换算,那么Android的1dp = 1 * 326/160 ≈ 2px





2.iOS默认字体-苹方/San Francisco在iOS系统中,中文方面苹果则加入了全新的苹方字体,字形纤细中宫饱满,利于阅读,并且还提供6个字重供设计开发者使用。所以后面的设计趋势中,字重的使用变的开始多元化了起来,使用Semibold中粗体、大字号作为界面的标题变的更为流行起来,较为明显的有 iOS 11 中的一些原生界面及一些知名APP。





而在英文方面,则使用了San Francisco 的字体,除了在iOS和Mac OS上,还单独为Watch OS单独对字体进行了调整,命名为 San Francisco Compact。而每套字体下面又分为Text与Display两种属性,Text只有6个字重,而Display则有9个字重。





3.总结&结论通过对比,我们可以发现:其实Android与iOS字体字形方面差异化明显不大,不用特意下载所有字体进行单独配置。那么在平常工作中,我们只需要按照一套标准的iOS设计稿输出即可,在Android方面进行自动延展,最后走查确认一下效果即可。如果涉及到使用除Regular标准体之外的字体,那么除了颜色,还应当标注相应的字重字高等信息(如Font:Pingfang SC-Semibold,line:52px) ,而不应当只标注一个加粗或者加细。当然如果人力允许的情况下,我们也可以单独为Android做一套界面及字体适配,提高Android端的视觉显示效果。字体的基本使用规范统一字号一个App,不同位置的字体字号你能准确地说出来吗?如果不能,说明你还不了解规范,没有去制定规范。那我们先了解一下常规的一些大小(应用于2倍尺寸中,即iphone5/6)导航主标题字号:34/36px苹果默认标题字号为34px,而有些软件也会用到36px,更加强页面位置关系比如微信导航标题字号36px,导航字体醒目易于对应页面位置。





在内文展示中字号大小又是多大呢?正文字号32px-34px副文是28px-24px最小字号不低于20px字在正文字号使用中,阅读类的APP更注重文本的阅读便捷性正文字号34px,会选择性的选用苹方粗体





而列表形式、工具化的APP普遍是正文32px(由于屏幕使用变大正文大小趋势变成了34px)副文案28px,时间文字24px26px的字号还会用于划分类别的提示文案因为这样的文字希望用户阅读,但不要抢过主列表信息的引导。





34px的字号还经常运用在页面的大按钮中。为了拉开按钮的层次,同时加强按钮引导性,选用了稍大号的字体。





注意了!在选用字体大小的时候一定要选择偶数的字号。因为在开发界面的时候,字号大小换算是要除以二的那网页中常用的字号有哪些呢?网页字号最小12px常用微软14px/16px作为正文大号字体是18px、20px、26px、30px(注意使用双数字号,单数的字体在显示的时候会有毛边)总结:互联网在进步,所以设计趋势也是有着各种各样不同的形式,而字体作为基本语言,是设计师需要掌握的基本技能之一,希望能对各位读者有所帮助。另外其实在工作中,也建议大家对自己的经验进行总结,对关键信息进行提炼加以沉淀,一方面能让自己的知识更加牢固,另一方面也可以帮助后来者进行成长。

以下是“UI设计中的字体使用指南初学者必备”信息发布人联系方式:

提示:要求提前汇款或缴纳定金或保证金的均属诈骗,经网站核实的被举报信息,将在第一时间删除,构建一个安全的免费发布信息平台!

网站地图 最新信息 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z  最近会员

关于我们 | 服务协议 | 广告服务 | 招聘信息 | 联系我们 | 免责声明 | 使用帮助 | 反馈建议

Copyright(?) 2009-2010 K518信息网 快我要发免费发布信息网 粤ICP备10090331号-3

粤公网安备 44510202000001号

5544444