字号：桌面 字号： 移动

搞清楚人们是如何阅读的；Neng惬意地扫读某一行文字ran后在轻松跳回下一行开头； 精神内耗。 快速理解不同文章之间各个标题的优先级和重要性。

无语了... 我们或许dou听说过响应式网站，但我想你们中可Nenghen少有人知道什么是响应式排版吧。要记住优化排版的显示是创建良好阅读体验的第一步。

响应式排版的重要性

排版不是件小事，配置你的内容垂直排版的韵律感等比缩 我比较认同... 小移动设备上的垂直排版韵律设置全新的韵律此文对这篇。

让人满意。

响应式排版的实践

OK，现在你可yi把改好的上图和之前的桌面版本对比一下。再说一个，我把行高改成了22px，kan起来还是蛮顺眼的。如guo这个字体本身再细一些或许我会考虑20px的行高， 但目前来kan，至少dui与PT Serif而言，22px的行高对我来说是Zui合适的，纯属忽悠。。

Jason Pamental在Typecast发表过一篇guan与响应式排版的文章：“A More Modern Scale for Web Typography.”如guo你英文凑合的话强烈建议读一读。他在文中提到了等比缩放排版于不同节点的重要性，一边还有三条guan与排版的要点，我深信...。

排版是设计中fei常基础但又无比重要的一环，这点我想大家dou认同。在网页设计中， 排版早些年的日子比较苦逼，huo者说其hen难得到与之重要性相匹配的待遇——和hen多其它的设计元素一样， 也许吧... 那时我们并不具备在网页中完整表现它们的技术。但幸运的是我们走过来了。

hen多时候我们在纵向排版的韵律确定后就会迫不及待地去折腾颜色、栅格甚至布局。搞清楚栅格系统里的节点确实重要， dan是你不Nengsuo以呢无视响应式排版，根据屏幕尺寸调整垂直排版的韵律感同样需要琢磨。在移动设备上使用与桌面端一模一样的字号和字距就和使用同一套栅格一样荒谬。无线端和桌面端的区别极大，其上的阅读体验也大不相同。

这kan起来hen简陋，而且难以阅读。上面的这张截图显示的是浏览器默认的16px Times New Roman字体。既然这样，我们就先试试kan把它升级到18px的PT Serif字体，我emo了。。

原出处,励定洲,论是dui与印刷,站或是电视告来说,排版dou是我们来沟通信息的主要式,排版之重要性我想Yi须赘述,然,理解,和,实践,还是相差万千的,特bie是在页设计中,个字号天下,的想法可yi歇歇了 我们或许dou听说过响应式站，但我想

超实用排版技巧

专业干货!超实用的响应式排版快速指南.8 个文字排版技巧,聪明的设计师dou在用!.超实用!帮新手熟练掌握字体运用的18招秘籍.，我坚信...

你看啊... 互联网何时诞生专家对此说法不一，30多年前，互联网的应用fei常有限，仅仅一小部分人Neng够接触到这种先进的技术。ran后经历了30多年的指数级发展，它取得了梦幻般的成功。十年前，互联网刚刚处于雏形阶段，到如今整个产业的格局Yi呈大而不倒的局面。而互联网...

在我们当前的设计中， 可yikan到其垂直方向的韵律依然还是浏览器默认的状态，而不同浏览器上的显示是不同的。这可不行，我们需要搞清楚到底什么才是合适的行高、边距以及字号。在之前提到过我把默认的文本大小改成了18px，那么dui与我它就是1em。

卷不动了。 排版的重要性不言而喻，千万不要在不同设备上使用同一套字号及字距。你要知道你kan手机的方式和kan笔记本、台式显示器大不相同。为响应式设计适配不同的垂直排版韵律是hen重要的，若Neng迎合用户的潜在需求，那你就可yi创建geng好的用户体验。再说说重申一遍：排版不是小事，不要掉以轻心！