网页字体设计:精致的字体使用实例(6)
http://www.itjxue.com 2015-08-14 19:59 来源:未知 点击次数:
All Saints Estate
用字体来达到传统又优雅的风格有很多种方法,该网站则恰到好处的混合了衬线体和少量无衬线体。Garamond Premier Pro Display字体看上去既现代又精致,与正文文本匹配的精致完美,而且与葡萄园和葡萄酒也很合适。
Evening Edition
铭牌的黑体字的字体与传统的印刷报纸是一致的。它会给人权威庄严感,新闻来源与小报以示区分。
Served MCR
这个有趣的涂鸦风格的网站是为了一个乒乓球比赛。排版看上去很原始的手绘风格。在一些区域,会有一些元素是动画或是动画的背景。在网页设计中动画并不常用,但在这它很好的吸引了用户的注意力。注册的条目就是这样一个例子,文字清晰并且突出。由于文字并不是很多,这种排版是合适的,依然可以保持网站的易用性。然而,页面的性能却很糟糕,页面大小有7.5MB,175次HTTP请求。不论是在电脑还是在移动端,主要背景图片有2032*4761像素,2.2MB大小。
Enso
大字号,加粗,全大写的无衬线体映入眼帘,就好像它在呐喊一样。然而,Enso也使用柔和的色调来调和这种大胆的版式——尽管黄色有一点难以阅读。这种布局很新颖很有趣;设计师想让你注意到这种页面从上到下的版式,同时向下滚动看到全部的信息。这是一个很聪明的做法,因为导航是散落在页面各处的亮粉色文字。Logo在页面顶部作为首页按钮,当鼠标滑过时推出整个单词。
Crafting Type
该网站就是关于样式设计的,所以它的排版就是在推销自己。在Logo上,纤细的大写“Crafting”和厚重的小写“type”之间的对比创造了一种视觉的平衡。正文采用大字号保证可读性。衬线字体和简洁大方的布局也有助于可读性。