从文本排版设计说起 - 新闻中心 - 长春市隆兴伟业物流有限公司
现在的位置: 主页 > 新闻中心 > 文章正文
从文本排版设计说起
作者:长春市隆兴伟业物流有限公司 来源:www.lxwywl.com 发布时间:2018-10-16 10:07:26
如何实现完美的手机UI界面,从文本排版设计说起 如何实现完美的手机UI界面,从文本排版设计说起

那么,文本排版设计的奥秘究竟有哪些呢?如何通过文本排版设计实现完美UI呢?

通常,文本排版设计包括但不限于以下元素。另外,需谨记:手机设计日新月异,手机文本排版设计当然也在与时俱进。我们既要尊重现有规则,但也要保持创新和探索。

以iPhone的文本排版设计为例。在最新的iOS11 中,做出了以下更新:

1)增加文本大小和权重:提高可读性。

2)提供较大字号和标准动态尺寸字号,适用于具有辅助性功能需求的用户。

接下来,我逐一讲解如何设计优秀的手机端文本排版:

1. 字体

1)字体选择

字体选择常常被错误对待,要么直接忽视,要么简单地从字体库中任意挑选一款。实际上,不同类型的文本内容需要使用不同的字体,字体可以表达内心感觉和心理需求。试想,使用浓密生硬的字体在女性色彩的读物内容里,是不是显得格格不入?相反,你应该选择比较细腻和柔和的字体。生硬浓重的字体往往更具刚硬气质。

另一方面,过度花哨好看的字体在手机屏幕上可能很难辨认。手机端的UI要求简单而干净,使用同种风格的字体是保持界面清爽的关键。避免单调,您可以选择一种辅助字体与主要字体形成对比。这种情况下,界面的字体数量要控制在 2 到 3 种,多则混乱。

如何实现完美的手机UI界面,从文本排版设计说起

2)字体大小

手机屏幕有限,字体大小至关重要。如果你只是在手机屏幕上使用微小字体来解决,那就真是一个笑话了。虽然用户可以缩放文本来改变字体大小,从而提升可读性,但这绝不是设计师偷懒的借口。这多出的操作,本就违背用户体验。字体过小看不清,还会损伤用户的眼睛,花费更多的时间阅读;而较大的字体又会迅速吃掉屏幕,并破坏阅读连贯性。

那怎样是适当的字体尺寸?

对于iOS,使用至少11sp的字体大小,而对于Android,请选择14 sp为主文本。请注意,这是主文本通常使用的标准,不是强行的唯一标准。此外,在设计手机端字体大小时,需要留意设计字体大小要比常规、使用在桌面端的略大一些。

如何实现完美的手机UI界面,从文本排版设计说起

2. 间距

1) 行间距

行间距是一排文字和另一排文字之间的空间。手机屏幕较小,所以行间距通常比桌面版本小。设置行间距时,需要在手机端设置比桌面端小的值。过宽或过窄的行间距都会破坏手机UI界面,降低可读性。许多人认为,1.4em是标准的行间距,但在手机屏幕上,仍然有显得几分紧密,用户可能会感到文字仿佛在收紧。在设计上,标准的行间距应该是字体大小的120%。另外, 如果文本的长度越短,那么它对行间距宽度的要求也会降低。

如何实现完美的手机UI界面,从文本排版设计说起

2) 字间距

推荐阅读/观看:洪山网站建设 http://hswzjs.com.cn



  • 上一篇:还是从用户体验的角度讲
  • 下一篇:最后一页
  • 
    COPYRIGHT © 2015 长春市隆兴伟业物流有限公司 ALL RIGHTS RESERVED.
    本站所有原创信息,未经许可请勿任意转载或复制使用 网站地图 技术支持:肥猫科技
    精彩专题:网站建设
    购买本站友情链接、项目合作请联系客服QQ:2500-38-100