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

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

Vintage Hope

图-13

这个网站的标题看起来就像是用一只很粗的画笔画的很粗的痕迹。字体惊人的粗同时很具有表现力。背景是一种很漂亮的照片。它给用户一种非常开放和自由的感觉,同时描绘出了这个组织的特征。Vintage Hope 通过外借古老的瓷器为马拉维的不幸的人们筹款,整个视觉看起来是激动的,高兴的和积极的。同时网站只有1MB和40次HTTP请求,这是令人倾佩的。

Browser Awareness Day

图-14

这个网站加载下来,用户能够被指引使用,使得网站有趣,快,安全。在每一边每一个关键字都使用装饰性的字体。每一个字母很明显的创意,这就抓住了用户的注意力,引诱用户往下滑动看到更多内容。右边的小标签使用了一种很有喜剧色彩的书写字体,添加在这个很滑稽的网站上。让你滑到底端的时候,同样的具有喜剧色彩的书写字体也伴随着另一种很有趣的字体被用在网站上。

82nd&Fifth

图-16

这个网站全部是关于视觉的,它的排版也证明了这一点。使用的无衬线字体非常的美观简洁和轻量,为标题设置的背景的颜色块显得非常的精致。对于这个网站来说,字体不是关注的焦点,而是强大的照片支持。整个网站显得非常的有活力,当你往下滑动的时候,一些小的块块会加载下来。这个网站也有一个明显可看见的导航栏,当鼠标悬停在上面的时候,一个黑色的导航条就先露出来整个菜单。整个网站跟它展示的艺术作品的每一部分都很贴切。缺点是有6.4MB和120次HTTP请求。

ECC Lighting&Furniture

图-17

不论你是否喜欢,Helvetica都占据了这个网站的主要舞台。网站的分类按钮非常宽大,牢牢的抓住了用户的注意力。这个网站的平面设计非常的经典,干净,极简主义。网站右上方竖直的导航条的文字创造了一种很强的趣味效果,但是仍然能够让用户将注意力放在主要分类导航上。只有当鼠标悬停在图片区域的时候才显示这一点做得非常有趣。

Marianne Brandt

图-18

当你听到这个名字“Marianne brandt”的时候你期待什么?你怎样将它转换为一个网站?通常情况下,一种包豪斯的水准专注于功能就是关键。这个网站真的很有包豪斯的风味,扁平的色彩以及Futura字体。整个的审美就是极简主义,干净但是绝对不呆板。

捕获我的注意力的是“thanks/Danke(谢谢的英文和德文)”这块。你设定了哪种语言决定了哪种“感谢”显示为红色。这是一个很棒的创意对于那些支持多种语言的网站。不同的选择提醒我不同区域的不同色块,这是以一种很好的方式去将网站的信息进行分类。颜色,几何造型,以及整个字体都全部是包豪斯主义。

(责任编辑:IT教学网)

更多

推荐CMS技巧文章