大胆奔放的字体在网页设计中的应用

好的设计为何好?原因可能不尽相同:先进的动效、蔚为壮观的图像、不同寻常的视频、细节精美的插画、完美无瑕的处理、创意的解决方案等等——但,以何种手段包装网页要取决于网站设计的目的。网站可以没有动效、可以没有图像及插画、可以没有视频、可以不采用流行风格,但是网站绝对不能没有文字。

然而,正因为常见,所以被忽视。大家往往只把文字当作数据与内容的组织形式。然而大家有没有考虑过把字体也当成视觉表现的一种手段呢?

优秀的字体能帮助网页设计打造清晰的视觉层级,有着优秀的可读性。字重、字体大小是字体较为重要的两个特性,我们可以借助这两个特性来进行优化。

例如,如果你想要让一句话清晰可见、脱颖而出,那么只需要把文字加粗即可。粗厚的字体能够有效的引起用户注意。把字体放大一点,设计的显著一点,更具有支配性一点,那么网页将非常具有诱惑力。

今天我们收集了一些对字体巧妙处理的网页设计。

Holler

大、柔和。黑白搭配,力量感很强的网页设计。

大胆奔放的字体在网页设计中的应用,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,

Black in history

吸引人的字体,精美的动效,蒙版效果不错,从其中可以窥见很多历史人物的肖像。

大胆奔放的字体在网页设计中的应用,PS教程,

Bullfrog Digital

精致、有机的氛围,绿色和溅水效果的字体在留白作用下得以突出。

大胆奔放的字体在网页设计中的应用,PS教程,

Irak

对标题进行了强调。做旧、优雅、加粗的字体很有味。

大胆奔放的字体在网页设计中的应用,PS教程,

Kunstler

来自日本哲学的标志设计。双色主题,看起来整洁、组织分明。

大胆奔放的字体在网页设计中的应用,PS教程,

Dubbel

背景略显繁杂,但是字体却设计的能从众多元素中脱颖而出,霓虹灯般的效果。

大胆奔放的字体在网页设计中的应用,PS教程,

RIT Online

富有哲理的标语,不拘一格的字体,而Never这个单词选择了中空式效果,以让其更突出。

大胆奔放的字体在网页设计中的应用,PS教程,

Jean Paul Gaultier

艺术风格的喷漆字体。具有轻微材质感的背景和蓝色水彩字体很好结合,给人一种完美的感触。

大胆奔放的字体在网页设计中的应用,PS教程,

Metropolis Creative

映入眼帘的绝对是字体。围绕字体打造的网页设计。

大胆奔放的字体在网页设计中的应用,PS教程,

Samaritaine

背景是亮点一,而字体是亮点二,感觉太纯净优雅了!

大胆奔放的字体在网页设计中的应用,PS教程,

Fifth Army

很热情的感觉,很复古的风格,很狂乱的背景,很拟物的质感,很美丽的字体。各种粗字体结合,将网站的风格最大体现。

大胆奔放的字体在网页设计中的应用,PS教程,

The Defectors

强烈的军事氛围。暗色背景和深绿色很好的突出了白色粗字体额效果,让字体显得精致。

大胆奔放的字体在网页设计中的应用,PS教程,

Die Architexten

精致、现代的外观。将多种蓝色色调完美结合,而加粗的字体简约而又大小各不相同,让人感觉此网页设计具有一种精确的掌控力以及简约的即视感。

大胆奔放的字体在网页设计中的应用,PS教程,

Australian Frontline Machinery

粗野、锋利的粗字体,效果显著。黑色、布满划痕的背景,再进行一些做旧处理,从而勾勒出具有力量感的SUV——氛围打造手段值得借鉴。

大胆奔放的字体在网页设计中的应用,PS教程,

Rubicon World

融洽的布局。半透明与几何图案完美结合的字体。简约大方。

大胆奔放的字体在网页设计中的应用,PS教程,

Tweed Barbers

显著的标题,强烈的三位质感。

大胆奔放的字体在网页设计中的应用,PS教程,

Dreams Doodler

单色手绘插画。相对较粗的字体非常醒目,这是该网站的Logo,比较有爱、比较优雅的网页设计。

大胆奔放的字体在网页设计中的应用,PS教程,

Gateway Church

信息图概念的网页设计,网站主要展示各种统计数据以及图标。第二子页面具有风格无两的字体,由一个一个小单词构成字体。

大胆奔放的字体在网页设计中的应用,PS教程,

Web Akademie

精致、稳重的字体,柔畅的线条。模糊的散景背景能够反衬标题。

大胆奔放的字体在网页设计中的应用,PS教程,

iNet Seo

巧妙利用粗字体强调标题,以让用户理解网站的理念。

大胆奔放的字体在网页设计中的应用,PS教程,

Harbinger Labs

这是该网站的简短声明,标题的第一行增加了字重。经典的黑白配色,让文字效果非常突出。

大胆奔放的字体在网页设计中的应用,PS教程,

Aiia

三维体验、蔚为壮观的背景视觉效果异常流畅。黑色粗字体标题却能从其中脱颖而出。

大胆奔放的字体在网页设计中的应用,PS教程,

Enso

非常抓眼的设计,该”美味”选用灰色的朴素背景,以亮黄色和粉色进行调和。扁平化风格,极简主义布局,魅力无穷。

大胆奔放的字体在网页设计中的应用,PS教程,

Aetherpoint

通过对Hello进行的字重、大小、阴影处理,起到了很好的强调作用。非常友好、非常个性化。

大胆奔放的字体在网页设计中的应用,PS教程,

Pupil

字体设计、单色矢量插画是该网页的两大亮点。设计师使用粗字体用来吸引用户的注意。

大胆奔放的字体在网页设计中的应用,PS教程,

Mahedine Yahia

将手绘的白色字体加粗,与下面纤细的字体形成强烈对比,一动一静,一细一粗,狂野与优雅的结合。

大胆奔放的字体在网页设计中的应用,PS教程,

Ingrid Kool Clarke

整体风格幽默诙谐,左上角的涂鸦风格字体非常不拘一格。

大胆奔放的字体在网页设计中的应用,PS教程,

Hide, Find and Listen

儿童风格的外观。精心设计的字体Logo,老旧风格的渐变以及悬挂的绳索,字体风格非常粗野,结合色彩突出的插画,整体质感非常美妙。

大胆奔放的字体在网页设计中的应用,PS教程,

结论

通常设计师对标题、Logo、标语、微件的标题进行字体处理,而本文的一些案例中,设计师深刻挖掘字体的潜力,让字体做整个网页的主导,而效果显而易见,出乎寻常的优秀。

你是怎样使用字体的?给出你的方法吧!