网页的文本,是网页筹划中的一个主要元素,案牍筹划的优劣决议着网页的成败。网页文本能够是俏丽的、庞大的、狂野的、令人着迷的、使人兴奋的和很多其他布满未知的东西。它能够吸收到用户的留意力,让用户疾速的熟悉他想要的信息,激起用户感情并辅助用户了解你网站所要表达转达的信息。文本的范例能够是八门五花,一成不变,
响应式建网站,但有一点是罕见的——它必需是可读性很强的。
这是一个有时被忘掉的主要要素。筹划师勉力将太多信息放入狭窄的空间外面,或挑选看起来比浏览更好的东西。但要点是:假设你的字体筹划假设辨识度不高,主次性不强,那末你的筹划就不会完全有效,因为笔墨可读性不强,没有给用户留下深入的印象。
简而言之,甚么是可读性
那末是甚么让范例可读呢?它实际上是很多要素的组合,包罗行长、行距、字体款式、边距和添补和色采和比较度。
每一个单独的元素都邑影响在屏幕上浏览内容的难易水平。这些元素中的每一个都是筹划师能够节制的。请留意,当我们在整篇文章中接头这些元素时,我们指的是网站的主体文本,个中可读性能够说是最大的题目。(只需注释具有高度可读性,个中很多原则对付其他文本元素就宽松很多。)
行长:一行文本中的字符数在很大水平上影响全体可读性。假设文本十分宽,则或者会使人生畏且难以浏览。太短的文本行也是云云,这会给读者的眼睛带来压力并形成杂乱。
前导:文本行之间的空间量一样主要。斟酌这篇文章,假设每行范例都触及它下面和下面的行,你将没法了解这些词。
字体款式:字体款式也会影响可读性。庞大的衬线和无衬线字体是最易读和可扫描的,而富丽的款式、剧本和新颖字体最难破译。
边距和添补:与前导一样,工具四周和工具之间的空间量会影响用户浏览实际单词的才能。
色采和比较度:文本相对付响应配景的色采也很主要。假设您将绿色字体放在绿色配景上,则或者难以浏览。大多数筹划师在淡色配景上挑选深色配景上的淡色笔墨是有缘由的。比较使字体易于浏览。
分歧屏幕上的显现情势
那末若何创立最易读的范例呢?对付注释文本,有一些关于每行和每种设备范例的字符数的根基原则,这有助于完成最好可读性。
那末你如何晓得从那里开端呢?最好行长能够辅助您肯定文本巨细。办法以下: 肯定注释文本框的宽度——您一般能够将其假定为桌面、表格或挪动设备巨细。并调剂字体巨细以落入幻想的字符数局限内。
固然另有其他要素在起感化,但这些指南是一个很好的出发点。
桌面:每行55到75个字符,包罗空格;幻想的是每行靠近 65 个字符
挪动设备:每行 35 到 50 个字符
将每行的最好字符数与较大的行间距(或行距)相联合之前进可读性。行距一般最好界说为注释巨细的百分比,并且能够界说为硬数字或应用 em。
台式机:字体巨细的 1.5 倍
挪动设备:范例巨细的 1.75 到 2 倍
假设您正在寻觅一种精彩的东西来辅助简化全数这些数学运算,请实验应用黄金比例排版较量争辩器。
其他可读性提示
创立可读的排版与不是主体文本的范例也有很大干系。应用题目、项目标记列表、段落之间的额定间距和色采也能够增加全体可读性(和读者浏览网站的才能)。
斟酌应用这些元素增加文本条理构造,以创立更完全且可读性更高的网站筹划。并记着应用与主体文本相和谐的特定字体、巨细和色采来“筹划”这些元素中的每一个。
既然您以为自己对下一个筹划项目要应用的字体和气概有了一个很好的熟悉,您肯定您已以完全可读的体式格局将全数内容组合在一路了吗?这是一个疾速清单,可辅助您筹划字体筹划。
主体型够大吗?它可否落在每一个设备尺寸的最好线长局限内?
每行文本之间可否有充足的间距?
文本和页面边沿和其他筹划元素之间可否有充足的空间?
配景和注释之间的比较度可否充足?
每一个新段落之间可否有额定的空间?
题目和其他文本元素可否与主体文本分歧?
您可否应用其他元素(项目标记列表、粗体等)来分化大块文本?
您可否为主体应用了可读字体(最好是庞大的衬线或无衬线)?
结论:可读性是筹划的主要构成部分。假设您没法浏览和了解页面上的内容,则它对用户而言永久不会相干且主要。你若何筹划筹划项方针可读性?您另有其他胜利诀窍吗?接待与我们分享。