運營組件中的字體設計,竟讓我成功升職!

16 評論 2999 瀏覽 17 收藏 56 分鐘

編輯導語:對于運營設計來說,字體的設計也是十分重要的一點。中國漢字種類多種多樣,在選擇排版過程中有很大的難度。本文介紹了該如何更好的掌握字體的結構從而更加熟練的運用文字信息。讓我們一起來看看吧!

在平時的工作中,我們是否有考慮過運營設計的商業目標是什么?

看到這個問題的我們一定腦袋一片空白。

首先我們可以把運營設計分為兩派,一派為內容運營,另一派為活動運營,他們的共同目的都是幫助產品獲得用戶,實現流量最大化,從而形成一個正循環,最終完成商業化目標。

當我們面對一個優秀的運營作品時,真的只是被畫面吸引么?答案是否定的,我咨詢了很多身邊朋友,大部分同學給到的反饋時,首先會被文字或標題所吸引,其次是版式和圖像,最后是顏色,由此看來圖像的本質是吸引眼球,文字才是快速傳遞信息確保用戶長時間停留的關鍵所在。

從古至今,文字在信息傳播上都有著舉足輕重的地位,隨著移動端的興起我們的表達方式也變得更加多元化,現如今網絡上隨處可見充斥著各種短視頻,圖像等信息傳播方式,但隨著我國人口老齡化加劇,隨之而來的就是各種適老化產品的出現,據調研老年人對內容的文字呈現形式信服程度遠遠高于圖像呈現,進而我們在設計中更要注重對字體的設計,而不是直接把文案擺在畫面中。事實上字體設計只是平面設計中的一個小小的分支,但文案的呈現樣式無疑是運營設計創作中的重要組成部分,也是從事互聯網設計的基礎要素。

一、了解字體設計

1. 字體設計定義

簡單來說,字體設計可以理解是將我們標準的“無襯線體”和“有襯線體”也是我們俗稱的黑體和宋體的基礎上根據內容含義發揮創造力對其進行修飾以及解構重組。以下圖為例可以簡單的區分無襯線字體和襯線字體??吹竭@一概念一定會有疑問“自己在平時工作中直接使用不同樣式的字體也屬于字體設計么?

2. 字體設計的起源

通過下圖我們可以簡單了解到中國漢字的發展歷程。

運營組件中的字體設計,竟讓我成功升職!

遲同斌(開心老頭)老師在《字體設計定位與通用字形》中提到漢字的字庫設計發展其實就是漢字的發展,從甲骨文的象形文字再到金文、小篆、隸書,再到適合印刷的宋體出現,都是由我們的先人在不斷設計才使我們現在有了這么多豐富的漢字字體藝術。難道甲骨文不是被“設計”出來的嗎?

難道歷代大書法家不是字體設計大師嗎?字體設計的演變是與其應用環境和文化科技發展息息相關的。宋體的出現主要就是為了印刷制版,便于傳播文化,要是用毛筆寫宋體你看看得有多費勁,再看看如果用刻刀在木板上刻行書也是很難的。而現代字體設計大多都是在電腦上完成設計,并且很多的應用也都是在出現各種電子媒體上 。

隨著信息傳播的載體不斷豐富,各式各樣的字庫也隨之涌現不再局限于功能性需求,現在更注重我們獲取信息時的清晰度以及舒適度。這樣就給字庫設計帶來了更多的可能性。但是萬變不離其宗,字庫設計仍然需要保持可讀性,辨識性,統一性以及有由新媒體時代而衍生出來的的推廣性,一套優秀字庫的設計需要字體設計師熟練掌握字體設計工具的同時對中國漢字的的發展以及書法萬分了解,不過最重要的還是需要設計師要耐得住寂寞,為了滿足基本場景運用一整套字體算下來一共需要六千七百個字,對于設計師來說一套字體需要消耗半年甚至一年的時間,面市后還需要相當長的一段時間獲取各個使用領域的反饋,然后對反饋內容進行后續的修改和完善。

3. 字體設計的現狀

隨著走訪身邊的朋友,并且以調查問卷的形式發現當下字體設計工作中存在一些問題。

運營組件中的字體設計,竟讓我成功升職!

(1)用戶重點關注標題

 

運營組件中的字體設計,竟讓我成功升職!

隨著信息傳播的多樣化,我們每天都被迫接收的各種各樣五花八門的信息,這也間接導致我們對信息的關注度越來越碎片化,對信息的注意程度也越來越不集中。對于品牌方來說各式各樣的活動內容,既要吸引用戶注意又要迅速的傳達活動信息,這就需要將很大的篇幅給到標題,用戶會根據標題是否符合自己的興趣和需求在選擇是否駐足當下頁面,進行下一步觀看活動內容或者參與其中的操作。

(2)品牌風格不統一

在產品的運營活動中雜亂字體的運用會致使品牌風格無法統一,品牌感降低,設計效率大打折扣。無法滿足不同場景的運營需求的同時更會降低用戶對品牌的認可度從而導致用戶的流失。

4. 字體設計的類型

根據字體設計的現狀以及我在工作中遇到的各種狀況總結了字體設計中的幾種分類,我們就淺談一下吧!

