找回密码
 加入怎通
查看: 768|回复: 12

[站长八卦] 【搜狗联盟】网站设计---字体与产品气质

[复制链接]
Aapplay 发表于 2014-07-21 12:13:34 | 显示全部楼层 |阅读模式
当我们拿到一款产品的包装或者登入了一个网站的时候,你是否会有意或者无意地留意到属于这个产品的特定的字体设计或者使用,从而影响到你对这个产品最直观的感受。精致、优雅、科幻、古典或者是觉得粗糙难看呢?
% _7 R" F1 w( r- S$ V  U: ]: O0 z
比如当我把苹果网站上 iPhone 的字体换掉以后,你一定或多或少的察觉到了什么不一样的地方,也许你无法表达出来或者无法说出究竟是哪里出了问题,但这潜意识的感受正是不同字体风格传递 给用户的直观感受所造成的。因此在给一个产品选择或者设计字体的时候,除了你需要考虑其易读性,一定也需要考虑这款字体是否能准确地传递给消费者或用户属 于这款产品的独特气质。
* [% r: P6 }; h) Z2 M/ @

122609wgu97zfi7u8m5b92.jpg

A.现代
  z+ g) B/ Z- Z9 ]
现代风格字体多为无衬线字体,这类字体除本身文字的比划之外缺少装饰性的元素,风格较简约。
4 J$ e! t3 Y9 S( F( v2 N  B
WWDC 2013前夕,即便在 iOS 7 并未对外界正式发布之前,但是通过会场的海报人们都清楚地意识到,iOS 7 的风格一定带来了极大的转变。Helvetica Neue 风格非常现代,似乎暗示着苹果将在 iOS 7 中完全剔除过去人们陈旧的审美,取而代之的是更为现代的视觉风格,而在后来的大会上 iOS 7 的最终发布也证实了这种观点。

' S) Y* u9 g7 V+ ]7 J$ X% ^

122615oe5qjatqs1c79ba8.jpg

. v" H, y$ M! z. W2 i" l' L" {' K" J

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

122623wpxkjzgmphhlkkgm.jpg


) W5 }* g" B, {6 G  X

C.科幻

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

2 N1 _* f7 e; F

122644c1ayyznl2laka12w.jpg

1 F& |5 H) @% r% D. C

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

/ o  _. k# {# }9 e7 O, {9 h

122655rztd2uwldwoldhl6.jpg

' }% P( |# R1 p' m& G/ ?' m

D.梦幻

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

9 }- O. Y7 S+ N" Y( L

122727eopn6uex7dvqaz3k.jpg

* a. c" F0 r3 s3 a4 f# w& ]

E.女性
6 a+ `" f/ k3 F4 z+ P. m8 Q' \& G
女性化风格的字体经常可以在化妆品品牌中看见,她们通常字体纤细、秀美,线条流畅,字形有粗细等细节变化,显得有韵律或通过装饰性元素和字体结合。 因为衬线字体天生具有衬线这种可装饰性元素,因此很多女性化风格的字体会选用衬线字体,并以此为基础进行修改,比如 LANCOME 的 logo 字体。
8 y7 j8 P: G- n, C

122735e2rrffht77mhrsti.jpg

4 O  R0 ]; v* Z: m

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

122746ombbn5p5b8bcz6nn.jpg


& k. `2 t3 q" b

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

  Q, G: T6 t) g8 p- h

122756jq8yudxgluof8llh.jpg

结语:论字体风格的话,远远不止上文罗列出来的,并且很多时候,一款字体可以同样适用于多种不同风格之间。然而如何使用一款合适的字体准确地将产品气质传递给用户,这正是设计师应该考量的东西。
' Q  _9 ?8 ~4 C/ U0 G1 U- B& |! n

暂时无法加载帖子列表

回复

使用道具 举报

zhanzhuan 发表于 2014-07-21 14:12:52 | 显示全部楼层
然而如何使用一款合适的字体准确地将产品气质传递给用户,这正是设计师应该考量的东西。
8 H- ]) u# ^  H0 Y2 I
回复

使用道具 举报

yyss1yy 发表于 2026-01-11 19:26:10 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

躲鱼猫呀呀 发表于 2026-01-22 18:54:58 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

康康 发表于 2026-06-12 10:22:05 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复

使用道具 举报

啾啾瞅瞅 发表于 2026-07-14 01:04:06 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

Q仔 发表于 2026-10-11 09:09:03 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

我是水手 发表于 2026-10-15 02:45:41 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复

使用道具 举报

西万路小混混 发表于 2026-10-15 06:12:13 | 显示全部楼层
学习到了,之前一直没注意过这个点,受教了
回复

使用道具 举报

52show8 发表于 2026-10-18 07:53:06 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

dream123 发表于 2026-10-18 18:05:14 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复

使用道具 举报

chanbo 发表于 2026-10-19 13:12:34 | 显示全部楼层
说得很实在,没有夸大其词,这种真实分享太难得了
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-10-26 21:25 , Processed in 0.047414 second(s), 29 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表