分享好友 资讯首页 资讯分类 切换频道

为网页文字的可读性而设计

2026-11-10 14:3100东莞安晨包装材料有限公司东莞安晨包装材料有限公司

可读性:“阅读的状态或质量,是一种影响印刷品持续阅读难易程度的属性。”——dictionary.com

文字可以是优美的、简单的、狂放的、有趣的、激动人心的,还有很多其他种类。它能激起情绪,帮助用户理解你所要传达的讯息。字体有很多种,但有一点是共通的——它必须具有可读性。

这是一个时常被遗忘的因素。设计师们往太狭小的空间填入太多信息,或是选用了外观胜过可读性的字体。但重点是:如果字体无法阅读,你的设计就无法完全生效。

尽管有些耸人听闻,但它几乎是普适规律。你会问:“作为艺术元素的那些字体怎么说?” 不可阅读的字体在这类设计中确实能发挥作用,但是,仅限于与可读的文字搭配使用。

在狭窄空间体现可读性

什么使得文字能够阅读呢?它实际上是很多因素共同作用的结果,包括行长度、行距、字体样式、外边距和内边距,还有颜色和对比度。

每一个元素,都影响着屏幕阅读的难易程度。这每一种元素,都是设计师能够操控的。记住,本文中谈论的这些元素,是指网站主体部分的文字,此处文字的可读性可以说是首要考虑因素。(别处文字的标准相对宽松许多,只要主体部分高度可读。)

行长度:每行的字符个数对于整体的可读性起着主要作用。如果文字段落非常宽,那是很吓人的,难以阅读。同理,每行文字太短也不行,会给读者的眼睛带来压力,造成混乱。行距:每行文字间的间距也同样重要。看看这篇文章,如果每行文字都与上下两行粘在一起,你就无法理解这些句子。字体样式:字体的样式也会影响可读性。简洁的衬线字体和无衬线字体是最具可读性、最易浏览的,而那些华丽的手书和新奇字体则最难破译。

外边距和内边距:和行距一样,元素周边和之间的空隙也影响着用户阅读文字本身。颜色与对比度:文字颜色与相应背景也至关重要。如果在绿色背景上写绿色文字,就难以阅读了。设计师选择浅色字深色背景,或是深色字浅色背景,都是有原因的。对比使得字符容易阅读。不同屏幕上的可读性

点赞 0
举报
收藏 0
打赏 0
评论 0
分享 0
更多相关评论
暂时没有评论,来说点什么吧
设计语言系统的应用实践要点
本文为我们盘点了设计语言系统的价值与意义,并进一步梳理了初次构建设计语言系统的注意事项。从工业设计到平面设计,再到近些年的数字产品设计,设计语言一直是一个热点话题,已经有很多资料对设计语言做过介绍说明,

0评论2026-11-100

aPaaS层系统自动化执行——触发器设计
本篇文章主要讲解系统自动化执行中一个很小的模块——触发器的系统化拆解和产品设计过程,希望对你有所启发。一、什么是系统自动化执行本文所讲的系统自动化执行,指的通过后台aPaaS产品配置,以实现当数据满足某种条件时,

0评论2026-11-100

UI设计,让我们和细节较劲
在UI设计师的开发流程中,UI设计就是在和细节计较,不断重复从讨论初稿到最终上线的过程,给用户带来更好的体验。如图所示,UI设计师在APP开发过程中最常见的一个问题:“你只设计了一套基于iOS的设计稿(375X667px

0评论2026-11-100

生鲜电商平台的产品定价机制(1)
本文分析了生鲜电商中不同的产品类型——毛菜、精装菜、净菜的定价机制,以及毛利率。一、蔬菜的分类及定价关键因素先说一下关于蔬菜的分类:毛菜、精装菜和净菜。B2B生鲜电商平台的客户和B2C生鲜电商平的客户,

0评论2026-11-100

一镜到底——手游交互中的情景化设计
近些年,越来越多爆款手游摒弃了纯界面的设计而选择用情景为载体,将世界观元素和故事性融入到了整个的游戏体验当中,将玩家引入游戏世界,塑造了一种全新的深度体验。世界观、代入感、场景化设计、3DUI成为了行业内的高频词汇。

0评论2026-11-102

订单信息与状态流转,看这一篇就够了
前言订单产生后,接下来会继续进行一系列流转,最后送到用户手里。在每个环节都有对应的操作,数据信息也要求其完成性,可以根据订单的每个状态变化,来计算分析,进而进行优化供应链路径,以提升订单处理效率,提高用户体验。

0评论2026-11-100

服务蓝图:你需要了解的B端产品业务分析方法论
与C端产品面向普通用户(Customer)不同,B端产品主要面向业务(Business)。本文基于B端产品的使用场景,以在线教育产品教学服务场景中的“学员服务”业务为例,介绍了B端业务需求调研中的“服务蓝图”方法论。

0评论2026-11-100

新技术必然面临的5个阶段:如何跨越“死亡之井”?
往往有时春天的播种,夏天的耕耘,没能迎来秋天的收获,而是直接进入了严酷的寒冬。因为他们可能掉入“技术采用生命周期”的死亡之井,摔落“技术成熟度曲线”的深深谷底。错把泡沫当成红利却毫不自知。

0评论2026-11-100

销售明细导入开票模块的产品思考
好的销售明细导入开票模块可以为财务节省大量的统计整理数据和开票的时间。对于产品经理来说此处需要根据具体业务,与业务部门和财务部门充分沟通梳理流程和实际业务需求再进行设计。

0评论2026-11-100

以模拟C端项目“医疗魔方”为例,剖析产品设计流程
本文以一个模拟的C端项目——医疗魔方为例,分析了其中的设计流程与思路。一、前言及说明1.团队现状由于所在的事业群性质,设计团队对接了集团大部分的界面设计需求,有B端也有C端。通常一位设计师要对接好几个项目,

0评论2026-11-100