運營組件中的字體設計,竟讓我成功升職!

(1)運營標題設計

大家工作中有沒有遇到過這樣的情況,在做運營標題時直接選擇字庫中看起來挺有設計感字體,結果被甲方投訴到想要哭泣。

甲方爸爸必定會讓你對字體進行藝術性處理,這時我們必將化身“卑微小王”對字體進行重新設計,讓字體在畫面中展現獨特的魅力來重新獲得甲方爸爸的認可。

為什么進行標題設計:

運營設計的標題是建立用戶與活動方信息傳達最直接的VIP通道,如何通過這條通道更直接的給用戶傳達信息,快速實現活動方的商業目標是我們工作中需要認真思考和復盤的重點。

企業里許多設計師在做運營活動時,為了搶占用戶更多的時間,很多時候并不需要非常規范化的字體設計,往往只要做到高效率的整理和傳達畫面情緒并且產出在視覺上可以給用戶營造較大沖擊力的標題就可以。

通過標題快速在用戶意識中對全新的認知和內容進行完美質植入,這樣不但可以讓用戶在較短的時間了解活動內容以及活動利益點,而且可以大大降低與用戶的信息溝通成本,提高用戶對活動的關注度與參與率。

(2)品牌字庫設計

首先我們要了解品牌設 計的意義是什么?

品牌設計可以簡單理解為是將品牌內容傳達給用戶,幫助用戶理解并認同品牌理念,從而將口袋里的錢全部貢獻給品牌方。其中設計師將品牌內核融入字體設計中,可更加直觀的傳達品牌內容和理念,并且在傳播上具有以下作用。

提升品牌影響力:

各個公司為了建立自己的品牌形象都在IP形象和字體設計上大費周章,文字圖像化設計可增強品牌的內在價值,當品牌字體在大街小巷出現時,不僅可以大大增強用戶對品牌的認同感,而且可以增強用戶對品牌的好感,最終還會出現“人傳人”現象促進口碑增長。

強化品牌形象:

雖然圖像與文字都可以進行信息傳達,但與文字相比圖像表達更加抽象,文字傳達更能直抒胸臆,所以品牌更多的選擇使用字體進行塑造及宣傳。

增強品牌內涵:

對于普通用戶來說,他們更佳傾向于有特點和個性的品牌,而我國漢字大部分為象形文字,本身就是歷經千年沉淀的產物,積蓄著無限能量,品牌下的字體設計也正是因為這一特點挖掘文字內涵,進行一系列的設計,使之在漢字框架內塑造品牌獨特的個性。

5. 字體設計的意義

優秀的字體設計從 理性角度不僅能讓畫面結構更出彩,內容更加飽滿。在感性角度設計師將自己的理解融入每個字中,帶給字體不限的可能性,更能引起用戶共鳴,讓用戶感受到設計師通過文字 傳達的情感以及作品的趣味性,并且字體的設計也側面體現設計師獨具匠心的一面。

運營組件中的字體設計,竟讓我成功升職!

(1)增強視覺傳達導向

與圖像傳達信息不同的是,文字傳達給用戶的信息往往不夠印象深刻,所以在工作中需要不斷創新增強字體的個性,在文字基礎功能上做到一個延伸,在不失字體可讀性,辨識性的前提下創造具有藝術性并且能讓用戶融入其中的字體,啟發用戶按照我們的想法去感受,去思考,最終達到吸引用戶眼球的注意,引導用戶參與的目的。

(2)提升品牌知名度

在市場競爭激烈的當下,品牌方需要提升自己產品競爭力必然會將自家產品以各種形式融入用戶的生活,其中最為直接有效的方式則是讓用戶主動參與其中,便有了眾多吸引用戶眼球的運營標題設計,文字圖形化的方式必定會給用戶留下深刻的印象。

除此之外,品牌方要想和用戶產生更緊密的聯系,還需要出現在用戶每天都聽得到看得到的地方,品牌字體在此就具有重大貢獻,它不僅能出現在任何用戶閱讀的地方,而且大大加深了用戶對品牌的認知度以及好感度。

二、字體設計原則

1. 三要素決定字體性格

常言道“字如其人,筆記識心?!比耸遣皇呛芎每次覀円话闶菑倪@個人的骨架大小、身材胖瘦以及這個人的衣品決定,我們可以把每一個字體都比做一個人,字體好看與否同樣是有三大元素決定,分別為:結構框架、筆畫、字體效果,三者相互促進相互影響,是不是聽的云里霧里,嘿!不重要!一張圖解決你的困擾。

運營組件中的字體設計,竟讓我成功升職!

(1)文字整體調整

漢字的字形結構:

文字辨識度往往是由文字的內骨骼決定,每個字都有每個字獨有的骨架,這也是字體獨一無二的信息呈現方式。

運營組件中的字體設計,竟讓我成功升職!

疑難點1:中心與重心的區別

運營組件中的字體設計,竟讓我成功升職!

重心和中心都是借用物理學中的概念。

中心,就是把字放在一個圓中,圓心就是中心,他只考慮長短、大小。

重心,在物理學層面是被物體形狀所影響,可用懸掛法確認物體重心。但在字體層面概念卻有所不同,每個字都有自己的重心位置,字體結構不同,重心位置也會不同,但可以簡單理解為文字的重心就是文字的視覺中心位置。

