您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
   
 
 
     
   
 订阅
  捐助
如何使用一款合适的字体准确地将产品气质传递给用户?
 
作者 yixin,火龙果软件    发布于 2014-08-13
  1434  次浏览      20
 

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

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

A.现代

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

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

B.复古

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

C.科幻

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

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

D.梦幻

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

E.女性

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

F.趣味

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

G.文化

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

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

   
1434 次浏览       20
相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践
最新课程计划
信息架构建模(基于UML+EA)3-21[北京]
软件架构设计师 3-21[北京]
图数据库与知识图谱 3-25[北京]
业务架构设计 4-11[北京]
SysML和EA系统设计与建模 4-22[北京]
DoDAF规范、模型与实例 5-23[北京]

从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   

以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计

北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...