
不良网站的排版设计也是不良用户世界里的一种方式。在本文中,作者将分享一组规则来帮助您提高文本内容的可读性。
“类似地”被认为扮演了一个关键的角色——它可以在网站和用户之间建立链接,并帮助用户实现他们的目标。当我们在网页构思这个圈子里谈论同样的事情时,一切都是指文本的输出。
排版在任何过程中都起到了非常重要的作用:收集的信息中95%以上已经是口语了。高质量的墨水排版设计使访问紧密,而糟糕的墨水排版设计导致用户关闭网页。“网页构思95%是排版设计构思”;
恶化的排版设计是降低可读性、可视性、可用性和团队平衡的核心区域。
换句话说,变质网站的版式设计也是变质用户世界里的一种方式。在上面的文章中,我会提供一套规则来帮助你开发文本内容的可读性以及可读性的划分。
1。使用更少的字体
使用三个以上不同的词来理解会使网站看起来缺乏结构和技术专业知识。注意,一次使用更多的字体样式会破坏所有的整体规划。
为了更好地防止这种情况,测试将减少字体的数量。
一般来说,把字体的数量限制在最小(两个太多,一个刚刚好)。如果你使用一种以上的字体,确保字体有一系列产品的感觉,并根据其标识符的总宽度相互补充。请听评论上方字体组的例子。格鲁吉亚和凡尔达纳(左)是分开的,他们互相配合,创造了一个成本相近的和谐搭配。就拿巴斯克维尔vs.Impact(左)这个比喻来说,大大屏蔽了衬线对比对应的无比程度,构成了很好的视觉效果。
wordsystem软件列已保证根据其标识符的总宽度限制相互补充。
2。限制测试中使用的字体
字体嵌入服务(如GoogleWebFont或Typekit)有很多幽默的字体,可以为你的想法提供标新立异、新奇意想不到的效果。它们使用起来也很方便。以谷歌为例:
选择所有字体,如OpenSans。
编码并粘贴到HTML文本文档中。
去吧!
没有它什么情况下会沉?
的确,那种练习有两种考试分数
并不是每个人打开阅读软件都能看到统一的字体,也就是说你选择的用户觉得好的字体并不能呈现所有的用户。
用户更熟悉有限的字体,因此他们可以更快地阅读他们想要的信息。
除非你的网站有足够吸引人的自定义字体(比如传播名牌或者营造尽力而为的感觉),否则还是用管理系统的字体比较好。更冷静的方法是使用管理系统字体:Arial、Calibri、Trebuchet等。请记住,高质量的墨水排版设计将吸收读者的内容,而不是墨水本身。
3。限制文本行数
每次分配适当数量的标识符时,它都是文本可读性的核心区域。决定你文字整体宽度的不仅仅是你的想法,还有一个可读的测试结果。从《贝玛讨论》思考封闭可读性,提倡少用文本行:
“如果你想要一个非常好的访问体验,你应该把每次访问限制在60个字符左右。每当你拥有适当数量的标识符时,它就是文本可读性的核心区域。”
如果文字太短,就要经常翻白眼,提高读者的节奏。如果一站式文本太少,用户的眼睛很容易长时间专注于一站式文本。照片来源:材料概念
至于机动武器装备,随时都是互相连接的,30-40个字符。以下是两个在移动武器装备上被查过的网站的例子。第一种方法在每个站点使用50-75个字符(最好是带有每个站点标识符的印刷表中的数字),而第二种方法最好使用30-40个标识符。
在网页的构思中,你可以通过使用clarity来限制整个过程中文本块的总宽度,并且最好在每一端显示标识符的数量。
4。选择各种规格的文本元素
用户会从不同显示尺寸和分辨率的武器装备上遇到你的URL。大多数用户需要各种大小的文本元素(关键词、字段名称、单元问题等。).选择一种能够在各种规格的显示屏上运行的高质量字体,以互联各种规格的可读性和易用性,这一点非常重要。
谷歌机器人字体
确保您选择的字体在较小的显示屏上清晰可见!测试不鼓励使用草书字体,比如Vivaldi(在上面的例子中):虽然它们很漂亮,但是很容易访问。
Vaidi字体将很容易在已经很小的显示屏上使用。
5。使用可以识别英文字母的字体
许多字体使得混合相似的英文字母情况变得非常简单。评分以“I”和“L”的英文字母间距为准(如下图所示)。
比如“R”和“N”长得像“M”的时候。因此,在选择您的案例时,请尽量在已区分的原文中禁用您的案例,以确保不会为您的用户生成任何测试结果。
6。阻止所有英文字母大写
所有大写的英文字母——实际上是所有大写和小写的文本——都没有碰过。高高低低的原文(比如结尾英文缩写或者logo)看起来不错,但是当你的声音触及到面试的时候,不要强迫其中的一些使用大写的英文字母。正如MilesTinker所说,在他里程碑式的实用产品“可读性”中,为了加快扫描仪的访问速度,删除了一些大写字母,取小写字母作为大小写类比。
7。不需要,只需减小行距
在排版设计中,每个人都有一个专门的技术术语,用来停止文本之间的间隔(或停止)。整个删除过程结束后,可以删除文本中间的房间空,但要开发可读性,替换显示屏幕中的房间空。有一个基本的划分规则,问题的room空应该是标识符较低程度的30%,以开发可读性。
良好的间距有利于可读性。图片来源:略硬
正如DmitryFadeyev所强调的那样,精确天气利用这一部分的中间差距已被证实可以培养20%的掌握能力。利用间隙的招数,可以为用户提供可以转换的基本常识内容,进而脱离没有闭合的关键点。
左:几乎重叠的笔墨。左:良好的间距有利于可读性。图片来源:iPhone
8。确保您有足够的特定颜色光强度
文本不应使用相似的颜色。文本越明显,扫描仪访问它的速度就越快。W3C提倡对人体形状的钢笔和墨水战斗图像使用以下特定的光强度:
这些文字不符合色比对光强的推荐,很容易根据场景的颜色终止访问。
小字体的光线强度至少应为4.5:1。
大字体(高于14pt/18pt的一般规则)的特定光强度至少应为3:1。
推荐使用这些文本进行光线强度的颜色比较,并且易于访问场景的颜色。
一旦选择了颜色,根据需要对已经拿到大部分武器装备的用户停止检测。如果所有的测试都显示有测试分数,那么你可以确保你的用户有相同的详细测试分数,然后去相同的终止来解决。
9。不要将油墨染成白色或翠绿色
绿色色盲是一种常见的情况,在男性当中(8%的男性是彩色的)。主张用除颜色以外的其他案件线索来认定重点嫌疑人。还有的,劝阻用白拼翠零丁来传达疑惑,因为白拼翠红绿色盲是红绿色盲最常见的情况。
10。不鼓励使用闪光墨水
燃烧本身或者燃烧的内容会引发一些敏感的神经系统爆发。它不仅可以挑起神经系统的冲突,还可以使人厌倦或专注于一般用户的方式。
结果
字体设计是一个关键的概念。做出准确的排版设计选择可以让你的网站感觉焕然一新。因此,油墨排版设计的可读性、掌握度和清晰度非常重要。版式设计的存在和使用是突出的内容,应该以不削减用户认知能力负担的方式删除内容的可读性。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)