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

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

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

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

1

 

A.現(xiàn)代

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

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

2

 

B.復古

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

3

 

C.科幻

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

4

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

5

 

D.夢幻

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

6

 

E.女性

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

8

 

F.趣味

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

9

 

G.文化

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

10

 

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

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