标题选用细字体好还是粗字体好呢?今天我们就来为您揭秘其中奥妙:)
不知大家有没有看过这篇文章,《网页设计新招:采用大胆奔放的字体》。不过呢,这只是众多网页设计案例中的一小部分,虽然比较大胆奔放的字体能够成功的营造视觉焦点,但是有时候,太过粗犷的字体会破坏整体的和谐,因此,我们有必要使用一些纤细、精致、优雅的字体。类似我们之前推荐过的《25个最新的免费时尚字体》

跟粗字体一样,细字体的使用也是有条件的,需要设计师具有良好地审时度势的能力。
其一,使用细字体时,要注意保持字体与背景的对照关系,以保证可读性和清晰性。
其二,使用细字体时,要合理调整字体大小,太小的字体不引人注目,大一点的字体更容易阅读。
其三,还要考虑到不同字体之间的互相作用,以求达成较好的视觉效果,保持一致性。

当然,本文不局限于细字体,还包括一些粗字体标题,结合了一些标题精美的网页设计一起推荐给大家。

All-N-1 House of Beauty

有型而又精致的标题,流行味十足的背景,字体纤细整洁。

画龙点睛!网页首屏的标题文字设计

Praline is an illustration-driven

可爱的儿童风格,水彩背景,棕色的整体色调。怎能少的了具有精美字体的标题调配?

画龙点睛!网页首屏的标题文字设计

Arte Charpentier Architectes

开放、现代感的背景图,极简风格的标题,设计美感自然而然便形成了。

画龙点睛!网页首屏的标题文字设计

Portland Design Studio

超细字体的标题,不容忽视的精细感。

画龙点睛!网页首屏的标题文字设计

Kamila Nyvltova

半透明中央区域中的纤细衬线标题很突出、很醒目、很整洁也很简约。

画龙点睛!网页首屏的标题文字设计

Carlos Molina

建立了一种日常生活氛围,高杂色的灰度图像背景与白色的标题很好的结合。

画龙点睛!网页首屏的标题文字设计

People Rise

富有活力的图像,怎能少的了漫画手绘风纤细标题的配合?

画龙点睛!网页首屏的标题文字设计

Al Taglio

精致、手绘风格的标题,细腻精致的图像。此款网站的一致性很好,子页面也采用了相同的字体。

画龙点睛!网页首屏的标题文字设计

Black Raccoon

严肃的氛围、深色的自然背景,标题字体选用的很恰当。

画龙点睛!网页首屏的标题文字设计

Handsome

选用的字体很适合网页风格,细字体的标题为网站加入了一种商业、严肃的气质。

画龙点睛!网页首屏的标题文字设计

Staring is Caring

优雅、现代的标题,干净整洁的整体外观。

画龙点睛!网页首屏的标题文字设计

Pitango Bikes

简洁、粗犷,整体的感觉非同寻常,纯色背景中的一抹蓝色(标题)非常突出,同时不失整洁。

画龙点睛!网页首屏的标题文字设计

Skoda Octavia

很有技巧的将标题进行突出,让标题更显著、更奔放,其余的字体纤细而又优雅。

画龙点睛!网页首屏的标题文字设计

Deni Cler

采用了极简主义设计,结合柔和流畅的标题字体让整体感觉光辉动人,大量的留白区域增强了设计的空间感和整洁感。

画龙点睛!网页首屏的标题文字设计

Kualoa Field School

美丽的风景画,字体流畅的标题,毫无违和感。

画龙点睛!网页首屏的标题文字设计

Andreas Fransson

蔚为壮观的冬日滑雪背景,与透明、突出的细字体标题完美结合。

画龙点睛!网页首屏的标题文字设计

Fade or eddy

非常的抓眼,让你忍不住停下来浏览一番,精美的细字标题让人读起来很舒服。

画龙点睛!网页首屏的标题文字设计

Capitol Couture

打造了一种艺术气质,不规则的背景和有型的衬线字体标题。整体具有艺术的实验气息。

画龙点睛!网页首屏的标题文字设计

Hypnotic

映入眼帘的便是超大的纤细字体标题,从内容中脱颖而出。

画龙点睛!网页首屏的标题文字设计

Elletra

航海风格。标题字体是一大亮点,有力、格调甚高。

画龙点睛!网页首屏的标题文字设计

Quechua

多种纤细的字体居于页面的中心,非常融洽的相结合。

画龙点睛!网页首屏的标题文字设计

Lexus

标题字体运用的简单、高效。背景图像优雅、精确,将汽车打造成奢侈品。

画龙点睛!网页首屏的标题文字设计

MinaSeyahi

是一个和内景装饰相关的网站,非常的有样。背景图非常的奢华,而纯色框中的标题亦非常精致。

画龙点睛!网页首屏的标题文字设计

Emploi

营造了一种春意盎然的氛围,标题利用多姿多彩的字体打造了一种精确、端庄的风格。

画龙点睛!网页首屏的标题文字设计

Energy Drink

背景图很酷,同时标题使用了传统的白色无衬线字体,凝聚了产品理念,起到了视觉焦点的作用。

画龙点睛!网页首屏的标题文字设计

Wetwilly

有滋有味、一反传统,细腻的背景照片,以及纤细的标题。

画龙点睛!网页首屏的标题文字设计

Ford Kuga

先进、独一无二的风格。整洁、精致的字体,让图像的视觉感多样化。

画龙点睛!网页首屏的标题文字设计

Quinn Architects

双色、三维渲染风格的背景,扁平、常规的无衬线字体标题,很好的揭示了网站的理念:有序。

画龙点睛!网页首屏的标题文字设计

结论

在标题的字体选择中,毫无疑问,并不是每个人都喜欢细字体。但是它能够添加一种优雅精致的设计感。粗字体与细字体结合,能够很好的起到互相衬托作用。同时,细字体还能让你的作品拥有一种极简主义风味,值得一试。

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

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

画龙点睛!网页首屏的标题文字设计
 

收藏
点赞

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