仔細觀察圖中的兩個“十”字。第1個“十”字的橫、豎筆畫都對準了中心線,它的重心在“絕對中心”;第2個”十”字中把重心調高,重心處于“視覺中心”,相比第1個”十”字在視覺上重心偏低了,讓人覺得頭重腳輕,而把中間的那一橫調高后,字形發生了明顯的變化,看起來更加舒服。

運營組件中的字體設計,竟讓我成功升職!

通常情況下,人們的視覺中心要比實際的絕對中心偏高一些,就好比日常穿著中,人們通常會把上衣放在褲子里,拉高腰線,使整個人的重心上移,這樣看起來身材會呈現三七分完美比例,凸顯大長腿。同樣,在字體設計中,如果我們適當將重心提高,使字體的上半部分緊湊些,下半部分適當寬松一些,那么呈現出的上緊下松的狀態會更符合人們的審美。

由此看來重心并非一個絕對位置,以重心畫線可將字體均衡地分為上下和左右兩個部分。把漢字分割為上下兩部分后進行觀察,筆畫分布靠下則謂之重心低,反之則謂高。其中筆畫交叉處或者說是筆畫密度尤其能體現重心,重心的高低對字體的視覺感受有很大的影響,從理論上來講,重心較低的字會給人穩重、信賴且富有親和力的感覺,而重心偏高則會顯得高冷和俊秀。

運營組件中的字體設計,竟讓我成功升職!

另外,對于多個字的排列和組合,字體重心的統一性也是極其重要的,若重心出現偏差,就會破壞文字的整體性。

運營組件中的字體設計,竟讓我成功升職!

由此看來,字形結構中各個部分的輕微變化都會使整個字體發生天翻地覆的變化。

疑難點2:何為中宮

中宮的概念起源于書法,書法中以“米”字格或九宮格作為參考,用來書寫時筆畫的確定位置,其中九宮格參考線中最中間的一個即為中宮。

由于楷書又作標準字體,楷書的特點是所有的筆畫有序的聚攏在字的中心,也即為中宮,所以中國漢字的特點也被稱為“中宮收緊”,之后也被應用在設計之中。

運營組件中的字體設計,竟讓我成功升職!

中宮對字體結構的松緊以及造型有著重要影響,在觀察字庫中的字體時,你會發現每一種字體的中宮都是一樣的。

運營組件中的字體設計,竟讓我成功升職!

字體筆畫緊湊,聚合在中宮框附近,稱之為“中宮緊湊”,反之,筆畫遠離中宮框,則稱為“中宮松散”。

運營組件中的字體設計,竟讓我成功升職!

在這里還要給大家引申字谷和字懷的概念。與中宮相同,這三個詞都是由書法中延伸出來的。

首先是字谷,它指的是文字中半封閉或全封閉空間,這個概念在西文設計中常常被用到,可以簡單理解為字體中封閉的留白區域。

再來是字懷,又被稱為“字體的內白”,它指的是筆畫間的留白區域。筆畫越粗,字懷越小,字重越大,字體越穩重。唐代楷書四大家之一的歐陽詢《三十六法》中曾提到:“大字難于結密而無間,小字難于寬綽而有余,”字體設計中有些設計師在字懷處理上力求平均,而正確的思路卻是讓字懷整體有疏密對比變化。

運營組件中的字體設計,竟讓我成功升職!

疑難點3:何為字面

漢字作為傳統的“方塊字”當設計字體時,一般會有一個外邊框進行大小限制,但將幾個字放在同樣大小的限制框內,這幾個字卻還是有大有小,搭在一起總是怪怪的。這里的大小并非是字體的大小。而是字體字面比例的大小。字面就是指字體所占字面框的比例大小。

運營組件中的字體設計,竟讓我成功升職!

疑難點4:何為中心線

在我們對字體進行改造設計,將字面框的兩條垂直邊和平行邊中點相連,形成的焦點為中心點,兩條線為中心線。這個中心線成為字體的第一中心線,它和中心點控制著每一個字的基本形態,他們的位置是固定的。

運營組件中的字體設計,竟讓我成功升職!

小心機1:空間留白設計

字體的筆畫產生空缺處,這就是所謂的留白面積,如何處理留白對于我們來說也是非常重要的。

留白空間越大,就會營造出比較透氣,舒緩的節奏。反之,留白空間越小營造出的感覺就會越壓抑,沉悶,有力度的氛圍。

運營組件中的字體設計,竟讓我成功升職!
《公路之歌》—字體幫

小心機2:重心以及中宮變化

通常重心較高中宮比較窄的字體都比較纖細,比較長具有藝術氣息,通常用在和女性相關的品牌中,不與世俗同流合污感覺。

反之重心較低中古比較寬的字體都比較扁并且筆畫較粗的字體通常給用一種成熟,穩重的感覺,常常用在比較男性或正式場合。

運營組件中的字體設計,竟讓我成功升職!

《小人物》《戰意》—字體幫

漢字間的字架結構:

由于中國漢字筆畫眾多,組成結構空間布局也五花八門,字體間架結構可分為以下類型

