详细解析在网页设计中的字体设计之美

2016-02-16 23:09 10 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享详细解析在网页设计中的字体设计之美的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - 平面设计 】

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

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

Feven Amenu

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

La Belle et la Bete

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

Les Recuperacteurs

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

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

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

TrueTube

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

JIR 2012

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

OZ Nashville

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

Design SQR

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

Highway one roadtrip

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

Denis Hepting

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

Marina Zardo

详细解析在网页设计中的字体设计之美,PS教程,图老师教程网

结语

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

来源:http://www.tulaoshi.com/n/20160216/1576274.html

延伸阅读
标签: PS PS基础
我们推荐Velositey这个PS插件已经不是一次两次了。这款著名的PS网页布局设计工具为何会有神器之称?因为它真的能让你在短短几分钟内完成网页原型设计。正如同Velositey的口号所说:让设计师专注打磨细节完善设计,而不用在无聊枯燥的事情上耗费时间。 事实上,Velositey就是这样! 先下后看,年薪百万:http://vdisk.weibo.com/s/zduirFgzTMP...
手绘元素通常是用在纸上的,但是它们被越来越多的用在网站设计上面,这些速写元素令网站极具个性并能为访问者提供有趣的体验。手绘风格的引入,对于互联网应用作品起到了一个积极的影响。不同的主题和绘画风格,使其表现形式具有原创性,给设计带来了多元化,人性化的特征。 我们先来看一些网络中的案例: 节庆主题插画 GOOGLE每一次节日...
一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。 从色彩研究的方向来看,色彩分为色调、饱和度、明度三方...
建筑与雕塑在光的作用下,让我们领略到了作品的神圣、结构的清晰、空间的真实 艺术摄影的炫光和强光,凸显的的是神秘、高雅与个性 广告大片中强光源对比的手法,能让模特更加立体有层次,凸显品牌的调性 光影涂鸦也被人们称为光绘画、光电涂鸦,慢慢成为流行的一种街头和时尚的艺术活动,神秘感扑面而来。 光影是网页设计中...
最近看了一些教程,总结一下学到的东西,分享给大家。 细节1:中间部分的圆角矩形,如果是纯色的话会使画面有些呆板,处理方法是画一个圆填充执行滤镜-模糊-高斯模糊,适当调节数值,并将图层的色彩叠加模式改为颜色减淡,适当调节图层的不透明度。 细节2:对于图片中的那种五角星的画法,只需要画一个矩形,执行"ctrl+t",并将...

经验教程

769

收藏

85
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部