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

 一部手机，电量富裕，收集通畅，就足以让我们打发一天的年华，随便陶醉在手机期间的缤纷天下里。这个信息资源无限尽的手机收集天下，是计划师和开拓者们在不断的试探中一起一步全心打造。怎样进一步美化这个天下，优化用户体验？如安在手机有限的屏幕上泛起清楚的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) 字间距

字间距是两个笔墨之间的间距。这是手机排版中的一个很小的身分，但值得存眷。你也许会以为，在一个段落里，字距调解也许不是一个须要题目。但假如您足够仔细，您也许会留意到，这凡是呈此刻英文文本中，大写字母与小写字母之间的空间和两个小写字母之间的空间不尽沟通。这会造成必然的视觉失调，粉碎美感。

3) 全文本字间距

上面不是刚提了字距吗？这里是否一再了呢？虽然不是，字距在两个笔墨间和全文本的字间距并不是完全一样的观念。这两者每每也许会使计划师发生疑惑，但它们相同却差异。这里的字间距是全部字符和文本的字间距。有用的字间距会使文本更易读。凡是，字体行使时可以恰当调解页面字距，因此你不必要过多的存眷。但假如你留意这一点，大概会对计划大有裨益。凡是，大文本必要更少的字距，而稀少的文本要求更宽的字距。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!