運營組件中的字體設計,竟讓我成功升職!

  • 結構重心統一:多部分組成的字體結構中,要注意每個部分重心位置要一致。
  • 留白空間統一:筆畫搭配要做到疏密均勻,粗細變化一致。
  • 偏旁部首比例協調:多部分組合結構中,偏旁部首的大小,主次關系,比例關系,結構穿插,粗細變化,緊密程度都要相互作用,相互影響。

運營組件中的字體設計,竟讓我成功升職!

文字的基礎筆畫:

字體圖形化的決定性因素就是筆畫,不同字體呈現的圖形間接決定字體給用戶傳達的含義。

運營組件中的字體設計,竟讓我成功升職!

中國書法用筆法則:

中國書法用筆法則又稱為“永字八法”,相傳為隋代智永或東晉王羲之或唐代張旭所創,因其為書寫楷書的基本法則,后人又有將八法引為書法的代稱。

運營組件中的字體設計,竟讓我成功升職!

由于“永”字包含了幾乎所有的筆畫,所以在字體設計中通過對“永”字的研究了解文字構成,從而設計出結構飽滿,筆畫美好的字體。

小心機1:筆畫粗細變化

傳統概念中,女生小鳥依人,男生魁梧健壯,字體的運用中也是這個概念。

運營組件中的字體設計,竟讓我成功升職!

如果實在想象不出來,可以試著將筆畫粗細變化的概念和字體留白放一起理解,筆畫越細,留白空間就會越大,字體就會越輕盈。反之,筆畫越粗,字體越厚重,分量感越強。

運營組件中的字體設計,竟讓我成功升職!
《上海灘》—字體幫

小心機2:筆畫曲直變化

說到筆畫曲直不免讓我想到《甄嬛傳》中甄嬛選手跳驚鴻舞時間翩若驚鴻宛若游龍的形態以及雪融融代言人安陵容選手上演冰嬉時柔弱無骨的樣子。

運營組件中的字體設計,竟讓我成功升職!

筆畫以彎曲為主的字體會營造溫柔,可愛的意境,多用于兒童或女性品牌。反之,筆畫之形成的轉角過多,會產生速度感和力量感。

運營組件中的字體設計,竟讓我成功升職!
《夢醒時分》—字體幫

2. 設計流程

在工作流程中我們會經歷以下五個步驟:

運營組件中的字體設計,竟讓我成功升職!

(1)需求評審

首先,第一步字體設計分析尤為重要,如果給到的文案小而精煉,那么設計空間會非常發的大,如果給到長且語序混亂的文案,則我們的發揮空間將會非常的小。這是我們需要做的就是:“懟回去,重想文案!”在工作對接中盡量將文案把控在8個字之內。

(2)前期腦暴,進行梳理歸納

氛圍考究,避免答不對題。明確需求并進行腦暴分析關鍵詞,關鍵詞貴精不貴多,之后對關鍵詞進行權重區分并排序,將關鍵詞與和需求文案性格相匹配做出基礎的判斷,確定需要傳達給用戶什么樣的字體氣質和性格,是比較偏向復古感,還是偏向少兒感,還是一個比較陽剛的場景等等。

(3)通過字體性格繪制骨骼草圖

當我們確定了整體氛圍和字體性格后,將性格細分到字體三要素結構,筆畫和細節上,這時就完全確定需求方想要字體的樣子,是高?是瘦?是矮?是胖?接下來一定要牢記,開始瘋狂找參考,參考網站這里就不一一列舉了,花瓣,站酷,pinterest,世上網站千千萬,還怕找不到你要的那個么?

找不到?就是你太懶!

找到合適的一些參考后,對字體的粗細結構,筆畫變形和排組合列進行不斷探索,可以選擇在電腦上繪制草圖,方便下一步的設計制作。這時的草圖并不需要任何細節,想到就畫出來。

運營組件中的字體設計,竟讓我成功升職!
—左佐工作室

(4)設計實現

針對骨骼草圖勾勒出草稿形體,一邊進行勾勒一邊對筆畫的節奏,字體大小以及留白進一步微調。

(5)字效添加

最后就是勾勒好的字體添加一些列效果之后與畫面結合在一起,在這里做的效果的前提是清楚整個畫面場景氛圍。根據場景添加適當的效果,不要畫蛇添足。

3. 設計細節解析

(1)視覺偏差

視覺心理是一門奇妙的語言,在文字中不論整體結構也好還是筆畫形態也罷,都會因為字體灰度產生字體組合不平衡的狀態,灰度指的是在一個字體中筆畫和留白空間的分布比例,在設計字體是杜絕一個字筆畫特別密特別黑或者筆畫很細過于白。因此字體設計最后總是需要整體觀察,細節調整。

筆畫粗細導致視覺偏差:

中國漢字中,筆畫多的字體和筆畫少的字體相比起來, 為了讓字體的灰度統一,筆畫多的字體明顯會比筆畫相對細一。

運營組件中的字體設計,竟讓我成功升職!

橫細豎粗:

相同的兩條線段,其中垂直的豎線在視覺上會更長一些,一般可縮短垂直線條或者加粗垂直線條,都可以在視覺上看起來兩條線條一樣長。

