一部手机，电量充足，网络通畅，就足以让我们打发一天的时光，尽情沉浸在手机时代的缤纷世界里。这个信息资源无穷尽的手机网络世界，是设计师和开发者们在不竭的探索中一路一步精心打造。如何进一步美化这个世界，优化用户体验?如安在手机有限的屏幕上呈现清晰的UI和UX?这里太多因素需要考虑，文本排版设计就是其中不成或缺的一部分。今天，我将从文本排版设计角度出发，谈谈如何实现完美的手机UI界面。

首先，有须要了解一下基础知识。

国内一些设计师，或者开发人员，可能从来都没有接触过文本排版设计的培训或学习。

1，什么是文本排版?

“文本排版，“又称“文字设计”，是一种涉及对字体、字号、缩进、行间距、字符间距进行设计、摆设等方法来进行排版的一种工艺。在数码技术普及之前，文本排版是一项专业的工作，数码时代的来临使字体排印不像从前仅由排字印刷方面的技术工人完成，而更被图形艺术家、艺术指导、文书人员甚至儿童广泛使用。”

---维基百科

2，为什么文本版排版在手机端设计中很重要?

手机端设计比网页设计要求更精致细腻，这个方寸之间的屏幕上，每个元素的选择都更加谨慎，不但美不雅观，更要实用。用户对手机端文本排版设计的体验要求也更高，于设计师而言，让用户能满足于手机的文本排版设计是极具挑战性的。

想象一下，一个完全没有任何文字的手机网页是怎样的呢?不现实吧。同样，在手机界面上随意的放置文本元素，会有意义吗?能实现有效的UI和UX吗?虽然图片和视频极具动态也丰富多彩，但用户仍然需要通过文本获取信息。这不但仅是一种习惯，文字自己也能传达其它元素无法传达的信息。优秀的手机排版设计，不会让用户产生视疲劳，而应该让用户能轻松获取信息，实现人机有效互动。

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

通常，文本排版设计包孕但不限于以下元素。别的，需谨记：手机设计日新月异，手机文本排版设计当然也在与时俱进。我们既要尊重现有规则，但也要连结创新和探索。

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

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

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

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

1. 字体

1)字体选择

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

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

2)字体大小

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

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

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

2. 间距

1) 行间距

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

2) 字间距

相关文章： 百度贴吧做推广引流的5个技巧  做好cpc广告日出五单的五个要点  非常实用且免费的冷门推广赚钱方式：诱导引流操作方法  想通过广告联盟作弊快速赚钱？最终只能因为贪心而反噬自身！  全民|直播|时代到来，|直播|赚钱真的很轻松吗？  组建一支高效app地推团队的四个条件  快速提高网站排名的四个核心网站优化方法！  弹窗广告非常烦？教你4种快速关闭弹窗广告的方法！  【联盟基础】提包推广是什么意思？怎么做才能赚钱？  广告联盟投放广告有什么好处？这点你必须知道！  社区论坛引流的5个小技巧，助你高效引流！  百度广告推广怎么做比较好？有哪些推广方式？  推广有什么好处？有哪些优劣点？  高佣联盟是什么？使用高佣联盟有什么好处？  app推广怎么做？推荐这8个主流app推广渠道！  社交app推广的8个方式，助你快速吸引用户！  2021年4个下班后在家就能做的网上赚钱副业，赶紧行动起来！  app推广初期应该怎么做？  网站收录影响网站排名？网站收录和网站排名的关系  提升微信群裂变效果的一些细节操作和注意事项  在家赚钱的工作有哪些？推荐这12个副业赚钱工作！  app推广怎么才有效果吸引到大量的用户？  网站优化排名，这五个SEO要点你必须要重点关注！  广告是什么？聊一聊关于广告的那些事！  你不得不知的快速提升网站排名的6个seo技巧！  广告推广赚钱常用的几种常见的引流方式介绍！  想加入搜狗广告联盟赚钱，搜狗联盟广告价钱一般是多少？  新手如何加入淘客联盟以及怎么赚取淘客联盟佣金？  网站赚钱之通过投放、CPC、广告的广告联盟赚钱玩法说明  做网赚项目，为什么总觉得别人能赚的多但是自己赚的少？  如何利用引流脚本通过广告联盟等渠道收益月入过万？  快手上发什么*容易涨粉?快手快速涨粉方法！  类app推广平台去哪找？哪家的推广效果好？  教你如何通过qq飞车快速引流  个人站长通过网站营销快速获取大量流量的10个方法！  广告联盟平台哪个比较靠谱，该如何选择？  如何做好广告营销推广？广告营销推广的4个有效方法！  交友联盟收益怎么样？哪家靠谱？  app推广拉新之通过产品策略来实现用户拉新的四个方法！  6种可以月入过万的网上副业赚钱项目，千万不要错过！  玩转自媒体淘客？教你知乎带货如何批量操作！  个人站长们怎样通过广告联盟赚钱月入过万？  微博推广有用吗？5个提升微博推广效果的技巧和方法！  日付广告联盟真的赚钱吗，日付广告联盟是如何赚钱的？  推广赚钱怎么才能达到日赚1000+？你得这样做！  从０到日入1000＋的广告联盟赚钱教程  如何利用百度联盟让网站实现流量变现赚广告费？  做微信营销推广，这5大铁律要时刻牢记！  广告联盟赚钱教程，利用联盟赚钱的三个主要方法！  快手广告引流的效果好不好呢？教你如何进行快手引流！