潮流混搭!在网页设计中寻找字体之美 - 优设网 - UISDC

潮流混搭!在网页设计中寻找字体之美

2014/03/05 7076评论区

多重字体混合使用不管在哪个行业都是有难度的,尤其是网页设计领域。尽管字体种类成千上万,但是合理的在网页中使用它们不简单呐,所以在面对成千上万的字体时,保持冷静是你应该保持的职业操守,就好比摄影师看见美女一样。有些人说,那我在一个网页中只是用一种字体不就一了百了了吗~错!即使你只是用一种字体那些常见的问题还是会存在。今天我们将和大家分享一些新鲜出炉的网页,这些网页中都是用了两种一上的字体,并且字体样式独特,希望对你有所帮助~

好文推荐:
《高手之路!浅谈图标字体化》
《经验分享:超详细的字体设计方法+案例分析》
《现代极简风格:纯文本+背景图式欢迎页面》

网页设计中如何混搭字体

Space Needle——这是一个非常受欢迎的主页,它使用了多种字体搭配明亮整洁的背景,显得高端大气。页面中的字体有的高瘦笔直,有的艺术鲜艳,整体搭配非常和谐,与背景合二为一。

Space Needle

ING Direct——该网页的登陆界面非常可爱哦,刚看到时小编总觉的那个moon好像一只青蛙在说耶…可能是小编想象力太丰富了吧…该网页的字体属于非常流畅的粗体字,是适用面非常广的一款。

ING Direct

Inesplorato——此网页的字体大家应该都不陌生吧,上了十几年学要是不知道这个那可是不行的呦。这种粉笔风格的字体属于超级拉风类,与各种背景也非常匹配,可以和轻艺术风格字体很好的融合。

Inesplorato

Digitz——设计师在此网站中选用了两种字体,希望呈现给顾客一种谦逊、有商务气息的感觉,同时下面的艺术字给网页增添了不少节日气氛。

Digitz

Bhojwani Foods——这个网页中的元素可是不少啊,不仅有大量的插画、图片还有文字,这些东西巧妙的结合在了一个网页中。

Bhojwani Foods

Feven Amenu

Feven Amenu

Crop the Block——这个网页用背景图片向广大访问者传达了一个讯息:爷就是骄傲,没有正眼看你的必要。网页中的字体非常简单、线条化,让人有一种很想将它掰弯的感觉。

Crop the Block

Pathfinders——这是一个广告营销代理商的网站,其中字体的作用就是让内容显得有生机,与背景图片相匹配。

Pathfinders

Grudge Match——看了这个网页不禁要为设计师叫个好啊,你看,网页上那么多字,本来看起来很拥挤,但是他却将其设计的整整齐齐,我不禁要问一声:您是处女座吗?

Grudge Match

La Belle et la Bete

La Belle et la Bete

The Butchers Daughter——这个网页就是我们常说的“杂志型网页”,它将文字内容和图片很好的结合起来了。在文字上面,设计师选择了多种字体,且都与主题很契合。

The Butchers Daughter

MollyDooker Wines——这是小编浏览了许多网站后见过的人数最多的一个,真想和大家玩一玩‘你能看到多少人’这个游戏。虽说网页中元素忒多,但是其内容还是有可阅读性的,原因就是它选择了合适的字体。

MollyDooker Wines

Les Recuperacteurs

Les Recuperacteurs

Zombie Underworld——这个网站的字体我个人非常喜欢,总共有两种,其中一种像雾像雨又像风,主要是为了配合网站的主题;另一种很有科技范儿,很适合该网站。

Zombie Underworld

TrueTube

TrueTube

JIR 2012

JIR 2012

OZ Nashville

OZ Nashville

Design SQR

Design SQR

Highway one roadtrip

Highway one roadtrip

Denis Hepting

Denis Hepting

Marina Zardo

Marina Zardo

结语

在设计网页的过程中,设计师平均使用两种(最多三种)不同的字体,这样的数量既可以让他们充分展示页面的艺术感,也可以巧妙的将内容与主题相结合。在设计过程中你喜欢用那种字体呢,不妨与大家分享一下,说不定有意想不到的收货呦~

翻译小组:优设网SDC翻茄匠 微博ID: @豆池
原文地址:designmodo

本文由优设网uisdc.com原创翻译,转摘请注明优设网译文出处,谢谢各位小编。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量63万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/webpage-design-for-font-beauty

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

界面设计 设计圈干货 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里