无论你是做网页还是App设计,文字内容总是能占到整个版面将近80%的区域。因此理解字体与排版对UI设计师来说十分关键。你必须一直把内容的可读性放到首位去考量和取舍你对字体与排版的选择。
字体的基础术语
了解字体设计的基础词汇比较重要,这些名词在介绍字体设计的相关文章中常常发生。比如x-(X字高)指的是从字母的基准线起初往上到最矮字母的边沿的距离,当X字高的比重相对大一些的话能够降低易读性。
衬线字与非衬线字
在西*家的字母制度,分成两大字族:serif(衬线字体)及sansserif(无衬线字体)。衬线字(右图中的宋体、TimesNewRoman)是指在字的笔画开始及结束的地方有额外的装饰,而且笔画的长短会因直横的不同而有所不同。相反的,无衬线字(右图中的思源黑体、)就没有很多额外装饰,而且笔画长短大致上是差不多。
衬线字的图标较易识别,也因而具备较高的易读性。反之无衬线字则较醒目。通常来说,需要指出、突出的小篇幅文字通常使用无衬线字,而在短篇正文中,为了阅读的方便,一般使用衬线字。在实际应用中,因为英文的粗体和西文的衬线体,中文的粗体和西文的无衬线体,在样式和应用情景上相同,所以一般搭配使用。
字体排版建议
在你对字体排版技巧了如指掌之前,首先必须确保你的内容无法简洁且清晰地呈现出来。优秀的文字与排版使我们更愿意去阅读,所以最好先关注你所设定的图标和排版是否方便阅读,然后再考量为了简洁改进行修饰。我们可以参考这篇中文指南:[优秀字体排版的5条原则](inten)以及将文中的这种方法应用到我们的App和Web设计中去。
iOS中的系统字体
随着iOS9系统及其EI系统的发布,现在的平台字体变为了Apple自己设计的[San]。iOS仍然在其它地方使用**SFUI**,而在AppleWatch中使用**SF**
San有两类尺寸:***文本模式(SFUIText)***和***展示方式(SFUI)***。文本方式适用于大于20的厚度,展示方式则适用于高于20的尺寸。当你在你的app中使用San时,iOS会自动在适度的契机在文本方式和展现模式中切换。
注:如果你使用例如或的软件来进行设计,那么当你设置的字体大于等于20的之后,你必须切换到展示方式。iOS会按照字体大小为San自动调整字间距。
选择Body字体
为bodytext挑选适合的字体是最重要的。务必选用这些可读性强的,看起来干净易读的字体。我推荐的常见中文字体有:San,Neue,Next,OpenSans,MuseoSans。中文字体则有,华文细黑,思源黑体
字体的大小
在,iPad,中设定的Body字体不需要大于***11pt***,这样就能被正常阅读。我们推荐的Body文本大小必须在***15-18pt***。
字体的字重
当我们设定更大的字体来获得更好的易读性的同时,我们也应相应地减少字体的字重(粗细),考虑Light,Thin或者UltraThin。过重的字体会太过醒目,从而妨碍其他内容的显示效果。
当字体大小为12-18pt时,使用,18-24pt时,使用Light,24-32pt,使用Thin,当字体大小达到32pt时,建议使用。以上都是建议值,你必须按照不同字体的显示效果进行设置使文字内容看起来清晰和舒适什么字体适合做牌匾,从而维持良好阅读体验。
现代字体都有多种字重设置:,Light,Thin和
合理设定行高,让文字也才能呼吸
行间距()需要修改为字体大小的120%到145%之间。
在后面的举例中,行高设为了与字体高度相似的100%,而在上面的举例中,我将它设为145%。它们的显示疗效有着十分显著变化。当字数进一步提高时,你更会看到阅读行距设置过小的大段文字会特别累。合理设定行高,也是一种留白的方法,能够提高用户的阅读感受。
每行45-90个字
行长指单行文字的长度,如果一行中包括的字数太多,文本内容将会很难阅读。英文字符通常在45-90字非常适宜,而英文35-60字为宜。合理的行长使用户在行间跳转时十分感到轻快和愉快,反之则会使阅读作为一种负担。
字体样式
字体风格对易读性和迅速浏览非常重要,一般的方法是,被修饰的文本不应达到整个文本的10%,如果所有文本都都借助修饰被提出的话,那显然就不是指出了。当然,一次不需要同时使达到三种的指出样式。换句其实,不要在同一段文本中同时使用,颜色,字体改变,大小,下划线,斜体,粗体。
寻找合适的字体
大部分商用字体都很贵,但还有众多优秀的字体是免费的。你只应该从中挑选你最偏爱的字体,并应用到你的设计中就可以了。下面就介绍几个特别优秀的字体网站。
Fonts(需翻墙)
在Fonts,你可以免费下载你喜欢的图标,并且根据你的应该在项目中使用。由于在iOS中使用其它字体的唯一途径就是将字体文件导出到平台中,因此Fonts的下载功能十分有用。Fonts包含少于1400种不同的字体什么字体适合做牌匾,其中包括最知名的:OpenSans和字体,他们是平台使用的默认图标。
你可以使用Mac上的来手动同步字体到你的桌面。
如果你必须在你的网站中直接使用WebFonts,你可以选择360的代理来访问的免费字体库。下面是使用表明,非常简单。
有相当多优秀的字体。这针对这些将要起步的人来说,非常有用。这其中就有我十分偏爱的Nova和Museo字体。它还将思源黑体等英文字体也收入其中了。
有字库
针对在必须长期使用英文字体的客户来说,有字库是一个不错的选择。它是*迄今比较优秀的WebFont服务系统,包含了长期优秀的英文字体。
其他资源
字体和排版是一门值得深入探求的美术。每个字体的产生和演进过程都有着深远的历史可以追溯。当你设计的作品也能被当作艺术品时,那就是对你最大的显然。
文字排版指南
这是一篇英语文字排版指南,但看到的内容和大个别意见对英文字体的选用和排版同样具备意义。非常值得阅读。
字体设计基础:字由心生
汉字如何样发展而来的?我们今天用到字体是借助什么字体演变过来的?现今字体又是延续了先人的这些字体基础?……通过这篇文章,能够对汉字的这种基础知识有所认识。
哪种字体最合适快速阅读
这篇文章具体介绍了中英文字体的配色建议,很有参考价值。
Typeis
是一个特别有名的关于字体的博客网页,提供了大量图标研究的文章,适合从入门者到资深设计师阅读。同时它还提供了一个播客,名叫“字谈字畅”
地址:云南昆明市盘龙区九龙湾村186号电话:150 8700 7976传真:
手机:150 8700 7976邮箱:kf@r0s.cn
Copyright © 2012-2022 云南昆明儒虎牌匾制作厂 版权所有 Powered by EyouCms备案号:滇ICP备16003948号