249045439
网站设计

网页排版设计的10个小窍门

发表日期:2023-12-26   作者来源:www.ounihu.com   浏览:0   标签:网站制作    

交流在设计中起着至关要紧有哪些用途。这是打造用户和网站之间的明确联系,并帮你的用户达成目的的重要。当大家谈论网站制作环境中的交流时,这一般是指文本。排版在这个过程中起着至关要紧有哪些用途网页排版设计的10个小窍门优化你的排版就是优化你的用户界面。在这篇文章中,我将提供一些规则,帮你提升文本内容的可读性。

1. 降低不相同种类型字体的用法

用超越3种不一样的字体让网站看着没结构且不专业。记住,太多的尺寸种类和风格也会破坏任何布局。

通常来讲,将字体数目限制在最小限度(两个非常充足,一般一个就足够了),并粘贴相同的字体到整个网站。假如用多个字体,请确保字体系基于字符宽度互相补充。以下面的字体组合为例。Georgia和Verdana(左)的组合具备一样的价值,配对的非常和谐。比较与Baskerville和Impact(右)的配对,其中大大加重的Impact使与其对应的衬线字体没光彩。

确保字体系基于字符宽度互相补充

2. 用标准字体

字体的嵌入服务(如谷歌 WebFonts或Typekit))可以为你的设计提供新鲜的和意料之外的很多有趣的字体。它们也很容易用。以谷歌为例网页排版设计的10个小窍门由于用户更熟知标准字体,因此可以更快地读取它们。除非你的网站对于自概念字体(如对品牌宣传或创建沉浸式体验)很有吸引力,不然一般最好用系统字体。最安全的办法是用一个系统的字体网页排版设计的10个小窍门“假如你想有一个好的阅读体验,应该每行约60个字符。每行拥有适合的字符数目是叫你的文本具备可读性的重要。”假如行太短,视线需要常常返回,这就会打破读者的步伐。假如一行文字太长,用户的视线将非常难专注于文本。

对于手机,应该每行30-40个字符。以下是在手机上查询的两个网站的示例。第一个是用每行50-75个字符(打印和桌面的每行好字符数),而第二个使是用好的30-40个字符。在网站制作中,可以通过用em或像素限制文本的宽度来达成每行好数目的字符。

4. 选择一个能在各种尺寸中工作的字体

用户会从具备不同屏幕尺寸和分辨率的设施访问你的网站。大部分用户界面需要各种大小的文本元素(按钮复制,字段标签,章节标题等)。选择一个可以在多种尺寸和重量上运行好的字体以维持每一个尺寸的可读性和可用性是尤为重要。

确保你说选择的字体在较小的屏幕上明确可辨!尝试防止用草书的字体,比如Vivaldi(在下面的示例中)网页排版设计的10个小窍门意思是文本中的所有大写字母,在不涉及阅读的上下文中非常不错(如首字母缩略词或标识),但当你的信息涉及阅读时,不要强制用户阅读所有大写文字。正如MilesTinker所说,在他的具备里程碑意义的作品中,可读性的印刷,全部大写印刷与小写排版相比,大大地延缓了用户的阅读速度。

7. 行间距的重要程度

在排版中,大家有一个特殊术语,用于两行文本之间的间距(或行高)。通过增加行高,可以增加文本行之间的垂直空白空间,一般提升可读性以换取屏幕空间。作为一个规则,行高应该是字符高度的30%,以提升可读性。正确地用段落之间的空白已被证明可以将理解提升20%。用空白的技能在于为用户提供可消化量的内容,然后剥离不重要的细节。

8. 确保你有足够的颜色对比度

不要在文本和背景中用相同或一样的颜色。文本越明显,用户就能更快地阅读它。 W3C建议对身体文字和图像文字的对比度如下网页排版设计的10个小窍门1。

2. 大文字(14pt/ 常规18pt及以上)的背景对比度应至少为3网页排版设计的10个小窍门排版是一件要紧的事情。做出正确的排版选择可以叫你的网站看起来更高雅。其次,糟糕的排版选择会叫人分心,总是会引起对排版的注意。让排版具备可读性,可理解性和明确度是至关要紧。

推荐题目网页排版设计的10个小窍门

如没特殊注明,文章均为建站精灵 原创,转载请注明来自http://www.huijianjun.com/news/3/6295.html