運營組件中的字體設計,竟讓我成功升職!

左長右短:

相同的兩條線段,進行橫向排列時,由于人眼習慣性從左向讀取內容,會導致左邊線段會比右邊線段視覺上略長一些,一般可將中間的間隙向左邊少做移動。

運營組件中的字體設計,竟讓我成功升職!

主粗副細

復雜筆畫的文字中,若所有筆畫都是一樣粗,整體則沒有留白空間,視覺上會覺的文字很憋悶,甚至在自身框筆畫重合在一起,出現識別性低的問題。一般我們需要明確筆畫的主次后將主筆變粗,附筆縮窄。

運營組件中的字體設計,竟讓我成功升職!

外粗內細:

當遇到全包圍的字體,由于內部結構被全部包裹,在視覺上形成一個封閉結構,導致中宮緊縮,這是需要將內部筆畫變細,凸顯外框,有效的調整視覺平衡。

運營組件中的字體設計,竟讓我成功升職!

疏粗密細:

總結以上所有情況包括筆畫交叉等結構,都需要將密集處做變細處理,稀疏處進行適當加粗從視覺上解決字體疏密不均的問題。

橫豎線條:

在我們的嘗試中認為橫線條服裝顯胖,豎線條服裝顯瘦,但字體中正好相反。

運營組件中的字體設計,竟讓我成功升職!

復古與現代字體:

通常在筆畫上加入細節,筆畫細節少,結構越簡單,設計出的字體一般更年輕,具有現代感,反之,筆畫細節越多結構越復雜就更有年代感和復古感,如果覺得無法想象出具體畫面,沒關系!我們試想一下宋體字(有襯線字體)和黑體字(無襯線字體)對比,宋體則讓我想到老上海日歷牌的設計,而黑體字最讓我印象深刻的就是蘋果官網設計。

運營組件中的字體設計,竟讓我成功升職!

通用字形:

由于通用字體看起來比標準字更舒展更大氣所以最近幾年市面上設計師使用通用字形頻次越來越頻繁,使用的品牌也越來越多,我們來可以淺探一下其背后玄機。

遲同斌老師提出的通用字體其實是將字體中宮放大將筆畫外圍空間壓縮。

運營組件中的字體設計,竟讓我成功升職!

字面不同導致視覺偏差:

漢字筆畫五花八門,字形也千奇百怪,導致相同大小字體字面大小不一,導致我們看到的字體又大又小,因此需要對字面覆蓋字面框的比例做出調整。

運營組件中的字體設計,竟讓我成功升職!

(2)設計注意點

筆畫粗細導致視覺偏差:

多個字體組成的標題中,前后一定要有呼應,一定要使用一種設計方式以及展現形式要統一,讓字體組合呈現一個整體,而不能每個字有每個字的個性。

在談到統一時,有些同學會強答說:將所有筆畫粗細變為一致的,雖然這也是一種方法,但這種方法只適合于字體組合中文字筆畫都很少的情況下。如果遇到壁畫較多的情況,就會在統一字面框內出現筆畫粘連,內容黑色區域過多導致單個字體視覺過大。

小技巧1:筆畫裝飾

可將筆畫兩端或局部增添細節,這樣整個字體會看起來更加飽滿,末端或局部的小修飾,使字體氛圍更加有內涵和內容。

運營組件中的字體設計,竟讓我成功升職!

《英雄》-劉兵克

小技巧2:圖形裝飾

利用常見的幾何圖形“圓點,等距矩形,等邊三角,波紋等”對文字做出裝飾,這種方法是最快提示效果的方法,并且可以是字體視覺上前后呼應,具有統一性。

運營組件中的字體設計,竟讓我成功升職!

《氧氣》-字體幫

小技巧3:筆畫替換

將字體中某個筆畫用一個固定的形式置換,“例如將文字中所有的點都用三角形替換掉”,不但可以創造新的字形,而且可以可以將字體統一化處理。

運營組件中的字體設計,竟讓我成功升職!

《告白星球》-字體幫

三、字體設計指導方針

我國國民審美的不斷提升以及保證用戶獲取信息時的清晰度和舒適度,我們要摒棄以前做字的一些習慣,去除冗余的裝飾部分,減少字體變化,做到看似沒有設計但有感覺很舒服的設計,要讓我們做的字成為畫面的點睛之筆,促使用戶駐足而不是成為畫面累贅降低產品品質感。

字體設計上到線下大型活動,下到字體icon,標題字體往往最容易讓用戶記住,而合適的字體形式表達更容易傳達內容的情緒,吸引觀者共鳴。讓人感覺這種字本就該出現在這個畫面中,看著感覺舒服,而不是覺得–“怪怪的”。但遇到工期短,項目大的時候,我們如何用最快的時間設計出跳脫的字體。我們由簡到難依次遞進。

1. 字體設計秘籍

一款字庫的價格大家是否有了解過,每一款價格上基本上都保持在一萬左右每年,以下是方正和漢儀字庫的授權價格。

運營組件中的字體設計,竟讓我成功升職!

運營組件中的字體設計,竟讓我成功升職!

