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

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

Nautilus

图-32

这个漂亮的网站整齐,干净,且易于浏览。排版起了很大的作用,而且所用的三种字体来自于同一系列。这是一种区分样式的很好的方法,可以保持一致性而且不干扰美感。不幸的是,这种网页排版也有其代价:12.6MB大小和73次HTTP请求,还有两张超大图片,分别是3.5MB和2.4MB。

Kick My Habits

图-33

到这个页面你第一眼看到的就是这个厚厚的粗体“Kick My Habits”。瘦瘦的字体(叫做KG How Many Times)以其迷人的手写风格,与其他粗体形成对比。这个设计漂亮图文并茂的网站是用一种轻松、非正式的方式来测试你在坏习惯上浪费了多少钱,而且这个网站也不会占用很多网络带宽。包括所有页面上的图片在内,它只有1.2MB,尽管初次加载时会有161次HTTP请求,更多的内容只有在需要时才会加载。

Monocle

图-34

Monocle是一个有着经典品质的漂亮的网站。它使用了不同磅数的衬线体和非衬线体,看上去简单大方。Monocle是一个全球性新闻网站,主要聚焦在国际事务,商业,文化以及设计。布局很创新,同时也提供了所有用户需要的东西。类别用标签来承载,用子类别来削减信息层级。

More Sleep

图-36

简洁,但友好且诱人!这就是我第一次访问该网站的感觉。大字号以及略显圆润的边角就有一种友好的感觉。打字机风格的字体用于描述和解释,有着一种圆润,柔软,温馨的情调。

Lenta

图-37

Lenta是一个俄国新闻网站。神奇的是,该类型的图片质量是怎样引导你,并影响你对于网站及其内容的看法。任何新闻网站的身份都是由其铭牌建立的。这里使用的是一个干净的无衬线字体,用粗体来传达新闻来源的权威性。当文字被翻译成其他语言时,这个字体仍然有效。保持着传统新闻的布局的情况下,整个网站的文章和广告牌都使用了衬线字体。

结论

这不仅仅关乎你说什么,而是你怎么说,是吧?根据你的目的,我们可以尝试更多,在排版上也更有创意。我们可以大胆的使用大字号,粗体,或是新奇独特的手写体。我们应该始终记得字体要有可读性,因为如果没有人能阅读的话,这样的字体就没什么可以炫耀的。如果设定了韵律和风格,字体可以做出如此多的设计。

(责任编辑:IT教学网)

更多

推荐CMS技巧文章