您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

字體與產(chǎn)品氣質(zhì),字體的7種類型及特點

當(dāng)我們拿到一款產(chǎn)品的包裝或者登入了一個網(wǎng)站的時候,你是否會有意或者無意地留意到屬于這個產(chǎn)品的特定的字體設(shè)計或者使用,從而影響到你對這個產(chǎn)品最直觀的感受。精致、優(yōu)雅、科幻、古典或者是覺得粗糙難看呢?

比如當(dāng)我把蘋果網(wǎng)站上 iPhone 的字體換掉以后,你一定或多或少的察覺到了什么不一樣的地方,也許你無法表達(dá)出來或者無法說出究竟是哪里出了問題,但這潛意識的感受正是不同字體風(fēng)格傳遞給用戶的直觀感受所造成的。因此在給一個產(chǎn)品選擇或者設(shè)計字體的時候,除了你需要考慮其易讀性,一定也需要考慮這款字體是否能準(zhǔn)確地傳遞給消費者或用戶屬于這款產(chǎn)品的獨特氣質(zhì)。

1

 

A.現(xiàn)代

現(xiàn)代風(fēng)格字體多為無襯線字體,這類字體除本身文字的比劃之外缺少裝飾性的元素,風(fēng)格較簡約。

WWDC 2013前夕,即便在 iOS 7 并未對外界正式發(fā)布之前,但是通過會場的海報人們都清楚地意識到,iOS 7 的風(fēng)格一定帶來了極大的轉(zhuǎn)變。Helvetica Neue 風(fēng)格非?,F(xiàn)代,似乎暗示著蘋果將在 iOS 7 中完全剔除過去人們陳舊的審美,取而代之的是更為現(xiàn)代的視覺風(fēng)格,而在后來的大會上 iOS 7 的最終發(fā)布也證實了這種觀點。

2

 

B.復(fù)古

化妝品品牌 Benefit 誕生于美國上世紀(jì) 70 年代這個自由奔放的時代,而創(chuàng)始人之一的姐姐 Jean Ford 剛好主修藝術(shù),她十分懂得如何包裝她們的品牌。Benefit 的包裝和字體頗具復(fù)古風(fēng),比如留聲機(jī)造型的包裝盒。襯線字體的 logo 具有較強(qiáng)的裝飾性,字母的轉(zhuǎn)角處線條柔和,更具流線形的字母 f 使 logo 顯得更生動有趣,搭配留聲機(jī)造型內(nèi)部的連筆手寫體,一股濃濃的復(fù)古風(fēng)撲面而來,見到如此有趣又漂亮的包裝盒,難怪讓很多女性愛不釋手。

3

 

C.科幻

電影星際迷航的海報上的字體就屬于這種類型。實際上我們經(jīng)常會在一些科幻電影的海報或者網(wǎng)站上見到這種類型的字體??苹蔑L(fēng)格的字體風(fēng)格普遍比較硬朗和銳利,通常有過渡比較直接的折角。

4

作為鋼鐵俠原型的傳奇人物,Elon Musk 創(chuàng)辦的幾家公司的 logo 字體設(shè)計也類似。除了具有比較硬朗的線條之外,Tesla 和 SpaceX 的 logo 去除了一些連接的比劃從而使字形顯得更加抽象和神秘,真是科技感十足的公司??!

5

 

D.夢幻

迪士尼的字體就屬于這種風(fēng)格,粗細(xì)不一的比劃和大小不同的字母具有非常強(qiáng)烈的節(jié)奏韻律感,字母劃出的曲線像翩翩起舞的絲帶,也像魔棒劃出留下的痕跡,使人充滿想象。

6

 

E.女性

女性化風(fēng)格的字體經(jīng)??梢栽诨瘖y品品牌中看見,她們通常字體纖細(xì)、秀美,線條流暢,字形有粗細(xì)等細(xì)節(jié)變化,顯得有韻律或通過裝飾性元素和字體結(jié)合。因為襯線字體天生具有襯線這種可裝飾性元素,因此很多女性化風(fēng)格的字體會選用襯線字體,并以此為基礎(chǔ)進(jìn)行修改,比如 LANCOME 的 logo 字體。

8

 

F.趣味

具有趣味性的文字可以使用產(chǎn)品中的某些元素和文字進(jìn)行創(chuàng)意性的結(jié)合,比如爐石傳說的字體設(shè)計,巧妙的運用魔幻一樣的“漩渦”和石頭下半部分的“口”結(jié)合起來,雖然爐石傳說幾個字在風(fēng)格上是保持一致的,但是每個文字的折角并沒有刻意地將大小或角度保持標(biāo)準(zhǔn)一致,這樣的非規(guī)律性做法也增加了字體的趣味感,讓用戶覺得這款游戲一定會具有可玩性。

9

 

G.文化

Yoritsuki 的字體設(shè)計使用了毛筆書法的筆觸書寫的方式,將墨這種元素融入到了字體當(dāng)中,這種東方文化中特有的東西,使得 Yoritsuki 這款 App 的風(fēng)格顯得非常鮮明,即使在你還沒有打開這個 App 的時候,你就已經(jīng)能大概知道里面會是什么樣子的了。

10

 

結(jié)語:論字體風(fēng)格的話,遠(yuǎn)遠(yuǎn)不止上文羅列出來的,并且很多時候,一款字體可以同樣適用于多種不同風(fēng)格之間。然而如何使用一款合適的字體準(zhǔn)確地將產(chǎn)品氣質(zhì)傳遞給用戶,這正是設(shè)計師應(yīng)該考量的東西。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di2104.html
設(shè)計中思維可視化4類模型
商業(yè)BANNER設(shè)計實戰(zhàn):標(biāo)題文字篇
圖趣網(wǎng)微信
建議反饋
×