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

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

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

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

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

Holler

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

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

Black in history

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

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

Bullfrog Digital

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

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

Irak

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

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

Kunstler

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

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

Dubbel

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

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

RIT Online

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

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

Jean Paul Gaultier

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

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

Metropolis Creative

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

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

Samaritaine

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

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

Fifth Army

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

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

The Defectors

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

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

Die Architexten

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

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

Australian Frontline Machinery

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

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

Rubicon World

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

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

Tweed Barbers

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

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

Dreams Doodler

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

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

Gateway Church

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

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

Web Akademie

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

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

iNet Seo

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

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

Harbinger Labs

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

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

Aiia

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

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

Enso

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

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

Aetherpoint

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

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

Pupil

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

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

Mahedine Yahia

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

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

Ingrid Kool Clarke

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

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

Hide, Find and Listen

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

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

结论

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

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

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量55万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

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

收藏
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。