网页排版设计的技巧大全!( 二 )
左:几乎重叠的文本 。右图:良好的间距有助于可读性 。图片来源:苹果
8. 确保你有足够的颜色对比度 不要在文本和背景中使用相同或相似的颜色 。文字越明显,用户浏览和阅读的速度就越快 。W3C建议在正文文本和图像文本之间使用以下对比度:
与其背景相比,小写文字的对比度应至少为4.5:1 。大文字(14pt/ 常规18pt及以上)的背景对比度应至少为3:1 。这些文字行不符合颜色对比的推荐,根据背景颜色很难阅读 。
这些文本行符合颜色对比建议,易于阅读背景色 。
一旦你选择了颜色,你必须在大多数设备上用真实用户测试它 。如果测试显示阅读副本有问题,就可以确定你的用户有完全相同的问题 。
9. 避免文本为红色或绿色 色盲是一种常见的疾病,尤其是在男性中(8%的男性是色盲) 。建议使用这些颜色之外的其他颜色来区分重要信息 。也要避免单独使用红色和绿色来传达信息,因为红色和绿色色盲是最常见的色盲形式 。
10. 避免使用闪烁的文字 闪烁的内容可能会引发敏感人群癫痫发作 。它不仅会导致癫痫发作,而且对一般用户来说很烦人,很分散注意力 。
避免闪烁其词!
结论 排版是一件重要的事情 。做出正确的布局选择可以让你的网站看起来更优雅 。另一方面,糟糕的字体选择可能会分散注意力,并经常吸引人们对字体的注意 。排版要做到易读、易懂、清晰,这一点至关重要 。
内容排版是为了荣誉而存在的 。
排版应该以不会增加用户认知负荷的方式尊重内容 。
推荐阅读
- 扁平化网页设计怎么做 扁平化设计网站思路
- 赋予内涵的设计理念范文 logo设计理念怎么写更规范
- 单页面做百度排名的思路 网页页面优化方法
- 响应式网站设计规范和注意事项!
- 公司网络搭建与部署多少钱!
- 翡翠|雕工的好坏决定着翡翠价值,设计新颖,线条流畅,会给翡翠加分
- 做网页服务器环境工具大全 常见web服务器软件有哪些
- 附:国际优秀网站排行榜 国外优秀网站设计成功案例
- 附:经典网页设计思路 高端企业网站建设案例
- 网站设计步骤和思路 大型网站结构设计方案总结