使用帮助 | 联系电话:400-880-0256 0769-23037585 21686281

互联网产品设计的字体与产品气质

作者:admin 发表于:2014-07-21 点击:1251  保护视力色:
banner 

当我们拿到一款产品的包装或者登入了一个网站的时候,你是否会有意或者无意地留意到属于这个产品的特定的字体设计或者使用,从而影响到你对这个产品最直观的感受。精致、优雅、科幻、古典或者是觉得粗糙难看呢?

比如当我把苹果网站上 iPhone 的字体换掉以后,你一定或多或少的察觉到了什么不一样的地方,也许你无法表达出来或者无法说出究竟是哪里出了问题,但这潜意识的感受正是不同字体风格传递 给用户的直观感受所造成的。因此在给一个产品选择或者设计字体的时候,除了你需要考虑其易读性,一定也需要考虑这款字体是否能准确地传递给消费者或用户属 于这款产品的独特气质。

1

A.现代

现代风格字体多为无衬线字体,这类字体除本身文字的比划之外缺少装饰性的元素,风格较简约。

WWDC 2013前夕,即便在 iOS 7 并未对外界正式发布之前,但是通过会场的海报人们都清楚地意识到,iOS 7 的风格一定带来了极大的转变。Helvetica Neue 风格非常现代,似乎暗示着苹果将在 iOS 7 中完全剔除过去人们陈旧的审美,取而代之的是更为现代的视觉风格,而在后来的大会上 iOS 7 的最终发布也证实了这种观点。

2

B.复古

化妆品品牌 Benefit 诞生于美国上世纪 70 年代这个自由奔放的时代,而创始人之一的姐姐 Jean Ford 刚好主修艺术,她十分懂得如何包装她们的品牌。Benefit 的包装和字体颇具复古风,比如留声机造型的包装盒。衬线字体的 logo 具有较强的装饰性,字母的转角处线条柔和,更具流线形的字母 f 使 logo 显得更生动有趣,搭配留声机造型内部的连笔手写体,一股浓浓的复古风扑面而来,见到如此有趣又漂亮的包装盒,难怪让很多女性爱不释手。

3

C.科幻

电影星际迷航的海报上的字体就属于这种类型。实际上我们经常会在一些科幻电影的海报或者网站上见到这种类型的字体。科幻风格的字体风格普遍比较硬朗和锐利,通常有过渡比较直接的折角。

4

作为钢铁侠原型的传奇人物,Elon Musk 创办的几家公司的 logo 字体设计也类似。除了具有比较硬朗的线条之外,Tesla 和 SpaceX 的 logo 去除了一些连接的比划从而使字形显得更加抽象和神秘,真是科技感十足的公司啊!

5

D.梦幻

迪士尼的字体就属于这种风格,粗细不一的比划和大小不同的字母具有非常强烈的节奏韵律感,字母划出的曲线像翩翩起舞的丝带,也像魔棒划出留下的痕迹,使人充满想象。

6

E.女性

女性化风格的字体经常可以在化妆品品牌中看见,她们通常字体纤细、秀美,线条流畅,字形有粗细等细节变化,显得有韵律或通过装饰性元素和字体结合。 因为衬线字体天生具有衬线这种可装饰性元素,因此很多女性化风格的字体会选用衬线字体,并以此为基础进行修改,比如 LANCOME 的 logo 字体。

8

F.趣味

具有趣味性的文字可以使用产品中的某些元素和文字进行创意性的结合,比如炉石传说的字体设计,巧妙的运用魔幻一样的“漩涡”和石头下半部分的“口” 结合起来,虽然炉石传说几个字在风格上是保持一致的,但是每个文字的折角并没有刻意地将大小或角度保持标准一致,这样的非规律性做法也增加了字体的趣味 感,让用户觉得这款游戏一定会具有可玩性。

9

G.文化

Yoritsuki 的字体设计使用了毛笔书法的笔触书写的方式,将墨这种元素融入到了字体当中,这种东方文化中特有的东西,使得 Yoritsuki 这款 App 的风格显得非常鲜明,即使在你还没有打开这个 App 的时候,你就已经能大概知道里面会是什么样子的了。

10

 

结语:论字体风格的话,远远不止上文罗列出来的,并且很多时候,一款字体可以同样适用于多种不同风格之间。然而如何使用一款合适的字体准确地将产品气质传递给用户,这正是设计师应该考量的东西。