對于很多公司來說,他們認為沒有必要每年花費上萬的價格去購買字體,但由于侵權賠付的天價,基本上都再三叮囑設計師用字時一定要注意。往往工作會遇到很多工期短,任務重的內容,這時我們只要打開神奇的字庫用正確的思路方法就可以免費使用正版字庫,并且不需要擔心字體侵權等問題。

(1)字體整體調整

將字體比作一個人,首先對骨骼內在進行調整然后對 外在形象進行大肆修整,讓人看不出原來的樣子。

運營組件中的字體設計,竟讓我成功升職!

接下來是給這個字添加各種裝飾品,以及面部修正,讓其具有統一性和獨特性。

(2)字體細節變化

筆畫設計:

在筆畫上的設計中,不論是省筆還是添筆或者是斷筆還是連筆都要保證在不破壞字體識別性的前提下進行。杜絕出現為了設計而設計,要做到言之有理。

a.1.省筆

在不影響字體識別的前提下,省略掉其中的一些筆畫,可在視覺上產生新的留白空間。

運營組件中的字體設計,竟讓我成功升職!

a.2.添筆

可以簡單理解為某個筆畫或某個部首的大膽添加,或者某個部首的添加,很常見的一種添筆則是在不同黑體的“口”字處理上,不僅體現了不同字體的特征,也增加了字體的個性與統一性。
運營組件中的字體設計,竟讓我成功升職!

a.3.斷筆

以字面的理解為筆畫結構的斷開,可以使筆畫較少的文字視覺上變得豐富。一般在轉折或者筆畫交接處產生斷開,雖然斷裂,但是視覺填補會使字體產生新的節奏感,隨之而來的是留白空間和灰色面積變大,字體會有呼吸感。

運營組件中的字體設計,竟讓我成功升職!

a.4.連筆

不僅僅局限于筆畫間的連筆,還包括字與字之間的連接。

連筆在字體設計中最為常見,因為連筆即能出效果,在執行層面來說難度相對來水比較低的。

運營組件中的字體設計,竟讓我成功升職!

《紳士》《孤勇者》-字體幫

字內字外順勢相連:在字體組合可通過這種方式連為一體,在單個字體中,也可將筆畫與周圍筆畫相連, 同時一定會伴隨著筆畫的斷筆與方向或長短的調整,使字體看 起來更來連貫,字形更加簡約。間接組成一個整體獨領風騷,而不是每個字體之間的爭奇斗艷。致使視覺沖擊力大大提升。

字外錯位相連:將原本筆畫斷開后與相鄰字的筆畫相連接。

添加筆畫相連:將需要處理的筆畫做出結構性的改變,不僅不會更復雜而且會是字體從視覺上看那更加飽滿。

調整字體排版進行連接:通過調整字體位置,促使筆畫處在同一水平高度后延長某些筆畫進而鏈接,不僅使字體增加層次感,而且使字體性格更加突出。

a.5.圖形替換

通常是將字體中某個筆畫或者是偏旁部首進行圖形置換,這里一般使用與場景或詞義相關聯的圖形。不但可以創造新的字形,而且可以更加生動地傳達場景含義。

運營組件中的字體設計,竟讓我成功升職!

a.6.筆畫修飾-添磚加瓦

可將筆畫兩端或局部增添細節,這樣整個字體會看起來更加飽滿,最簡單的事例就是中文字體中的黑體與宋體的對比,宋體相對比黑體,它的末端都會出現一些小修飾,使字體氛圍更加有內涵和內容。

運營組件中的字體設計,竟讓我成功升職!

字體來源《字體幫》

a.7.字谷填充

很多字中的某些結構處于完全封閉的狀態,這時可忽略內部筆畫,直接將封閉結構用顏色進行填充,切記不要使用深色的顏色進行填充,會使得整個畫面顯得異常的壓抑。

運營組件中的字體設計,竟讓我成功升職!

字體來源《字體幫》

描邊返白:

在設計中描邊是經常會用到的功能,它具有很輕的隔離屬性,在字體設計中不僅可以通過添加效果完成描邊。還可以使用投影形式進行描邊,作出偽立體的感覺。

運營組件中的字體設計,竟讓我成功升職!

說到投影,我們可以將字體的描邊不再拘泥于字體邊框的描邊,而將它變為自定義圖形壓在字體下方后會出現類似于泛白的效果,使文字更加突出,營造的氛圍更隨性,不受限制。

外形處理:

運營組件中的字體設計,竟讓我成功升職!

字體來源《字體幫》

c.1.平面透視

設置一個透視消失的方向,將字體的筆畫做成三角形一邊寬一邊窄的效果,所有的走勢都會聚合在一個消失點上,這種設計手法通常用于速度,灑脫,歡樂的氛圍場景中。

除了將筆畫進行透視處理外,還可以對某個文字或者文字組合的整體進行透視處理。

適當的將設計的透視效果做的夸張一些,這樣可以營造出一種沖擊感。

c.2.借用繁體

在進行字體設計的時候,會遇到組合中有一個或幾個字形和筆畫相對于簡單的文字,無論用任何方式都沒有辦法將字體變得更挺闊,此時我們可以將簡單字體換為其繁體版本,意味著還存在更多的筆畫設計方式可以探索,這樣不僅解決以上問題而且還使字體筆畫變得豐富。

