“來電”(針對海外用戶的英文版叫“Lightalk”)是一款基於語音溝通的應用。
“來電”(針對海外用戶的英文版叫“Lightalk”)是一款基於語音溝通的應用。如今,我們的溝通方式多樣,主流還是文字與語音溝通,但是語音溝通比起文字更有利於情感的交流,讓人與人的關系更為貼近,而且直接真實。因此我們希望更著力於語音溝通的純粹,通過來電這款產品,打造出更好的溝通體驗。
一款新的App,它的Logo是用戶接觸一個產品的第一道門面,也是產品或品牌氣質特點與內涵的體現。這其中,文字的Logo它有著更為直接傳達這些信息的作用,因此,我們的字體設計需要做到有產品自身的視覺特點並讓用戶一看就知道是我們的產品,利於傳播。由於“來電”(即“Lightalk”,為了方便,下文統稱Lightalk)首先發布的是英文版,且英文Logo設計與中文還是有一定差異,所以筆者就從Lightalk英文Logo的設計入手,分享一些心得體會。
1.品牌定位
品牌定位的目的就是將產品轉化為品牌,以利於潛在用戶的正確認識。我們為Lightalk應用塑造了一只小北極熊的形象,一方面與南極的企鵝(QQ)呼應,另一方面,小北極熊可愛友好,形態和動作有趣,天真單純,在北極這樣人煙稀少的地方,它渴望著與外界溝通,願望簡單而美好。這只小北極熊就如同是Lightalk的化身,它的形象符合Lightalk產品自身的氣質。我們對小熊所賦予的這些氣質同時也是我們對Lightalk品牌的定位,我們希望通過這樣的形象傳達給用戶、讓用戶認識。
2.關聯性
我們的文字Logo在設計的時候需要考慮它與Logo圖形的關聯性。Lightalk的Logo圖形就是我們品牌所定位的小北極熊,我們可以從已有的圖形方面進行參考,如線條粗細,熊自身形狀的感覺等等來思索字體的設計如何與它產生關聯,使得它們在搭配的時候不會突兀生硬,容易形成整體,並給人一致完整的感覺。
1.關鍵詞提取
根據品牌定位去進行發散,我們從中找出最符合我們產品的氣質特點,收攏後得出以下的關鍵詞:親和、趣味、純粹。
2.方案制定
我們從提取出的關鍵詞去考慮,讓文字Logo需要具備以上的特質。另一方面,Lightalk用的是英文字符,中文和英文在設計上有區別,鑒於我們自身的文化對於英文字體的設計內涵了解不深刻,所以在設計的時候對於英文字體的設計需要查詢足夠資料,規避英文字設計的低級錯誤。
1.字形構思
我們從關鍵詞出發,把關鍵詞具象出字形所需要的元素以及一些規則。
2.基本規則制定
有了大概的字形構思,在設計的時候,就會有著傾向和選擇范圍了,但是,只是這樣是不夠的。如果按照這種大概的認知和感覺去設計,設計出來的字會很容易經不起推敲,特別是英文字體的設計,26個字母看似簡單,但是除了字母本身字形之外,還有字母相關之間的關系是需要斟酌,與方塊字造型的中文不同。在設計字體的時候,遵循或制定出一些基本規則與標准,可以使得字體有一定的規律,保持視覺上的基本平衡,通過這些規律使得設計出來的字體和諧美觀,並規避一些基本的錯誤。
(1)x-height
在英文的字體設計中有一個中文字體沒有的重要概念:x-height。x-height就是以小寫x為基准的高度。在英文字體的設計中(特指小寫),一個字體的高度包含3個部分,以x-height為基准線,除此外分上下部(大寫英文字體沒有下部)。所有小寫字母的核心都在中間這一塊,也是因為這樣的結構使得英文字體核心行氣貫通,容易引導視線的流動,上下部的輔助使得英文的排布透氣靈活,這也是英文看起來更為舒服順眼的其中一個原因。Lightalk字體上需要遵循這一點來保證字體Logo的架構穩定。
(2)標准圓
英文字體最重要的是視覺上平衡,在這個Logo中我們也應該遵循這一點。根據構思,Lightalk的字形會比較圓,因此用圓來制定一套標准會使得字體的弧度、間距具備規律,有跡可循。Lightalk裡面8個字母,除了第一個字母L大寫,其它為小寫,考慮到這8個字母可能會涉及到的弧度和間距,我們以a為單位標准,以倍數設定了5個標准圓,使得每個不同的字母放在一起的時候能夠合適。
3.字體雛形
根據基本的規則,我們可以得出基本的雛形(如下圖),出來的字體是無襯線的手寫體(這裡要科普下,並不是那種感覺飄逸的才是手寫體,手寫體指的是字體走向更靠近手寫的字體,在這裡主要體現在小寫字母a、g、k的寫法上,k手寫還有另一種筆法走向,但為了這個Logo的平衡考慮用了現在的這種。)字體的形根據一些走向作了處理,讓每個字體更為簡單,而且在基本上保證了可識別性,但這僅僅只是一個雛形,能夠看到問題還很多,還要打磨。
4.整體優化
優化是很重要的階段。在英文字體的設計中裡面,不論哪款字體或者是設計出來的字體,它除了基本的平衡原則外,其它的設計工作都是為了它看起來更完整和諧還有舒服。因此在優化的時候,我們需要通過我們的審美,理解和對效果的把控使得它符合我們最終的預期。
(1)比例調整
字體的比例會影響著Logo的整體氣質以及Logo字與字之間的關系,甚至影響識別。舉個例子:上部太短的話,“h”就會看起來像“n”,容易造成誤解,所以,基准線與上下部分的比例調整到接近黃金比例,這樣符合審美之外,也能使得logo的信息完整。
(2)字形調整
字形的調整有著主觀審美的影響,但最主要的還是要讓人看起來覺得舒服。在雛形裡,“i, g ,t”這3個字母在裡面看來是很不舒服的,比如因為比例導致“i”的上部與基准線分離太遠;“g”的下部過於圓而顯得下部縮緊,而且下部顯得長了點;“t”的上部過長,通過發現這些問題,對字形不斷得調和,讓文字Logo愈發完整。這時,問題來了,大家可能會問為什麼“i”和“t”不對齊,前面有提到這是文字Llogo,並不只是規矩的文字排列,在合理的前提下稍稍跳脫一下規則,形成差異點,也符合我們對於趣味的定義。
(3)字距調整
優化的階段中我覺得字距的調整是最重要的,如果處理得不好就會顯得松散或者擁擠,破壞整體得韻律。在設計英文字體的時候,字母與字母的實際間距其實需要小心處理,如果按照一致的間距去處理,那麼有可能會發現,間距還是不舒服,這個和英文字母本身的形有關系,比如“t”和“a”或者“t”和“g”組合的時候,他們之間的空間會留的比較大,在間距一致的時候會形成字距寬了的錯覺,因此這些細節見需要遵循視覺平衡這一點去考慮,而不是單純得讓間距一致就完事,Lightalk的英文字體設計中“t”和“a”之間的實際間距就不保留,以此來保證平衡。
5.文字Logo輸出
文字Logo做出來後,看看與圖形Logo是否搭配合適,同時還需要看看是否能夠應用倒需要的場景中,根據所在的場景,再做調整。基本確定後就可以輸出了。