网站制作
 
 
当前位置:首页 > 网站建设 网站制作
网页排版设计的10个小技巧
发布时间:2018-10-16   浏览次数:53231

  1. 减少不同类型字体的使用

  使用超过3种不同的字体让网站看起来没有结构且不专业。记住,太多的尺寸类型和风格也可能破坏任何布局。

  2. 使用标准字体

  字体的嵌入服务(如Google Web Fonts或Typekit))可以为你的设计提供新鲜的和意想不到的许多有趣的字体。它们也非常容易使用。以Google为例:

  1. 选择任何字体,如Open Sans

  2. 在HTML文档的中生成代码并粘贴。

  3. 完成!

  实际上,这种方法有一个很严重的问题:因为用户更熟悉标准字体,因此可以更快地读取它们。

  3.限制行的长度

  每行拥有适当的字符数量是让文本具有可读性的关键。它不是你的设计,决定你的文本的宽度,它应该是一个可读性的问题。

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

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

  5. 使用可区分字母的字体

  许多字体让相似的字形很容易混淆,特别是与“i”和“L”(如下图所示)以及在字母间距较小的空间中,例如当“r”和“n”看起来像“M”。因此,在选择你的排版时,请务必在不同的文本环境中检查你的排版,以确保不会为用户造成问题。

  6. 避免所有的文字大写

  所有大写字母:意思是文本中的所有大写字母,在不涉及阅读的上下文中很好(如首字母缩略词或标识),但是当你的信息涉及阅读时,不要强制用户阅读所有大写文字。正如Miles Tinker所说,在他的具有里程碑意义的作品中,可读性的印刷,全部大写印刷与小写排版相比,大大地延缓了用户的阅读速度。

  7. 行间距的重要性

  在排版中,我们有一个特殊术语,用于两行文本之间的间距(或行高)。通过增加行高,可以增加文本行之间的垂直空白空间,通常提高可读性以换取屏幕空间。作为一个规则,行高应该是字符高度的30%,以提高可读性。

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

  不要在文本和背景中使用相同或相似的颜色。文本越明显,用户能更快地扫描和阅读它。建议对身体文字和图像文字的对比度如下:

  1. 与其背景相比,小写文字的对比度应至少为4.5:1。

  2. 大文字(14pt/ 常规18pt及以上)的背景对比度应至少为3:1。

  9. 避免红色或绿色的文字

  色盲是一种常见的情况,特别是在男性中(8%的男性是色盲),建议使用除这些颜色以外的其他颜色来区分重要信息。也避免单独使用红色和绿色来传达信息,因为红色和绿色色盲是最常见的色盲形式。

  10. 避免使用闪烁的文字

  闪烁的内容可能会引发敏感个体的癫痫发作。它不仅可以引起癫痫发作,而且对于一般用户来说,这是令人讨厌且使人分心。


 
关于我们
  徐州慧网网络科技有限公司(以下简称慧网公司)是提供电子商务解决方案的专业化互联网服务商,具备强大的WEB应用程序开发能力,及丰富的网站设计管理经验,主要利用自身的网络技术,经验为大型企事业集团公司提供包括域名注册服务、虚拟主机出租、网站建设与推广、企业邮局、服务器出租与托管等全方位的互联网电子商务服务. “慧网公司”拥有八年专业的互联网经验,同时可为客户提供专业的电子商务平台,围绕这一领
联系我们
24小时服务热线:15365831111(微信同号)
业务咨询:0516-81581111
邮 箱:huinet@vip.qq.com
地 址:邳州市韩世步行街7号楼
徐州市和信广场F栋308室
建站热线
15365831111
7X24小时技术支持
友情链接: 徐州网站制作 徐州网络公司 邳州网站建设 新沂网站建设 睢宁网站建设 贾汪网站建设 句子