来自英国的设计师Mark Boulton于2009年10月18日在他的个人博客上发表了这篇名为“Web Directions & Typographics Structure”的文章，内容包括他在澳大利亚参加Web Directions South 09上的发言稿片段，并重点介绍了他个人对于版式构成上的研究成果。

下面摘选部分重点分享，你也可以选择阅读原文 或 阅读中文版全文（谷歌翻译）。

版式构成

版式设计，在我看来包括9个元素：
语言
语言和字体密不可分。字体需要根据语言的形式和布局进行设置。作为设计师，我们应该关注这一点。

排版
排版是将纯文本美化的过程，比如制作标题，列表，强调文本等。

网格
网格是建立布局的基础。

层次
从观念上理解，内容的层次感是相当重要的。从版面的角度来说， 层次就将内容的那种抽象的层次感形象化了。

字体
字体通常被用于展示内容。

节奏
如何安排版式布局能有助于阅读。

布局
用于连接其他各种图形元素，比如照片，插图，视频或其他用户界面元素。

色彩
在讨论排版时，色彩通常意味着两个方面，一方面指像红、绿、蓝等色相，另一方面是指明暗。深色的版面色彩表现为致密的行距和紧凑的字间空白。浅色的版面则恰恰相反。

内容
在网络上不幸的事情之一是，我们在设计的时候通常不知道内容内容是什么。我们会猜测内容可能会有什么，但是当我们设计内容管理系统和数据流程的时候，要想知道就非常困难。但是，内容是排版设计的重要组成部分，这正是将内容和外观分离这一Web标准常常提及的真理之一。 但当我们去做的时候，要在设计的同时讲求内容就非常困难了。

他认为，字体选择在版式设计中只是一小部分。

阅读原文 |  阅读中文版全文（谷歌翻译）

Mark Boulton在他的个人博客上还分享了大量关于网页设计排版的经验、方法、与教程，帮助你设计制作更棒的网页界面，他的博客界面则是用George字体打造，通过对字体大小、粗细、字间距等的调整，来进行分区排版，强烈推荐大家一读。