繁體一出,整體感覺立馬回歸上世紀充滿復古感和歷史感。一般追求中國風或者老字號的品牌常用。

c.3.筆畫翻轉

在設計字體時,打破定向思維,將文字中某些短小的筆畫進行反轉,雖然這樣的設計手法不會給畫面帶來太多的新意,但是小小的變化,大大的成長,有時甚至可以將其視為神來之筆,會讓字體與眾不同。

(3)錯位+重組

運營組件中的字體設計,竟讓我成功升職!

錯位:

一般我們將做好的字形做最后的處理升華時會利用錯位來實現,可以使用整體的傾斜,旋轉,拉伸以及變形的,也可以將組合中某一部分進行錯位偏移,延長,放大縮小,或者局部消失等操作。

錯位的方法在破形同時還保持了字體組合的整體性,讓字體組合不再呆板,增添一絲小想法,讓字體設計添了幾分趣味性。

重組:

我們把字體組合當作搭積木,打破固有思維,見縫插針將文案外形排成一個有棱有角的矩形,這樣中規中矩的設計形式永遠不會失誤,并且整體處于一個非常平衡的狀態。

一般我們除了利用組合形式外還會與錯位搭配來使用,錯位可以很好的沖擊掉組合的呆板平添一份趣味。這時錯位帶來的留白空間過大時,可利用小的英文字母或者拼音進行補位,切記一定要小一些,要做到既搶不了主題文字C位,還起到了裝飾的作用。

(4)周邊裝飾

圖形壓低:

將已設計好的字體直接壓在幾何形體上,這樣可以使字體更具有統一性和整體性,由于幾何圖形的壓底,間接將字體組合的整體的字面擴大,在畫面中能更快的吸引用戶的注意。

運營組件中的字體設計,竟讓我成功升職!

—《勁舞團》《戰意》《尋仙》字體幫

圖形裝飾:

利用常見的幾何圖形“圓點,等距矩形,等邊三角,波紋等”對文字做出裝飾,這種方法是最快且最出效果的方法,但是使用不當或過多的裝飾就會讓用戶感覺設計比較old school。

運營組件中的字體設計,竟讓我成功升職!

運營組件中的字體設計,竟讓我成功升職!

—《過火》《再回首》字體幫

字母裝飾:

字母裝飾一般使用英文或者拼音,在整體設計中字符不會太大,不能搶了主題文字的戲。常常被用在文字錯位時出現的留白區域內。不是我說,小字母一加,那逼格蹭蹭拉滿!

運營組件中的字體設計,竟讓我成功升職!

—《發財》字體幫

圖案裝飾:

顧名思義,是將文字具象化為小圖案后加入設計中作為裝飾點綴。

運營組件中的字體設計,竟讓我成功升職!

—《讓子彈飛》字體幫

全局裝飾:

是將字母,寫意,圖案裝飾三位一體,做到整體化,統一化,全局裝飾需要更強的邏輯思維以及創新能力,會營造出強沖擊力,經常出現在拉新促活的運營頁面中。

運營組件中的字體設計,竟讓我成功升職!

—《街頭籃球》字體幫

借人之手,修飾己身:

在多個文字組合中,由于每個字的筆畫形態都不一樣,設計出來難免會出現交叉或其他狀況,這是需要在字與字的交叉處進行筆畫走勢廓形的反白處理,使這個交界處形成端非斷的狀態。

通常這種修飾不會過分影響字體的整體性,反而會視覺補充會讓讓整個字體更加統一。

運營組件中的字體設計,竟讓我成功升職!

—《紙短情長》《忽然之間》字體幫

(5)外形變化

現在我國的設計逐漸偏向簡單,內斂,大方的方向,外形變化效果也逐漸減弱,最近發現在東南亞運營活動中頻頻出現

筆畫變化:

a.1.描邊

普通的描邊的效果過于粗糙,平時工作中給描邊加一個漸變,讓整體看起來層次感更加豐富。

運營組件中的字體設計,竟讓我成功升職!

a.2.節外生枝

可理解為將某一個筆畫進行延長后,適當的根據氛圍,語義,文字性格將延長部分做彎曲變形,節外生枝的設計手法會將整個字面有一個擴大效果,更偏向于女性,自由等語境進行使用。

運營組件中的字體設計,竟讓我成功升職!

—《不染》字體幫

顏色疊加:

b.1.筆畫換色

將字體其中的某些筆畫顏色改變,這個方法與筆畫反轉影響類似,打破定向思維,雖然變化很小,但是讓文字有了亮點,讓字體視覺上變得與眾不同。

運營組件中的字體設計,竟讓我成功升職!

b.2.漸變疊加

這是經常在字體設計中使用的技法之一,在筆畫間或者筆畫內加入漸變,讓筆畫之間產生疊壓感,整體變得更有層次。

運營組件中的字體設計,竟讓我成功升職!

3D厚度:

由于我們經常做的都是平面物料,當畫面中有一個偽3D效果文字的出現,在畫面中是非常加分的,能第一時間吸引到用戶注意。

運營組件中的字體設計,竟讓我成功升職!

外形效果:

d.1.反光

