征集码头论坛_LOGO_广告语_名字_征文_歌曲_包装_景观_文创征集网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 732|回复: 0
打印 上一主题 下一主题

[技巧教程] 为网页文字的可读性而设计,

[复制链接]

8万

主题

9万

帖子

27万

积分

版主

Rank: 7Rank: 7Rank: 7

积分
274320

灌水之王突出贡献论坛元老优秀版主宣传达人

跳转到指定楼层
楼主
发表于 2015-3-16 14:22:06 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

[size=11.818181991577148px]
  可读性:“阅读的状态或质量,是一种影响印刷品持续阅读难易程度的属性。”——dictionary.com
  文字可以是优美的、简单的、狂放的、有趣的、激动人心的,还有很多其他种类。它能激起情绪,帮助用户理解你所要传达的讯息。字体有很多种,但有一点是共通的——它必须具有可读性。
  这是一个时常被遗忘的因素。设计师们往太狭小的空间填入太多信息,或是选用了外观胜过可读性的字体。但重点是:如果字体无法阅读,你的设计就无法完全生效。
  尽管有些耸人听闻,但它几乎是普适规律。你会问:“作为艺术元素的那些字体怎么说?” 不可阅读的字体在这类设计中确实能发挥作用,但是,仅限于与可读的文字搭配使用。
在狭窄空间体现可读性
  什么使得文字能够阅读呢?它实际上是很多因素共同作用的结果,包括行长度、行距、字体样式、外边距和内边距,还有颜色和对比度。
  每一个元素,都影响着屏幕阅读的难易程度。这每一种元素,都是设计师能够操控的。记住,本文中谈论的这些元素,是指网站主体部分的文字,此处文字的可读性可以说是首要考虑因素。(别处文字的标准相对宽松许多,只要主体部分高度可读。)
  • 行长度:每行的字符个数对于整体的可读性起着主要作用。如果文字段落非常宽,那是很吓人的,难以阅读。同理,每行文字太短也不行,会给读者的眼睛带来压力,造成混乱。
  • 行距:每行文字间的间距也同样重要。看看这篇文章,如果每行文字都与上下两行粘在一起,你就无法理解这些句子。
  • 字体样式:字体的样式也会影响可读性。简洁的衬线字体和无衬线字体是最具可读性、最易浏览的,而那些华丽的手书和新奇字体则最难破译。
  • 外边距和内边距:和行距一样,元素周边和之间的空隙也影响着用户阅读文字本身。
  • 颜色与对比度:文字颜色与相应背景也至关重要。如果在绿色背景上写绿色文字,就难以阅读了。设计师选择浅色字深色背景,或是深色字浅色背景,都是有原因的。对比使得字符容易阅读。



分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享分享
征集码头网http://www.zhengjimt.com/
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|征集发布|征集码头 ( 皖ICP备2021000921号-1 ) 

GMT+8, 2024-11-16 07:07 , Processed in 0.510285 second(s), 26 queries .

快速回复 返回顶部 返回列表