专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

网站开发指南:网页排版容易犯的10种错误

当前位置:网站建设 > 优化推广
资料来源:网络整理       时间:2023/3/22 1:30:31       共计:3589 浏览

??互联网网络上95%以上的信息是书面形式的。优化提升排版则是优化提升可读性,可浏览访问性,可用性,集体图形平衡。换句话说:优化提升排版也是优化提升用户使用者界面。将供应提供一组规则,协助支持您提升提高文本信息信息内容的可读性和易读性。

??1. 最少运用字体数量

??运用超过 3 种不一样的字体使网站站点看起来非模版结构化和不专业,太多的分类类型尺寸和样式一次也也许毁害任何部署布局。

??通常来说,整个网站站点字体的数量约束在最多两种,一种通常就足够了。如果您运用多个字体,请确保字体系基于字符宽度互补。如图:左边组的字体相对就比较和谐,而右边字体的粗细对比太明显,则显得轻重比如很不和谐了。

??2. 尝试运用准则字体

??字体嵌入服务(如Google Web字体或Typekit)有许多有趣而准则的系统字体,而因为用户使用者尤其熟悉准则字体,所以能够更快地读取它们。

??除非您的网站站点对于自定义字体(如公司品牌传播或搭建身临其境的感受体验)十分有吸引力,否则通常最好运用系统字体。

??3. 约束线长度

??如果你想要一个良好的阅读感受体验,你应当每行约 60 个字符。在每行上拥有适当的字符数量是您的文本信息可读性的关键。如果每行纯文本文字太短,视线必须来回折回来,打破读者的节奏。如果一行纯文本文字太长,用户使用者的眼睛将很难专注于文本信息。

??对于手机端移动设备,您应当每行30- 40 个字符 。以下是在手机端移动设备上查看的两个网站站点的示例。第一个运用每行50- 75 个字符(打印和桌面的每行最佳字符数),而第二个运用最佳30- 40 个字符。

??4. 选取各种尺寸的字体

??确保您选取的字体在较小的屏幕上清晰可辨!

??维瓦尔第字体将难以在小屏幕上阅读:

??5. 运用可区分字母的字体

??许多字体使得很容易混淆类似的字母,特别是与“i”和“L”(如下图所示),所以当选取你的字体分类类型时,请确保在不一样的上下文中检查你的分类类型,以确保不会为你的用户使用者造成疑问。

??6. 防止英文全部大写

??请勿强制用户使用者阅读所有大写字母,与小写分类类型相比,那只会大大延缓了用户使用者扫描和阅读的相应速度,让他们分分钟爆炸。

??7. 不要最小化线间距

??行间距通常是字符高度的30%,以便良好的可读性。

??而段落之间的间距能够比行间距提升提高20%,留白能够为用户使用者供应提供消化信息内容的时间。下图左:几乎重叠的纯文本文字。右:良好的间距有助于可读性。

??8. 确保您有足够的色彩对比度

??不要对文本信息和背景运用相同或相似的色彩。文本信息越明显,用户使用者满足扫描和阅读的相应速度越快。

??9. 防止将纯文本文字着色为红色或绿色

??提议运用除色彩以外的其他线索来区分关键信息。也防止单独运用红色和绿色来转达信息,防止有色盲用户使用者没办法顺利阅读的情景概况。

??10. 防止运用闪烁的纯文本文字

??闪烁或闪烁的信息内容也许会使少许敏感人群发疯,并且对于通常运用者来说,这也许是令人讨厌或分心的。

??结论:

??使排版具备可读性,可明白性、清晰明了至关关键。至关关键。好的排版能够让您的网站站点感觉清爽而令人眼前一亮。另一方面,糟糕的排版选取令人分心。排版是为了信息内容更好的展现,应以不会提升增加用户使用者认知负荷的方式来尊重信息内容。

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:企业建网站指南:制作网站需要了解的知识 | ·下一条:网站建设指南:解析HTML5网站建设发展趋势

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有