運營組件中的字體設計,竟讓我成功升職!

d.2.投影

運營組件中的字體設計,竟讓我成功升職!

2. 矩形造字

對于剛剛開始做設計的同學來說,字體設計雖然很不起眼,但是卻非常給畫面加分,字體設計也是促進用戶盡心下一步操作的關鍵。但字體設計看似簡單,但需要漫長的學習過程,在前期不熟練的情況下,利用字庫字體骨骼進行矩形造字是最容易上手的,并且做出來字體方方正正的很規矩,不會出太多的錯誤。

  1. 選擇性格,語義,氛圍合適的字庫字體,將每個文字都單獨置于矩形框內。矩形框的高低寬窄的選擇也同樣依據需求性格,語義,氛圍制定。
  2. 將每個文字拉滿整個矩形框后確定矩形基本筆畫粗細。
  3. 按照準備好的文字框,骨骼,筆畫進行拼湊字體,注意字體重心位置。
  4. 將拼湊好的字體進行細節修飾和基礎排版。
  5. 添加氛圍顏色修飾字體。

運營組件中的字體設計,竟讓我成功升職!

運營組件中的字體設計,竟讓我成功升職!

錦囊1:多字移植嫁接

如果了解這些基本方式后,還是覺得很復雜,工期時間不夠,這個方法一定要收好。

  1. 字體內容進行分析腦暴后對標題的性格有具體了解
  2. 依舊打開神奇的字庫,找到和標題性格類似的多個字字體,依次排列
  3. 將多個字體的不同部分拼湊組合成新的字體
  4. 加一些裝飾統一字體樣式。

錦囊2:字體骨骼填充

  1. 字體內容進行分析腦暴后對標題的性格有具體了解
  2. 打開神奇字庫,找到和標題性格的兩個樣式完全不同的字體
  3. 將字體a的各個筆畫拆解出來填充在字體a的骨骼中
  4. 加一些裝飾統一字體樣式。

3. 使用場景分析

在平時的運營工作種類繁多,遇到的活動類型也有所不同,大致將所有活動分為以下三類。

(1)日常運營維護

這一類運營工作是為了讓產品內容日常更新不斷更,保證用戶每天進入產品看到的是不一樣內容,這一塊基本上是穩固用戶。這一部分在做字體設計中,無需過多的字效,基本字庫字體稍稍變形就可以完美適應。

(2)日常節目發放

基本上是遇到一些小節日做的一些運營活動,穩固老用戶的同時希望能夠吸引到信用用戶的參與。

這時的字體設計就要在基本的字形上進行一些字效修改和裝飾的添加,一年下來這一階段的工作內容占大多數。

(3)大型招新促活

這一類工作主要負責“內容”與“用戶”的關系以及產品的“營銷”,即通過好看,有趣的活動手段,使用渠道,觸達至用戶并完整既要呈現產品的“好用”,還需要產生強轉化與留存。

這使得字體設計是直接用作大標題使用,一定要使字體與主題有一個強綁定的關系,繼續吸引用戶注意。同時確保用戶在首屏可以全部識別到。

4. 關于自己的思考

現在的運營設計師和之前的平面設計師的工作內容有本質上的區分,首當其沖的探索方向就是優化工作方法,在此基礎上不僅需要幫助用戶擁有持續不斷的的良好體驗,還需要讓自己不斷適應快速變化的流行趨勢。

運營組件中的字體設計,竟讓我成功升職!

高質量的運營設計師工作中不僅僅是將圖片做的好看這么簡單,更重要的是關注用戶反饋,對不同的問題采取不同的信息傳達的方式,選擇一款優秀且合適的字體也可以完美解決運營設計工作中的一多半問題。除此之外還需要時刻思考如何在保證作品質量的同時可以更好的提高作品點擊率與轉化率,什么樣的方式可以更快地實現商業目標。

 

本文由 @YTY 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ??

    來自北京 回復
  2. 有用干貨!!

    來自上海 回復
    1. 請熟讀并背誦全文~

      來自廣東 回復
  3. 設計字體也是大學問,設計師真的很受用哇!多學一點,總有用武之地!

    來自廣東 回復
    1. 是的,是的

      來自上海 回復
  4. 字體確實是挺重要的,好看的字體確實很加分。

    來自江西 回復
    1. 好的字體在運營設計中是非常亮眼的

      來自上海 回復
  5. 哇,看完文章覺得作者分析的真的很透徹,不得不說挺受用的!

    來自江西 回復
    1. 趕快收藏起來,每天打開看一遍,距離升職不會遠~

      來自上海 回復
  6. 從你這件事情中,我看出,努力認真要在平時,說不定那一天就升職了呢,哈哈哈。

    來自河南 回復
    1. 那必須的,不給升職立馬就跳槽,去別的地方發光發熱~

      來自上海 回復
  7. 作者分析的也太詳細了,學到了,收藏下來每天看一遍!

    來自湖北 回復
    1. 千萬不要讓她在收藏夾里吃灰喲~真的會哭

      來自上海 回復
    2. 怎么忍心讓給他在灰里,哭哭

      來自湖北 回復
  8. 來自北京 回復
    1. 栓Q~

      來自上海 回復