• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网页可读性提高的几个方法

网页可读性提高的几个方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含方法,提高,网页,文字,用户,可以,使用,链接,网站,阅读等相关知识,佚名 希望在学习及工作中可以帮助到您

1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。
2. 把文字圈成小块 (”Chunk up” your copy). 大块的高密度的文字让你的用户感觉信息负荷超载,有压抑感。几个小技巧:
用列表(或者1-2-3)和副标题
保持段落短小
在重要的观点上使用加粗或使用不同颜色,便于那些不太耐心而快速浏览的用户能抓住重点
控制文字的行宽(Use columns to control text width.)
3. 避免杂乱的背景(Avoid busy backgrounds),让文字容易看清楚。
4. 少一点更好(Less is better). 在页面上放置越多杂乱的东西,越是让用户迷惑,分散注意力,不能集中阅读。网站看起来也不够专业.在放任何一项东西前想想,真的不放不可么?
5. 使用辨识性好的字体(Strive for a clean font style for maximum readability.)
6. 文字不要太小(Don’t use itsy-bitsy font sizes). 蚂蚁似的文字,很难快速的阅读。如果用户自己可以控制就更好了。
7. 让链接更像链接(Make your links look like links). 如果不是标准蓝色链接,最好可以加上下划线。不是链接的文字,最好不要加下划线。

您可能想查找下面的文章:

  • 借贷宝怎么推广让大家都来注册呢? 借贷宝推广方法技巧
  • 网页可读性提高的几个方法
  • node调接口拉数据
  • 解决stackoverflow打开慢的方法
  • 针对零基础新人,我给出这份可能是最详细的UI 自学流程总结
  • 新手交互设计师如何迅速成长?爱彼迎高手来教你!
  • 教科书级别的干货!一文看懂如何选择合适的用研方法
  • 我用这个极限推敲法,有效推进视觉设计
  • 零基础必备:详解十种常见的水彩基本技法+问题总结
  • 设计师没原创灵感?试试这个方法!

相关文章

  • 2018-08-23你好,我就是传说的佛系设计师
  • 2018-08-23实例解析!如何成为有交互和视觉思维的UI 设计师?
  • 2018-08-23优设首发!iPhone X 官方人机交互指南中文版
  • 2017-08-06下拉菜单和滑动菜单设计实例
  • 2017-08-06网页设计中的表单设计技巧小结
  • 2018-08-23菜鸟变高手!为何我如此推崇低保真原型测试(附方法)
  • 2018-08-23看过那么多UI 配色指南,这篇可能是最全面的(附大量实例)
  • 2018-08-23一个完整的平面设计流程是怎样的?
  • 2017-08-06黑白灰低调大气范的网页设计欣赏
  • 2017-08-06以用户为中心作为设计的标准

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 收藏起来!设计师要经常问自己的100个问题
    • 对CSS选择器权重的认识(亲测)
    • 人工智能字体来了?!阿里×汉仪的全球首个人工智能中文字库面世!
    • 想成为UX 设计师,该学习哪些很重要的技巧?
    • 在看了10000条标题后,我们总结了写文案的4大技巧
    • 超实用!西文字体及排版的运用方法(附字体搭配建议)
    • 分析近30年奥斯卡最佳影片海报后,得出了这样的设计套路
    • 去掉点击链接时出现的虚线框的几个方法
    • 腾讯出品!从零开始制作设计规范的实用指南
    • AR KIT有哪些玩法?来看这些超好玩的案例!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有