天桥巧用字体排版的先进网页设计（一）

虽然排版是网页设计中极为重要的组成部分，但是绝大多数的网站并未在排版上做过专门的设计和调整。

事实上，在我看来我们日常访问的许多网站在排版设计上并无亮点，这也是为什么，当我们发现这些在排版设计上用心雕琢的网站的时候，会由衷地感受到喜悦和别样的幸福感。

如果你厌倦了无处不在的宋体、雅黑、Arial和Helventica，那么你应该会喜欢接下来的案例，这些巧用字体排版帅气的先进网站会再次扩充你的网页收藏夹。

1. V02 Group

雅致的文字排版悬浮在半空中，和背景融为一体，这种设计除了众所周知地提高逼格之外，能明显地提升页面的深度。强对比的色彩搭配也是设计师别具匠心的体现，我想你已经发现了。

所用字体: Crimson Text, Futura

2. What is Your Future?

这个名为“What is your future”的网站同样设计精美，排版也颇为严谨。设计师很明显喜欢极简和扁平风，所用的字体Baron Neue 又是极具表现力的样式，在黑色的背景之下极为醒目，使得整个页面都炫酷起来了。撇开排版技巧不说，这字体都值得来一发吧？

所用字体: Baron Neue, Georgia

3. Jacob Grubbe

复杂的网站都是一样的复杂，而简洁的网站却总能玩儿出不一样的风情。这个形同windows蓝屏死机了一样的背景之上，用不同色彩的单一字体来呈现内容，而这个字体正是我们所熟知的“Android 的灵魂”——ROBOTO。极简风，合理的选色，加上一个足够现代的字体，就可以输出一个有个性的页面。

所用字体: Roboto

4. Secret Resolutions

当今这个时代，个性即正义。这个网站的设计思路和上一个很接近，让色彩发声，用字体展现个性，这个网站用的字体名为Brandon Grotesque，虽然稍显怪异，但是搭配其他的元素之后，就显得极为独特了。这就是冒险的乐趣，改着改着，就成了一个少有的网站了，你觉得呢？

所用字体: Brandon Grotesque

5. Basics09

正如同这个网站在标题介绍上所说，它旨在“提供用于基本的网站设计和印刷的字体（Benton Sans）”。坦率的讲，Benton Sans 的确是一种非常朴素的非衬线体，稍微调整就能创造出层次感。网站和字体俱佳，挺不错的。

所用字体: Benton Sans

6. Degordian

Degordian 这个网站充分运用了对比强烈的大背景和具有冲击力字体（Futura）的组合（这也是目前网站设计的一个大趋势），网站另一个值得称赞的地方是它用的正文字体：Merriweather。

所用字体: Futura, Merriweather

7. Brancott Estate

设计师将网站的排版和配图都做成黑板画的效果，质感非常不错。虽然无法确认网站的主要字体，但是用来搭配的字体可以确认是Georgia，两者组合看起来非常舒服。

所用字体: 未知, Georgia

8. Miles Calder

这也是是一个极简风的网站，整个网站使用了一个字体：Founders Grotesk。有意思的是，设计师用这一字体的不同的色彩、尺寸营造出了层次感。

所用字体: Founders Grotesk

9. Run for AJD

这是一个法语网站，从字体样式上来讲可读性确实很差，但是从风格和个性上来说，极为突出。

所用字体: Avenir Book

10. SendAMessage.to

只需几个步骤，你就可以借助这个网站给朋友和亲人发送个性化的信息。在网站设计上，设计师同样使用了单一字体用作网站排版。Proxima Nova 字体的大尺寸看起来非常漂亮。

Fonts used: Proxima Nova

11. Amazee Labs

看起来Amazee Labs已经为自己的网站设计了属于自己的一套字体，这套自己的设计主要源自Source Sans Pro 和 Museo 。两种字体协调地融为一体，和不同的色彩搭配排版也颇为漂亮。

Fonts used: Source Sans Pro, Museo

以上内容由大宛网络（天桥网站设计,天桥网站制作）为您提供，更多精彩内容：http://www.nyweixin.com

关注“大宛网络”微信天桥公众号，快速获取互联网较新资讯