优界网

首页 > 教程经验 > 网页设计新招:采用大胆奔放的字体

网页设计新招:采用大胆奔放的字体

162

0

0

2015-04-23 18:44:20

〆色計ㄕ╄

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

Dubbel frisss

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

然而,正因为常见,所以被忽视。大家往往只把文字当作数据与内容的组织形式。然而大家有没有考虑过把字体也当成视觉表现的一种手段呢?
优秀的字体能帮助网页设计打造清晰的视觉层级,有着优秀的可读性。字重、字体大小是字体较为重要的两个特性,我们可以借助这两个特性来进行优化。

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

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

Holler

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

Holler

Black in history

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

Black in history

Bullfrog Digital

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

Bullfrog Digital

Irak

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

Irak

Kunstler

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

Kunstler

Dubbel

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

Dubbel frisss

RIT Online

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

RIT Online

Jean Paul Gaultier

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

Jean Paul Gaultier

Metropolis Creative

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

Metropolis Creative

Samaritaine

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

Samaritaine

Fifth Army

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

Fifth Army

The Defectors

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

The Defectors

Die Architexten

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

Die Architexten

Australian Frontline Machinery

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

Australian Frontline Machinery

Rubicon World

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

Rubicon World

Tweed Barbers

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

Tweed Barbers

Dreams Doodler

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

Dreams Doodler

Gateway Church

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

Gateway Church 2012

Web Akademie

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

Web Akademie

iNet Seo

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

iNet Seo

Harbinger Labs

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

Harbinger Labs

Aiia

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

Aiia

Enso

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

Enso

Aetherpoint

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

Aetherpoint

Pupil

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

Pupil

Mahedine Yahia

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

Mahedine Yahia

Ingrid Kool Clarke

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

Ingrid Kool Clarke

Hide, Find and Listen

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

Hide, Find and Listen

结论

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

原文地址:designmodo
网翻译:@MartinRGB
转摘请注明网译文出处,谢谢各位小编。

 

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×