百中搜:如何科学提高文本易读性?

SEO知识 战车网 来源:金蝶云之家体验中心 153浏览

排版设计是ui设计师的基本功。但或许是因为它太基本了,很多时候很多设计师都会直接忽略它的存在,导致最后的实现效果不够理想。或许就是这些细节导致手中的产品看起来总是差那么一点点。尤其是对于一些注重阅读体验的页面来说,每一个细节都可能成为致命伤。

艺术是无依据可循的,但是文字排版却是有依据可循的。下面就排版中的字体样式、留白大小、对齐方式、色彩对比度四个要素来简单谈一谈如何科学提高移动端文本的易读性,提升设计质感。(找到设计依据之后,面对产品经理的质疑也更有怼回去的底气了哈哈哈)

大前提:明确设计目标

所有的设计都必须在这个前提之下进行。以下提到的数值只是一个参考,更重要的是你想通过页面传递给用户的信息,明确设计目标,以此对你的设计进行调整。否则,设计的意义便不存在了。

字体大小

通过字体大小去凸显内容、区分层级是一种设计趋势,同时也是ios11 的设计思路之一。那么,如何去选择字体的大小能达到比较好的效果呢?

material design对方块字主标题和内容文字的大小分别定为24sp和15sp,24/15=1.6,接近黄金比例;airbnb的主标题和内容文字的比例同样接近黄金比例。

实际上黄金比例的字号对比在移动端是一个适合突出主题的比例,是一个“美”的比例,但并不一定是一种适合阅读的比例。一个以阅读为主的页面在字号选择上可能需要较小的比例,若是你在字号的选择上缺乏信心,也可以用一些工具进行辅助选择,比如Modular
Scale(Adobe的排版负责人Tim
Brown创建的工具),其中囊括了历史上最令人满意的几种比例关系,通过这个比例进行匹配至少可以保证不出错。

文字留白

“留白”即在版面中留出空余的空间,处理好留白能使文本视觉流平顺,提升阅读舒适性。对于一篇文章而言,留白从小到大分别有文字中的空白、文字与文字之间的空白、行与行之间的空白、段与段之间的空白,留白面积的大小也要遵循这个顺序。

行间距的设定:行间距的设定直接影响了视线从前一行末尾移动到下一行开头的难易。行间距过高导致视线分散,容易游离;行间距过小则容易影响视线的移动,让人找不到正在阅读哪一行。普遍认可的做法是将行高设置为1.5em-2.0em。在这个基础之上,字体样式、大小、行宽还会对行间距的设定有一定的影响。

转载请注明:战车网 » 百中搜:如何科学提高文本易读性?

猜你喜欢

友软科技:浅谈医疗网站内容建设对SEO的影响

目前,随着网络营销在市场上的应用,医疗行业早已经在这个行业开展的如火如荼。特别是那些民营医疗企业,早已看中了这块市场,确实,相对于电视媒体和纸质媒体,网络给予了医疗新的天地,谁占据了网络,谁就占据了制高点,而医疗网站,作为展示企业的窗口,吸引客户的门...

电子商务seo:能反映出网站用户体验的四个方面

用户体验已经成为百度给以网站权重最重要的因素,所以seo工作的重心也在于优化网站的用户体验。不过用户体验看起来是有点虚的概念,因为它不像外链一样可以用工具查询,也不像内容那样可以用收录数量来衡量,但用户体验还是可以通过一些方面来反映出来的。 这里整理...

赣州seo:再析百度十一位现象的解决方法

几天前有朋友在博客中留言说,想要了解网站在百度中出现的第十一位现象,而且出现百度的十一位现象该如何解决?那么,就应这位朋友的要求,写一些自己对百度十一位现象的看法及相关的操作方法。 百度算法在不断的变动,而在这个过程中就会对新老网站带来影响,这个影响...