网页字体设计:精致的字体使用实例(6)

http://www.itjxue.com  2015-08-14 19:59  来源:未知  点击次数: 

All Saints Estate

图-27

用字体来达到传统又优雅的风格有很多种方法,该网站则恰到好处的混合了衬线体和少量无衬线体。Garamond Premier Pro Display字体看上去既现代又精致,与正文文本匹配的精致完美,而且与葡萄园和葡萄酒也很合适。

Evening Edition

图-28

铭牌的黑体字的字体与传统的印刷报纸是一致的。它会给人权威庄严感,新闻来源与小报以示区分。

Served MCR

图-29

这个有趣的涂鸦风格的网站是为了一个乒乓球比赛。排版看上去很原始的手绘风格。在一些区域,会有一些元素是动画或是动画的背景。在网页设计中动画并不常用,但在这它很好的吸引了用户的注意力。注册的条目就是这样一个例子,文字清晰并且突出。由于文字并不是很多,这种排版是合适的,依然可以保持网站的易用性。然而,页面的性能却很糟糕,页面大小有7.5MB,175次HTTP请求。不论是在电脑还是在移动端,主要背景图片有2032*4761像素,2.2MB大小。

Enso

图-30

大字号,加粗,全大写的无衬线体映入眼帘,就好像它在呐喊一样。然而,Enso也使用柔和的色调来调和这种大胆的版式——尽管黄色有一点难以阅读。这种布局很新颖很有趣;设计师想让你注意到这种页面从上到下的版式,同时向下滚动看到全部的信息。这是一个很聪明的做法,因为导航是散落在页面各处的亮粉色文字。Logo在页面顶部作为首页按钮,当鼠标滑过时推出整个单词。

Crafting Type

图-31

该网站就是关于样式设计的,所以它的排版就是在推销自己。在Logo上,纤细的大写“Crafting”和厚重的小写“type”之间的对比创造了一种视觉的平衡。正文采用大字号保证可读性。衬线字体和简洁大方的布局也有助于可读性。

(责任编辑:IT教学网)

更多

推荐CMS技巧文章