typography

实现精准的流体排版原理

流体排版这一词似乎看上去有点陌生,在英文中常把他称之为Fluid Typography,当然也有很多朋友称之为流体字号(Fluid Size)。大概的意思就是Web排版中的font-size会根据浏览器窗口的大小自动改为。

使用Sass Map实现响应式排版

本来要管理Rhythm排版一致不是一件易事,响应式中的Rhythm排版就更加困难。幸运的是,Sass的Map可以更好的管理和实现响应式排版。有各种各样的方法来处理响应式排版和Vertical Rhythm,并不局限于我的建议。然而,这是我很多次工作中总结出来的经验之谈。

Web排版的缩放

RWD不是在新的话题。而在Web设计中,页面的排版又是设计元素中重要的部分之一。而我们平时对于Web页面更为关注的是如何布局?如何实现实现设计图效果?一旦你实现了设计的转换,并不关注其排版风格。但在RWD中,排版风格的一致化给用户带来的体验并不是很好,那么在RWD中如何让用户阅读具有一个更好的体验,我们就必须考虑在不同设备之下其排版风格的变化。那么今天在本文中我们将要讨论的是如何在响应式设计中实现不同的排版本风格,我想这个话题也是众多Web前端人员想讨论的,如查您感兴趣,欢迎进入一起讨论。

返回顶部