电话

400 76543 55

文字如何实现完美UI?文本排版设计告诉你

标签: 2024-11-16 

 

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

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

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

1,什么是文本排版?

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

---维基百科

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

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

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

文字如何实现完美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) 字间距



相关文章: 广告在实际应用中的5个常见示例  12种靠谱又收益不错的在家就可以做的网赚兼职平台介绍  广告联盟怎么赚钱?四大广告联盟赚钱方式对比!  分享三个0成本的网络赚钱项目和操作方法  如何做好广告营销推广?广告营销推广的4个有效方法!  抖音引流七大招,快速引爆流量!  网赚广告联盟是什么?广告联盟怎么赚钱?  微博怎么做引流?微博头条文章引流方法介绍!  2021年影响网站排名提升的16个因素  揭秘!不用网站做百度SEO关键词排名引流的6个平台和方法!  推广|直播|app赚钱项目玩法介绍,日赚300500不是问题!  交友联盟收益怎么样?哪家靠谱?  app推广如何实现快速变现赚钱?  个人站长网站变现,务必注意这8条做广告联盟赚钱的小技巧!  广告主是如何选择广告联盟平台来合作的,有什么要求?  广告投放怎么做?互联网广告投放方式都有哪些?  如何做好微信营销?只需要做好这几步就可以了!  微信营销新玩法之#话题标签引流吸粉玩法分享!  提升微信群裂变效果的一些细节操作和注意事项  3种非常火爆的APP推广方法以及实用小技巧分享!  网站上挂的广告联盟平台上的联盟广告不赚钱怎么办?  如何才能做好网站的推广和运营?需要掌握这6个能力!  做网赚想要月入过万所必须要经历的四个阶段!  广告联盟赚钱必看的微博引流方法,上微博热门引流!  点击广告赚钱的任务去哪找?一天能赚多少?  网赚赚钱项目的本质到底是什么?  利用百家号引流赚钱的6个步骤!  项目推广业务好做吗?推广赚钱怎么做?  通过qq群营销、微信营销、网站营销等方式售卖网络课程月入过万项目分享!  适合个人网站进行广告推广赚钱的5大广告联盟平台推荐!  想赚点零花钱不知道怎么做?这6款靠谱的手机赚钱软件推荐给你!  网站优化利用站内目录提高网站权重的方法介绍  2021年个人站长如何在网上赚钱?  分享11 种非常实用有效的app线下推广渠道!  【联盟基础】提包推广是什么意思?怎么做才能赚钱?  分享10个很火的淘客联盟赚钱渠道,副业搞起来!  【联盟基础】链接推广赚钱是什么意思?怎么做?  新手如何通过在日付广告联盟上做推广赚钱?  分享一个qq群裂变的方法挺实用  最详细的十个网站营销策略!以后再也不用担心网站的流量啦!  网站没流量?巧用这些网络推广方法来为网站引流!  弹窗广告非常烦?教你4种快速关闭弹窗广告的方法!  谷歌广告联盟赚钱是真的吗?怎么赚钱?  三个日赚300500的收益快、无门槛、几乎零成本的网络赚钱项目分享!  人人|直播|,拿出手机就能和你心仪的女神随时随地面对面交流聊天!  手机赚钱该如何做?手机赚钱的平台哪些比较好?  2020年的广告联盟行业,你的赚钱能力及格了吗?  广告结合抖音项目助你轻轻松松赚大钱!  推荐10个普通人可以做的副业赚钱项目  广告推广怎么做比较好?推广的应用场景和产品分析! 

推荐新闻