B類動態營銷字體誕生記-1688知行體

作者:CBU設計部——漁七,創新孵化實驗室——奕皓
在新零售的數字化進程中,我們已經對千人千面精細化運營的數據能力、產品能力習以為常,與此對應的千人千面的設計需求也在與日俱增。而作為視覺信息傳達的基礎元素——字體,它的豐富度和適用性就顯得尤為重要。比如我們需要用蒼勁有力的字體提升視覺衝擊引爆流量、用氣質特徵貼合的字體去塑造品牌調性,用經典耐看的字體去和客戶娓娓道來。在這樣應用需求的背景下,我們從B類場景出發打造了一款營銷專屬字體,同時結合動態可變字體技術讓一個創意能覆蓋更多場景。

一、B類營銷字體的誕生

 

字體應用的語境是複雜的,為了更好講述字體字體應用的語境我們引用一個成語“字如其人”,B類場景其獨特的業務語境和品類構成也有其文字獨特的風格意向。從字體風格維度出發,基於C類和B類的主流的營銷場景我們去進行了數據分析統計。 C類場景在字體使用上更加的豐富,涵蓋了多種風格類別的字體;而在B類的場景中,偏嚴謹和硬朗的字體使用頻率明顯更高。源於B類商業語境更關注真實性及穩定的合作關係,字體在營銷場景中即有較高易讀性要求,同時又能具有專業穩重的氣質,基於B類場景的特徵我們打造了一款B類特性的營銷字體——知行體。

字體不同濃墨淡彩的畫面能快速顯性去傳遞風格語義,但能通過其內斂的筆劃特徵去將細節風格進行描述。通過知行體實踐的過程,我們也嘗試剖析了筆型、筆勢、字重、中宮、字面等不同維度對字體設計風格的影響因子。

筆型

在筆型特徵上,將知行體設置成了粗細均勻、更具現代感的等線體。同時,結合等線體簡潔的表達語境,優化了筆劃書寫中的細節變化,拋棄了中文字腳等細節特徵,從而能一致的傳遞簡潔高效的理念。

筆勢

為了有更好的應用兼容性,在知行體的細節特徵設計上,進行了適當的收斂。將核心筆劃拐角採用圓角方式處理,從而拉近與用戶的心理距離和傳遞穩重踏實的感覺。在撇捺結構上,避免起落筆露鋒的同時盡可能避免過大弧度為閱讀帶來的不穩定感;在筆劃體飾筆劃關係上,去掉不必要的修飾性元素;在不影響識別度的前提下協調取捨關係,提升整體的閱讀感。

字重

筆劃粗細會直觀的彰顯其風格特徵。在橫豎骨架上將筆劃加粗拉直的同時對筆劃的粗細進行了多次嘗試,最終根據想要表達的氣質和應用場景選擇了對應粗細的筆劃。

中宮

中宮概念源於傳統書法中“字有九宮”的概念,會將一個字框用井字分隔成9個宮格,中宮就是最中心的一個宮格,一般筆劃越靠近中宮格視覺感受就越緊湊,反之則會帶來鬆散感。結合知行體的筆劃特徵,採用了更略緊湊的中宮,為較粗的筆劃分佈預留足夠的空間,同時外圍筆劃均勻分佈在其他宮格,形成了緊湊而穩重的結構特徵。

字面

字體字面的長寬比決定了其基礎氣質,我們從提升空間利用率和字體閱讀效率兩方面對知行體的長寬比進行了思考。在空間利用率上,我們通過適當收縮字面和調整字間距讓其在同等空間下展示更多字符;在閱讀效率上,同等字符在佔用同等空間下,知行體字面的面積更大,更有視覺張力,更易於用戶閱讀。

結合以上維度的定義設計,知行體也逐步應用到我們的業務場景中,並在場景中逐步豐富完善,同時支持著各類營銷設計場景應用。

二、可變字體拓展

知行體是基於B類的應用語境誕生,但在不同的B類行業類目和設計趨勢的影響下,B類的風格也逐步往多樣性在拓展。我們希望知行體不是一套靜態的字體設計,能在現有設計創意的框架下讓創意能夠具有延展特性,能夠基於設計知識結合字體應用技術,能夠盡量多的覆蓋用戶的需求。

創意驅動的可變性

知行體在結構設計具有橫平豎直的特徵,在設計應用中能更加方便的結合創意發揮其結構的優勢。我們嘗試將效率的概念融入到字體設計中,在向用戶傳遞效率概念的時候沒有簡單粗暴的將字體傾斜,而是在字體的關鍵筆劃加上速度修飾符號,更像是一位成熟穩重的商人向你展示自我風采。

undefined

簡潔的結構設定可以帶來很多創意的可能:比如因為筆劃橫平豎直,所以更易通過筆劃的變換提升視覺衝擊力。比如字面變大意味著字體可以增加更多質感和修飾紋理,所以可以根據場景需要繼續提升視覺衝擊力;比如因為字形結構上簡潔硬朗具有現代設計美感,所以可以通過簡單排版進行氛圍塑造。

技術驅動的可變性

我們也希望通過新的技術方案去解決設計領域的問題。基於可變字體(Variable Fonts)技術,在知行體基礎字形的基礎上,嘗試了動態設計空間延展的探索。通過OpenTypev1.8多軸創意空間的定義,我們在知行體中實現了首次實現了中文字體的五軸變化體,使得知行體分別可以在字重(weight)、字寬(widht)、重心(centre )、斜體(italic)、風格(style)五個維度下進行無極變化。

undefined

通設可變字體的定義,在各設計維度的軸向上打開了一款字體的設計空間,使其有了更大的風格延展性,讓知行體在應用中也夠支持到多樣化的營銷場景應用。

undefined

結語

基於知行體的探索是我們的一個開始,我們也將繼續應用更多設計知識結合技術探索“知行合一”,給商家帶來更多方便好用的字體,從小小的一個字開始“讓商業美而簡單”。

來源:B類動態營銷字體誕生記-1688知行體


數位轉型服務諮詢
Total
0
Shares
Previous Article

真經閣|《王者榮耀》美宣設計案例解讀-提案和總結的萬能方法論

Next Article

為什麼交互設計能幫助產品解決問題

Related Posts