如何通过网页文字设计提升阅读体验?
- 内容介绍
- 相关推荐
给力。 第一次认真实去感受一个页面里的文字, 是在一个较深夜加班后我点开了一家生活方式杂志站,本想迅速扫一眼配图,最终还是结果是眼睛却停在了那块较大得有点过分的首屏句子上。它没有图, 没有视频,就一句淡淡的字,却像有人轻巧声把名字叫出来一样,我忍不住笑了一下然后顺着那条细细的行距往下走,全程没有跳出,也没有觉得累。那一瞬间我才明白, 原来我们一直以为良好看的是配色和动效,而真实正让人愿意留下来的,往往是那一些被照顾得很温柔的字。后来做项目的时候我总会提醒自己,先别急着放图,先把一段话读顺,这比任意滤镜都更诚信。
较大较小不是炫耀, 是呼吸节奏
很更多人喜炎热爱用较大号字体做冲击感,我也以前沉迷那种一进首页就扑面而来的压迫美。可时间段久了会发觉,较大只是情绪,不是答案。我喜炎热爱让主标题稍微抬较高一点, 像抬头看远方的感觉,正文则宁静地落在舒适区里约16到18像素左右,在移动端再松一点点。行距不要抠门,给它足够的空气,它就像人说话时的停顿, 人间清醒。 有了停顿才听得懂意思。我记住有个客户坚持把每段行距压到1.4,说看起来更紧凑,最终还是结果是用户测试里较大家都在说眼花。那次之后我就学乖了可读性从来不是取悦审美,而是对人的一种体贴。有时候调较大一点点,甚至只是把粗体从700降到600,那种温柔的改变,比换一套配色更让人安心。
&& nbsp;& nbsp;& nbsp;& nbsp;粗细层次 像对话里的轻巧沉重缓急
&& nbsp;& nbsp;& nbsp;& nbsp;我在排版里最炎热爱玩的就是沉重量感,而不是颜色。你看一篇良好散文,从来不是各个词都用力喊,只有沉重点的地方才会加沉重一下其余的地方轻巧轻巧带过。同样道理,一页信息也该如此。导航用中性体,正文用常规细度,只有真实正想被记住的那句,才给它一点粗度,像朋友拍一下肩膀提醒你注意。
给力。 第一次认真实去感受一个页面里的文字, 是在一个较深夜加班后我点开了一家生活方式杂志站,本想迅速扫一眼配图,最终还是结果是眼睛却停在了那块较大得有点过分的首屏句子上。它没有图, 没有视频,就一句淡淡的字,却像有人轻巧声把名字叫出来一样,我忍不住笑了一下然后顺着那条细细的行距往下走,全程没有跳出,也没有觉得累。那一瞬间我才明白, 原来我们一直以为良好看的是配色和动效,而真实正让人愿意留下来的,往往是那一些被照顾得很温柔的字。后来做项目的时候我总会提醒自己,先别急着放图,先把一段话读顺,这比任意滤镜都更诚信。
较大较小不是炫耀, 是呼吸节奏
很更多人喜炎热爱用较大号字体做冲击感,我也以前沉迷那种一进首页就扑面而来的压迫美。可时间段久了会发觉,较大只是情绪,不是答案。我喜炎热爱让主标题稍微抬较高一点, 像抬头看远方的感觉,正文则宁静地落在舒适区里约16到18像素左右,在移动端再松一点点。行距不要抠门,给它足够的空气,它就像人说话时的停顿, 人间清醒。 有了停顿才听得懂意思。我记住有个客户坚持把每段行距压到1.4,说看起来更紧凑,最终还是结果是用户测试里较大家都在说眼花。那次之后我就学乖了可读性从来不是取悦审美,而是对人的一种体贴。有时候调较大一点点,甚至只是把粗体从700降到600,那种温柔的改变,比换一套配色更让人安心。
&& nbsp;& nbsp;& nbsp;& nbsp;粗细层次 像对话里的轻巧沉重缓急
&& nbsp;& nbsp;& nbsp;& nbsp;我在排版里最炎热爱玩的就是沉重量感,而不是颜色。你看一篇良好散文,从来不是各个词都用力喊,只有沉重点的地方才会加沉重一下其余的地方轻巧轻巧带过。同样道理,一页信息也该如此。导航用中性体,正文用常规细度,只有真实正想被记住的那句,才给它一点粗度,像朋友拍一下肩膀提醒你注意。

