運營組件中的字體設(shè)計,竟讓我成功升職!
編輯導(dǎo)語:對于運營設(shè)計來說,字體的設(shè)計也是十分重要的一點。中國漢字種類多種多樣,在選擇排版過程中有很大的難度。本文介紹了該如何更好的掌握字體的結(jié)構(gòu)從而更加熟練的運用文字信息。讓我們一起來看看吧!
在平時的工作中,我們是否有考慮過運營設(shè)計的商業(yè)目標(biāo)是什么?
看到這個問題的我們一定腦袋一片空白。
首先我們可以把運營設(shè)計分為兩派,一派為內(nèi)容運營,另一派為活動運營,他們的共同目的都是幫助產(chǎn)品獲得用戶,實現(xiàn)流量最大化,從而形成一個正循環(huán),最終完成商業(yè)化目標(biāo)。
當(dāng)我們面對一個優(yōu)秀的運營作品時,真的只是被畫面吸引么?答案是否定的,我咨詢了很多身邊朋友,大部分同學(xué)給到的反饋時,首先會被文字或標(biāo)題所吸引,其次是版式和圖像,最后是顏色,由此看來圖像的本質(zhì)是吸引眼球,文字才是快速傳遞信息確保用戶長時間停留的關(guān)鍵所在。
從古至今,文字在信息傳播上都有著舉足輕重的地位,隨著移動端的興起我們的表達(dá)方式也變得更加多元化,現(xiàn)如今網(wǎng)絡(luò)上隨處可見充斥著各種短視頻,圖像等信息傳播方式,但隨著我國人口老齡化加劇,隨之而來的就是各種適老化產(chǎn)品的出現(xiàn),據(jù)調(diào)研老年人對內(nèi)容的文字呈現(xiàn)形式信服程度遠(yuǎn)遠(yuǎn)高于圖像呈現(xiàn),進(jìn)而我們在設(shè)計中更要注重對字體的設(shè)計,而不是直接把文案擺在畫面中。事實上字體設(shè)計只是平面設(shè)計中的一個小小的分支,但文案的呈現(xiàn)樣式無疑是運營設(shè)計創(chuàng)作中的重要組成部分,也是從事互聯(lián)網(wǎng)設(shè)計的基礎(chǔ)要素。
一、了解字體設(shè)計
1. 字體設(shè)計定義
簡單來說,字體設(shè)計可以理解是將我們標(biāo)準(zhǔn)的“無襯線體”和“有襯線體”也是我們俗稱的黑體和宋體的基礎(chǔ)上根據(jù)內(nèi)容含義發(fā)揮創(chuàng)造力對其進(jìn)行修飾以及解構(gòu)重組。以下圖為例可以簡單的區(qū)分無襯線字體和襯線字體。看到這一概念一定會有疑問“自己在平時工作中直接使用不同樣式的字體也屬于字體設(shè)計么?
2. 字體設(shè)計的起源
通過下圖我們可以簡單了解到中國漢字的發(fā)展歷程。
遲同斌(開心老頭)老師在《字體設(shè)計定位與通用字形》中提到漢字的字庫設(shè)計發(fā)展其實就是漢字的發(fā)展,從甲骨文的象形文字再到金文、小篆、隸書,再到適合印刷的宋體出現(xiàn),都是由我們的先人在不斷設(shè)計才使我們現(xiàn)在有了這么多豐富的漢字字體藝術(shù)。難道甲骨文不是被“設(shè)計”出來的嗎?
難道歷代大書法家不是字體設(shè)計大師嗎?字體設(shè)計的演變是與其應(yīng)用環(huán)境和文化科技發(fā)展息息相關(guān)的。宋體的出現(xiàn)主要就是為了印刷制版,便于傳播文化,要是用毛筆寫宋體你看看得有多費勁,再看看如果用刻刀在木板上刻行書也是很難的。而現(xiàn)代字體設(shè)計大多都是在電腦上完成設(shè)計,并且很多的應(yīng)用也都是在出現(xiàn)各種電子媒體上 。
隨著信息傳播的載體不斷豐富,各式各樣的字庫也隨之涌現(xiàn)不再局限于功能性需求,現(xiàn)在更注重我們獲取信息時的清晰度以及舒適度。這樣就給字庫設(shè)計帶來了更多的可能性。但是萬變不離其宗,字庫設(shè)計仍然需要保持可讀性,辨識性,統(tǒng)一性以及有由新媒體時代而衍生出來的的推廣性,一套優(yōu)秀字庫的設(shè)計需要字體設(shè)計師熟練掌握字體設(shè)計工具的同時對中國漢字的的發(fā)展以及書法萬分了解,不過最重要的還是需要設(shè)計師要耐得住寂寞,為了滿足基本場景運用一整套字體算下來一共需要六千七百個字,對于設(shè)計師來說一套字體需要消耗半年甚至一年的時間,面市后還需要相當(dāng)長的一段時間獲取各個使用領(lǐng)域的反饋,然后對反饋內(nèi)容進(jìn)行后續(xù)的修改和完善。
3. 字體設(shè)計的現(xiàn)狀
隨著走訪身邊的朋友,并且以調(diào)查問卷的形式發(fā)現(xiàn)當(dāng)下字體設(shè)計工作中存在一些問題。
(1)用戶重點關(guān)注標(biāo)題
隨著信息傳播的多樣化,我們每天都被迫接收的各種各樣五花八門的信息,這也間接導(dǎo)致我們對信息的關(guān)注度越來越碎片化,對信息的注意程度也越來越不集中。對于品牌方來說各式各樣的活動內(nèi)容,既要吸引用戶注意又要迅速的傳達(dá)活動信息,這就需要將很大的篇幅給到標(biāo)題,用戶會根據(jù)標(biāo)題是否符合自己的興趣和需求在選擇是否駐足當(dāng)下頁面,進(jìn)行下一步觀看活動內(nèi)容或者參與其中的操作。
(2)品牌風(fēng)格不統(tǒng)一
在產(chǎn)品的運營活動中雜亂字體的運用會致使品牌風(fēng)格無法統(tǒng)一,品牌感降低,設(shè)計效率大打折扣。無法滿足不同場景的運營需求的同時更會降低用戶對品牌的認(rèn)可度從而導(dǎo)致用戶的流失。
4. 字體設(shè)計的類型
根據(jù)字體設(shè)計的現(xiàn)狀以及我在工作中遇到的各種狀況總結(jié)了字體設(shè)計中的幾種分類,我們就淺談一下吧!
(1)運營標(biāo)題設(shè)計
大家工作中有沒有遇到過這樣的情況,在做運營標(biāo)題時直接選擇字庫中看起來挺有設(shè)計感字體,結(jié)果被甲方投訴到想要哭泣。
甲方爸爸必定會讓你對字體進(jìn)行藝術(shù)性處理,這時我們必將化身“卑微小王”對字體進(jìn)行重新設(shè)計,讓字體在畫面中展現(xiàn)獨特的魅力來重新獲得甲方爸爸的認(rèn)可。
為什么進(jìn)行標(biāo)題設(shè)計:
運營設(shè)計的標(biāo)題是建立用戶與活動方信息傳達(dá)最直接的VIP通道,如何通過這條通道更直接的給用戶傳達(dá)信息,快速實現(xiàn)活動方的商業(yè)目標(biāo)是我們工作中需要認(rèn)真思考和復(fù)盤的重點。
企業(yè)里許多設(shè)計師在做運營活動時,為了搶占用戶更多的時間,很多時候并不需要非常規(guī)范化的字體設(shè)計,往往只要做到高效率的整理和傳達(dá)畫面情緒并且產(chǎn)出在視覺上可以給用戶營造較大沖擊力的標(biāo)題就可以。
通過標(biāo)題快速在用戶意識中對全新的認(rèn)知和內(nèi)容進(jìn)行完美質(zhì)植入,這樣不但可以讓用戶在較短的時間了解活動內(nèi)容以及活動利益點,而且可以大大降低與用戶的信息溝通成本,提高用戶對活動的關(guān)注度與參與率。
(2)品牌字庫設(shè)計
首先我們要了解品牌設(shè) 計的意義是什么?
品牌設(shè)計可以簡單理解為是將品牌內(nèi)容傳達(dá)給用戶,幫助用戶理解并認(rèn)同品牌理念,從而將口袋里的錢全部貢獻(xiàn)給品牌方。其中設(shè)計師將品牌內(nèi)核融入字體設(shè)計中,可更加直觀的傳達(dá)品牌內(nèi)容和理念,并且在傳播上具有以下作用。
提升品牌影響力:
各個公司為了建立自己的品牌形象都在IP形象和字體設(shè)計上大費周章,文字圖像化設(shè)計可增強(qiáng)品牌的內(nèi)在價值,當(dāng)品牌字體在大街小巷出現(xiàn)時,不僅可以大大增強(qiáng)用戶對品牌的認(rèn)同感,而且可以增強(qiáng)用戶對品牌的好感,最終還會出現(xiàn)“人傳人”現(xiàn)象促進(jìn)口碑增長。
強(qiáng)化品牌形象:
雖然圖像與文字都可以進(jìn)行信息傳達(dá),但與文字相比圖像表達(dá)更加抽象,文字傳達(dá)更能直抒胸臆,所以品牌更多的選擇使用字體進(jìn)行塑造及宣傳。
增強(qiáng)品牌內(nèi)涵:
對于普通用戶來說,他們更佳傾向于有特點和個性的品牌,而我國漢字大部分為象形文字,本身就是歷經(jīng)千年沉淀的產(chǎn)物,積蓄著無限能量,品牌下的字體設(shè)計也正是因為這一特點挖掘文字內(nèi)涵,進(jìn)行一系列的設(shè)計,使之在漢字框架內(nèi)塑造品牌獨特的個性。
5. 字體設(shè)計的意義
優(yōu)秀的字體設(shè)計從 理性角度不僅能讓畫面結(jié)構(gòu)更出彩,內(nèi)容更加飽滿。在感性角度設(shè)計師將自己的理解融入每個字中,帶給字體不限的可能性,更能引起用戶共鳴,讓用戶感受到設(shè)計師通過文字 傳達(dá)的情感以及作品的趣味性,并且字體的設(shè)計也側(cè)面體現(xiàn)設(shè)計師獨具匠心的一面。
(1)增強(qiáng)視覺傳達(dá)導(dǎo)向
與圖像傳達(dá)信息不同的是,文字傳達(dá)給用戶的信息往往不夠印象深刻,所以在工作中需要不斷創(chuàng)新增強(qiáng)字體的個性,在文字基礎(chǔ)功能上做到一個延伸,在不失字體可讀性,辨識性的前提下創(chuàng)造具有藝術(shù)性并且能讓用戶融入其中的字體,啟發(fā)用戶按照我們的想法去感受,去思考,最終達(dá)到吸引用戶眼球的注意,引導(dǎo)用戶參與的目的。
(2)提升品牌知名度
在市場競爭激烈的當(dāng)下,品牌方需要提升自己產(chǎn)品競爭力必然會將自家產(chǎn)品以各種形式融入用戶的生活,其中最為直接有效的方式則是讓用戶主動參與其中,便有了眾多吸引用戶眼球的運營標(biāo)題設(shè)計,文字圖形化的方式必定會給用戶留下深刻的印象。
除此之外,品牌方要想和用戶產(chǎn)生更緊密的聯(lián)系,還需要出現(xiàn)在用戶每天都聽得到看得到的地方,品牌字體在此就具有重大貢獻(xiàn),它不僅能出現(xiàn)在任何用戶閱讀的地方,而且大大加深了用戶對品牌的認(rèn)知度以及好感度。
二、字體設(shè)計原則
1. 三要素決定字體性格
常言道“字如其人,筆記識心?!比耸遣皇呛芎每次覀円话闶菑倪@個人的骨架大小、身材胖瘦以及這個人的衣品決定,我們可以把每一個字體都比做一個人,字體好看與否同樣是有三大元素決定,分別為:結(jié)構(gòu)框架、筆畫、字體效果,三者相互促進(jìn)相互影響,是不是聽的云里霧里,嘿!不重要!一張圖解決你的困擾。
(1)文字整體調(diào)整
漢字的字形結(jié)構(gòu):
文字辨識度往往是由文字的內(nèi)骨骼決定,每個字都有每個字獨有的骨架,這也是字體獨一無二的信息呈現(xiàn)方式。
疑難點1:中心與重心的區(qū)別
重心和中心都是借用物理學(xué)中的概念。
中心,就是把字放在一個圓中,圓心就是中心,他只考慮長短、大小。
重心,在物理學(xué)層面是被物體形狀所影響,可用懸掛法確認(rèn)物體重心。但在字體層面概念卻有所不同,每個字都有自己的重心位置,字體結(jié)構(gòu)不同,重心位置也會不同,但可以簡單理解為文字的重心就是文字的視覺中心位置。
仔細(xì)觀察圖中的兩個“十”字。第1個“十”字的橫、豎筆畫都對準(zhǔn)了中心線,它的重心在“絕對中心”;第2個”十”字中把重心調(diào)高,重心處于“視覺中心”,相比第1個”十”字在視覺上重心偏低了,讓人覺得頭重腳輕,而把中間的那一橫調(diào)高后,字形發(fā)生了明顯的變化,看起來更加舒服。
通常情況下,人們的視覺中心要比實際的絕對中心偏高一些,就好比日常穿著中,人們通常會把上衣放在褲子里,拉高腰線,使整個人的重心上移,這樣看起來身材會呈現(xiàn)三七分完美比例,凸顯大長腿。同樣,在字體設(shè)計中,如果我們適當(dāng)將重心提高,使字體的上半部分緊湊些,下半部分適當(dāng)寬松一些,那么呈現(xiàn)出的上緊下松的狀態(tài)會更符合人們的審美。
由此看來重心并非一個絕對位置,以重心畫線可將字體均衡地分為上下和左右兩個部分。把漢字分割為上下兩部分后進(jìn)行觀察,筆畫分布靠下則謂之重心低,反之則謂高。其中筆畫交叉處或者說是筆畫密度尤其能體現(xiàn)重心,重心的高低對字體的視覺感受有很大的影響,從理論上來講,重心較低的字會給人穩(wěn)重、信賴且富有親和力的感覺,而重心偏高則會顯得高冷和俊秀。
另外,對于多個字的排列和組合,字體重心的統(tǒng)一性也是極其重要的,若重心出現(xiàn)偏差,就會破壞文字的整體性。
由此看來,字形結(jié)構(gòu)中各個部分的輕微變化都會使整個字體發(fā)生天翻地覆的變化。
疑難點2:何為中宮
中宮的概念起源于書法,書法中以“米”字格或九宮格作為參考,用來書寫時筆畫的確定位置,其中九宮格參考線中最中間的一個即為中宮。
由于楷書又作標(biāo)準(zhǔn)字體,楷書的特點是所有的筆畫有序的聚攏在字的中心,也即為中宮,所以中國漢字的特點也被稱為“中宮收緊”,之后也被應(yīng)用在設(shè)計之中。
中宮對字體結(jié)構(gòu)的松緊以及造型有著重要影響,在觀察字庫中的字體時,你會發(fā)現(xiàn)每一種字體的中宮都是一樣的。
字體筆畫緊湊,聚合在中宮框附近,稱之為“中宮緊湊”,反之,筆畫遠(yuǎn)離中宮框,則稱為“中宮松散”。
在這里還要給大家引申字谷和字懷的概念。與中宮相同,這三個詞都是由書法中延伸出來的。
首先是字谷,它指的是文字中半封閉或全封閉空間,這個概念在西文設(shè)計中常常被用到,可以簡單理解為字體中封閉的留白區(qū)域。
再來是字懷,又被稱為“字體的內(nèi)白”,它指的是筆畫間的留白區(qū)域。筆畫越粗,字懷越小,字重越大,字體越穩(wěn)重。唐代楷書四大家之一的歐陽詢《三十六法》中曾提到:“大字難于結(jié)密而無間,小字難于寬綽而有余,”字體設(shè)計中有些設(shè)計師在字懷處理上力求平均,而正確的思路卻是讓字懷整體有疏密對比變化。
疑難點3:何為字面
漢字作為傳統(tǒng)的“方塊字”當(dāng)設(shè)計字體時,一般會有一個外邊框進(jìn)行大小限制,但將幾個字放在同樣大小的限制框內(nèi),這幾個字卻還是有大有小,搭在一起總是怪怪的。這里的大小并非是字體的大小。而是字體字面比例的大小。字面就是指字體所占字面框的比例大小。
疑難點4:何為中心線
在我們對字體進(jìn)行改造設(shè)計,將字面框的兩條垂直邊和平行邊中點相連,形成的焦點為中心點,兩條線為中心線。這個中心線成為字體的第一中心線,它和中心點控制著每一個字的基本形態(tài),他們的位置是固定的。
小心機(jī)1:空間留白設(shè)計
字體的筆畫產(chǎn)生空缺處,這就是所謂的留白面積,如何處理留白對于我們來說也是非常重要的。
留白空間越大,就會營造出比較透氣,舒緩的節(jié)奏。反之,留白空間越小營造出的感覺就會越壓抑,沉悶,有力度的氛圍。
《公路之歌》—字體幫
小心機(jī)2:重心以及中宮變化
通常重心較高中宮比較窄的字體都比較纖細(xì),比較長具有藝術(shù)氣息,通常用在和女性相關(guān)的品牌中,不與世俗同流合污感覺。
反之重心較低中古比較寬的字體都比較扁并且筆畫較粗的字體通常給用一種成熟,穩(wěn)重的感覺,常常用在比較男性或正式場合。
《小人物》《戰(zhàn)意》—字體幫
漢字間的字架結(jié)構(gòu):
由于中國漢字筆畫眾多,組成結(jié)構(gòu)空間布局也五花八門,字體間架結(jié)構(gòu)可分為以下類型
- 結(jié)構(gòu)重心統(tǒng)一:多部分組成的字體結(jié)構(gòu)中,要注意每個部分重心位置要一致。
- 留白空間統(tǒng)一:筆畫搭配要做到疏密均勻,粗細(xì)變化一致。
- 偏旁部首比例協(xié)調(diào):多部分組合結(jié)構(gòu)中,偏旁部首的大小,主次關(guān)系,比例關(guān)系,結(jié)構(gòu)穿插,粗細(xì)變化,緊密程度都要相互作用,相互影響。
文字的基礎(chǔ)筆畫:
字體圖形化的決定性因素就是筆畫,不同字體呈現(xiàn)的圖形間接決定字體給用戶傳達(dá)的含義。
中國書法用筆法則:
中國書法用筆法則又稱為“永字八法”,相傳為隋代智永或東晉王羲之或唐代張旭所創(chuàng),因其為書寫楷書的基本法則,后人又有將八法引為書法的代稱。
由于“永”字包含了幾乎所有的筆畫,所以在字體設(shè)計中通過對“永”字的研究了解文字構(gòu)成,從而設(shè)計出結(jié)構(gòu)飽滿,筆畫美好的字體。
小心機(jī)1:筆畫粗細(xì)變化
傳統(tǒng)概念中,女生小鳥依人,男生魁梧健壯,字體的運用中也是這個概念。
如果實在想象不出來,可以試著將筆畫粗細(xì)變化的概念和字體留白放一起理解,筆畫越細(xì),留白空間就會越大,字體就會越輕盈。反之,筆畫越粗,字體越厚重,分量感越強(qiáng)。
《上海灘》—字體幫
小心機(jī)2:筆畫曲直變化
說到筆畫曲直不免讓我想到《甄嬛傳》中甄嬛選手跳驚鴻舞時間翩若驚鴻宛若游龍的形態(tài)以及雪融融代言人安陵容選手上演冰嬉時柔弱無骨的樣子。
筆畫以彎曲為主的字體會營造溫柔,可愛的意境,多用于兒童或女性品牌。反之,筆畫之形成的轉(zhuǎn)角過多,會產(chǎn)生速度感和力量感。
《夢醒時分》—字體幫
2. 設(shè)計流程
在工作流程中我們會經(jīng)歷以下五個步驟:
(1)需求評審
首先,第一步字體設(shè)計分析尤為重要,如果給到的文案小而精煉,那么設(shè)計空間會非常發(fā)的大,如果給到長且語序混亂的文案,則我們的發(fā)揮空間將會非常的小。這是我們需要做的就是:“懟回去,重想文案!”在工作對接中盡量將文案把控在8個字之內(nèi)。
(2)前期腦暴,進(jìn)行梳理歸納
氛圍考究,避免答不對題。明確需求并進(jìn)行腦暴分析關(guān)鍵詞,關(guān)鍵詞貴精不貴多,之后對關(guān)鍵詞進(jìn)行權(quán)重區(qū)分并排序,將關(guān)鍵詞與和需求文案性格相匹配做出基礎(chǔ)的判斷,確定需要傳達(dá)給用戶什么樣的字體氣質(zhì)和性格,是比較偏向復(fù)古感,還是偏向少兒感,還是一個比較陽剛的場景等等。
(3)通過字體性格繪制骨骼草圖
當(dāng)我們確定了整體氛圍和字體性格后,將性格細(xì)分到字體三要素結(jié)構(gòu),筆畫和細(xì)節(jié)上,這時就完全確定需求方想要字體的樣子,是高?是瘦?是矮?是胖?接下來一定要牢記,開始瘋狂找參考,參考網(wǎng)站這里就不一一列舉了,花瓣,站酷,pinterest,世上網(wǎng)站千千萬,還怕找不到你要的那個么?
找不到?就是你太懶!
找到合適的一些參考后,對字體的粗細(xì)結(jié)構(gòu),筆畫變形和排組合列進(jìn)行不斷探索,可以選擇在電腦上繪制草圖,方便下一步的設(shè)計制作。這時的草圖并不需要任何細(xì)節(jié),想到就畫出來。
—左佐工作室
(4)設(shè)計實現(xiàn)
針對骨骼草圖勾勒出草稿形體,一邊進(jìn)行勾勒一邊對筆畫的節(jié)奏,字體大小以及留白進(jìn)一步微調(diào)。
(5)字效添加
最后就是勾勒好的字體添加一些列效果之后與畫面結(jié)合在一起,在這里做的效果的前提是清楚整個畫面場景氛圍。根據(jù)場景添加適當(dāng)?shù)男Ч?,不要畫蛇添足?/p>
3. 設(shè)計細(xì)節(jié)解析
(1)視覺偏差
視覺心理是一門奇妙的語言,在文字中不論整體結(jié)構(gòu)也好還是筆畫形態(tài)也罷,都會因為字體灰度產(chǎn)生字體組合不平衡的狀態(tài),灰度指的是在一個字體中筆畫和留白空間的分布比例,在設(shè)計字體是杜絕一個字筆畫特別密特別黑或者筆畫很細(xì)過于白。因此字體設(shè)計最后總是需要整體觀察,細(xì)節(jié)調(diào)整。
筆畫粗細(xì)導(dǎo)致視覺偏差:
中國漢字中,筆畫多的字體和筆畫少的字體相比起來, 為了讓字體的灰度統(tǒng)一,筆畫多的字體明顯會比筆畫相對細(xì)一。
橫細(xì)豎粗:
相同的兩條線段,其中垂直的豎線在視覺上會更長一些,一般可縮短垂直線條或者加粗垂直線條,都可以在視覺上看起來兩條線條一樣長。
左長右短:
相同的兩條線段,進(jìn)行橫向排列時,由于人眼習(xí)慣性從左向讀取內(nèi)容,會導(dǎo)致左邊線段會比右邊線段視覺上略長一些,一般可將中間的間隙向左邊少做移動。
主粗副細(xì)
復(fù)雜筆畫的文字中,若所有筆畫都是一樣粗,整體則沒有留白空間,視覺上會覺的文字很憋悶,甚至在自身框筆畫重合在一起,出現(xiàn)識別性低的問題。一般我們需要明確筆畫的主次后將主筆變粗,附筆縮窄。
外粗內(nèi)細(xì):
當(dāng)遇到全包圍的字體,由于內(nèi)部結(jié)構(gòu)被全部包裹,在視覺上形成一個封閉結(jié)構(gòu),導(dǎo)致中宮緊縮,這是需要將內(nèi)部筆畫變細(xì),凸顯外框,有效的調(diào)整視覺平衡。
疏粗密細(xì):
總結(jié)以上所有情況包括筆畫交叉等結(jié)構(gòu),都需要將密集處做變細(xì)處理,稀疏處進(jìn)行適當(dāng)加粗從視覺上解決字體疏密不均的問題。
橫豎線條:
在我們的嘗試中認(rèn)為橫線條服裝顯胖,豎線條服裝顯瘦,但字體中正好相反。
復(fù)古與現(xiàn)代字體:
通常在筆畫上加入細(xì)節(jié),筆畫細(xì)節(jié)少,結(jié)構(gòu)越簡單,設(shè)計出的字體一般更年輕,具有現(xiàn)代感,反之,筆畫細(xì)節(jié)越多結(jié)構(gòu)越復(fù)雜就更有年代感和復(fù)古感,如果覺得無法想象出具體畫面,沒關(guān)系!我們試想一下宋體字(有襯線字體)和黑體字(無襯線字體)對比,宋體則讓我想到老上海日歷牌的設(shè)計,而黑體字最讓我印象深刻的就是蘋果官網(wǎng)設(shè)計。
通用字形:
由于通用字體看起來比標(biāo)準(zhǔn)字更舒展更大氣所以最近幾年市面上設(shè)計師使用通用字形頻次越來越頻繁,使用的品牌也越來越多,我們來可以淺探一下其背后玄機(jī)。
遲同斌老師提出的通用字體其實是將字體中宮放大將筆畫外圍空間壓縮。
字面不同導(dǎo)致視覺偏差:
漢字筆畫五花八門,字形也千奇百怪,導(dǎo)致相同大小字體字面大小不一,導(dǎo)致我們看到的字體又大又小,因此需要對字面覆蓋字面框的比例做出調(diào)整。
(2)設(shè)計注意點
筆畫粗細(xì)導(dǎo)致視覺偏差:
多個字體組成的標(biāo)題中,前后一定要有呼應(yīng),一定要使用一種設(shè)計方式以及展現(xiàn)形式要統(tǒng)一,讓字體組合呈現(xiàn)一個整體,而不能每個字有每個字的個性。
在談到統(tǒng)一時,有些同學(xué)會強(qiáng)答說:將所有筆畫粗細(xì)變?yōu)橐恢碌?,雖然這也是一種方法,但這種方法只適合于字體組合中文字筆畫都很少的情況下。如果遇到壁畫較多的情況,就會在統(tǒng)一字面框內(nèi)出現(xiàn)筆畫粘連,內(nèi)容黑色區(qū)域過多導(dǎo)致單個字體視覺過大。
小技巧1:筆畫裝飾
可將筆畫兩端或局部增添細(xì)節(jié),這樣整個字體會看起來更加飽滿,末端或局部的小修飾,使字體氛圍更加有內(nèi)涵和內(nèi)容。
《英雄》-劉兵克
小技巧2:圖形裝飾
利用常見的幾何圖形“圓點,等距矩形,等邊三角,波紋等”對文字做出裝飾,這種方法是最快提示效果的方法,并且可以是字體視覺上前后呼應(yīng),具有統(tǒng)一性。
《氧氣》-字體幫
小技巧3:筆畫替換
將字體中某個筆畫用一個固定的形式置換,“例如將文字中所有的點都用三角形替換掉”,不但可以創(chuàng)造新的字形,而且可以可以將字體統(tǒng)一化處理。
《告白星球》-字體幫
三、字體設(shè)計指導(dǎo)方針
我國國民審美的不斷提升以及保證用戶獲取信息時的清晰度和舒適度,我們要摒棄以前做字的一些習(xí)慣,去除冗余的裝飾部分,減少字體變化,做到看似沒有設(shè)計但有感覺很舒服的設(shè)計,要讓我們做的字成為畫面的點睛之筆,促使用戶駐足而不是成為畫面累贅降低產(chǎn)品品質(zhì)感。
字體設(shè)計上到線下大型活動,下到字體icon,標(biāo)題字體往往最容易讓用戶記住,而合適的字體形式表達(dá)更容易傳達(dá)內(nèi)容的情緒,吸引觀者共鳴。讓人感覺這種字本就該出現(xiàn)在這個畫面中,看著感覺舒服,而不是覺得–“怪怪的”。但遇到工期短,項目大的時候,我們?nèi)绾斡米羁斓臅r間設(shè)計出跳脫的字體。我們由簡到難依次遞進(jìn)。
1. 字體設(shè)計秘籍
一款字庫的價格大家是否有了解過,每一款價格上基本上都保持在一萬左右每年,以下是方正和漢儀字庫的授權(quán)價格。
對于很多公司來說,他們認(rèn)為沒有必要每年花費上萬的價格去購買字體,但由于侵權(quán)賠付的天價,基本上都再三叮囑設(shè)計師用字時一定要注意。往往工作會遇到很多工期短,任務(wù)重的內(nèi)容,這時我們只要打開神奇的字庫用正確的思路方法就可以免費使用正版字庫,并且不需要擔(dān)心字體侵權(quán)等問題。
(1)字體整體調(diào)整
將字體比作一個人,首先對骨骼內(nèi)在進(jìn)行調(diào)整然后對 外在形象進(jìn)行大肆修整,讓人看不出原來的樣子。
接下來是給這個字添加各種裝飾品,以及面部修正,讓其具有統(tǒng)一性和獨特性。
(2)字體細(xì)節(jié)變化
筆畫設(shè)計:
在筆畫上的設(shè)計中,不論是省筆還是添筆或者是斷筆還是連筆都要保證在不破壞字體識別性的前提下進(jìn)行。杜絕出現(xiàn)為了設(shè)計而設(shè)計,要做到言之有理。
a.1.省筆
在不影響字體識別的前提下,省略掉其中的一些筆畫,可在視覺上產(chǎn)生新的留白空間。
a.2.添筆
可以簡單理解為某個筆畫或某個部首的大膽添加,或者某個部首的添加,很常見的一種添筆則是在不同黑體的“口”字處理上,不僅體現(xiàn)了不同字體的特征,也增加了字體的個性與統(tǒng)一性。
a.3.斷筆
以字面的理解為筆畫結(jié)構(gòu)的斷開,可以使筆畫較少的文字視覺上變得豐富。一般在轉(zhuǎn)折或者筆畫交接處產(chǎn)生斷開,雖然斷裂,但是視覺填補(bǔ)會使字體產(chǎn)生新的節(jié)奏感,隨之而來的是留白空間和灰色面積變大,字體會有呼吸感。
a.4.連筆
不僅僅局限于筆畫間的連筆,還包括字與字之間的連接。
連筆在字體設(shè)計中最為常見,因為連筆即能出效果,在執(zhí)行層面來說難度相對來水比較低的。
《紳士》《孤勇者》-字體幫
字內(nèi)字外順勢相連:在字體組合可通過這種方式連為一體,在單個字體中,也可將筆畫與周圍筆畫相連, 同時一定會伴隨著筆畫的斷筆與方向或長短的調(diào)整,使字體看 起來更來連貫,字形更加簡約。間接組成一個整體獨領(lǐng)風(fēng)騷,而不是每個字體之間的爭奇斗艷。致使視覺沖擊力大大提升。
字外錯位相連:將原本筆畫斷開后與相鄰字的筆畫相連接。
添加筆畫相連:將需要處理的筆畫做出結(jié)構(gòu)性的改變,不僅不會更復(fù)雜而且會是字體從視覺上看那更加飽滿。
調(diào)整字體排版進(jìn)行連接:通過調(diào)整字體位置,促使筆畫處在同一水平高度后延長某些筆畫進(jìn)而鏈接,不僅使字體增加層次感,而且使字體性格更加突出。
a.5.圖形替換
通常是將字體中某個筆畫或者是偏旁部首進(jìn)行圖形置換,這里一般使用與場景或詞義相關(guān)聯(lián)的圖形。不但可以創(chuàng)造新的字形,而且可以更加生動地傳達(dá)場景含義。
a.6.筆畫修飾-添磚加瓦
可將筆畫兩端或局部增添細(xì)節(jié),這樣整個字體會看起來更加飽滿,最簡單的事例就是中文字體中的黑體與宋體的對比,宋體相對比黑體,它的末端都會出現(xiàn)一些小修飾,使字體氛圍更加有內(nèi)涵和內(nèi)容。
字體來源《字體幫》
a.7.字谷填充
很多字中的某些結(jié)構(gòu)處于完全封閉的狀態(tài),這時可忽略內(nèi)部筆畫,直接將封閉結(jié)構(gòu)用顏色進(jìn)行填充,切記不要使用深色的顏色進(jìn)行填充,會使得整個畫面顯得異常的壓抑。
字體來源《字體幫》
描邊返白:
在設(shè)計中描邊是經(jīng)常會用到的功能,它具有很輕的隔離屬性,在字體設(shè)計中不僅可以通過添加效果完成描邊。還可以使用投影形式進(jìn)行描邊,作出偽立體的感覺。
說到投影,我們可以將字體的描邊不再拘泥于字體邊框的描邊,而將它變?yōu)樽远x圖形壓在字體下方后會出現(xiàn)類似于泛白的效果,使文字更加突出,營造的氛圍更隨性,不受限制。
外形處理:
字體來源《字體幫》
c.1.平面透視
設(shè)置一個透視消失的方向,將字體的筆畫做成三角形一邊寬一邊窄的效果,所有的走勢都會聚合在一個消失點上,這種設(shè)計手法通常用于速度,灑脫,歡樂的氛圍場景中。
除了將筆畫進(jìn)行透視處理外,還可以對某個文字或者文字組合的整體進(jìn)行透視處理。
適當(dāng)?shù)膶⒃O(shè)計的透視效果做的夸張一些,這樣可以營造出一種沖擊感。
c.2.借用繁體
在進(jìn)行字體設(shè)計的時候,會遇到組合中有一個或幾個字形和筆畫相對于簡單的文字,無論用任何方式都沒有辦法將字體變得更挺闊,此時我們可以將簡單字體換為其繁體版本,意味著還存在更多的筆畫設(shè)計方式可以探索,這樣不僅解決以上問題而且還使字體筆畫變得豐富。
繁體一出,整體感覺立馬回歸上世紀(jì)充滿復(fù)古感和歷史感。一般追求中國風(fēng)或者老字號的品牌常用。
c.3.筆畫翻轉(zhuǎn)
在設(shè)計字體時,打破定向思維,將文字中某些短小的筆畫進(jìn)行反轉(zhuǎn),雖然這樣的設(shè)計手法不會給畫面帶來太多的新意,但是小小的變化,大大的成長,有時甚至可以將其視為神來之筆,會讓字體與眾不同。
(3)錯位+重組
錯位:
一般我們將做好的字形做最后的處理升華時會利用錯位來實現(xiàn),可以使用整體的傾斜,旋轉(zhuǎn),拉伸以及變形的,也可以將組合中某一部分進(jìn)行錯位偏移,延長,放大縮小,或者局部消失等操作。
錯位的方法在破形同時還保持了字體組合的整體性,讓字體組合不再呆板,增添一絲小想法,讓字體設(shè)計添了幾分趣味性。
重組:
我們把字體組合當(dāng)作搭積木,打破固有思維,見縫插針將文案外形排成一個有棱有角的矩形,這樣中規(guī)中矩的設(shè)計形式永遠(yuǎn)不會失誤,并且整體處于一個非常平衡的狀態(tài)。
一般我們除了利用組合形式外還會與錯位搭配來使用,錯位可以很好的沖擊掉組合的呆板平添一份趣味。這時錯位帶來的留白空間過大時,可利用小的英文字母或者拼音進(jìn)行補(bǔ)位,切記一定要小一些,要做到既搶不了主題文字C位,還起到了裝飾的作用。
(4)周邊裝飾
圖形壓低:
將已設(shè)計好的字體直接壓在幾何形體上,這樣可以使字體更具有統(tǒng)一性和整體性,由于幾何圖形的壓底,間接將字體組合的整體的字面擴(kuò)大,在畫面中能更快的吸引用戶的注意。
—《勁舞團(tuán)》《戰(zhàn)意》《尋仙》字體幫
圖形裝飾:
利用常見的幾何圖形“圓點,等距矩形,等邊三角,波紋等”對文字做出裝飾,這種方法是最快且最出效果的方法,但是使用不當(dāng)或過多的裝飾就會讓用戶感覺設(shè)計比較old school。
—《過火》《再回首》字體幫
字母裝飾:
字母裝飾一般使用英文或者拼音,在整體設(shè)計中字符不會太大,不能搶了主題文字的戲。常常被用在文字錯位時出現(xiàn)的留白區(qū)域內(nèi)。不是我說,小字母一加,那逼格蹭蹭拉滿!
—《發(fā)財》字體幫
圖案裝飾:
顧名思義,是將文字具象化為小圖案后加入設(shè)計中作為裝飾點綴。
—《讓子彈飛》字體幫
全局裝飾:
是將字母,寫意,圖案裝飾三位一體,做到整體化,統(tǒng)一化,全局裝飾需要更強(qiáng)的邏輯思維以及創(chuàng)新能力,會營造出強(qiáng)沖擊力,經(jīng)常出現(xiàn)在拉新促活的運營頁面中。
—《街頭籃球》字體幫
借人之手,修飾己身:
在多個文字組合中,由于每個字的筆畫形態(tài)都不一樣,設(shè)計出來難免會出現(xiàn)交叉或其他狀況,這是需要在字與字的交叉處進(jìn)行筆畫走勢廓形的反白處理,使這個交界處形成端非斷的狀態(tài)。
通常這種修飾不會過分影響字體的整體性,反而會視覺補(bǔ)充會讓讓整個字體更加統(tǒng)一。
—《紙短情長》《忽然之間》字體幫
(5)外形變化
現(xiàn)在我國的設(shè)計逐漸偏向簡單,內(nèi)斂,大方的方向,外形變化效果也逐漸減弱,最近發(fā)現(xiàn)在東南亞運營活動中頻頻出現(xiàn)
筆畫變化:
a.1.描邊
普通的描邊的效果過于粗糙,平時工作中給描邊加一個漸變,讓整體看起來層次感更加豐富。
a.2.節(jié)外生枝
可理解為將某一個筆畫進(jìn)行延長后,適當(dāng)?shù)母鶕?jù)氛圍,語義,文字性格將延長部分做彎曲變形,節(jié)外生枝的設(shè)計手法會將整個字面有一個擴(kuò)大效果,更偏向于女性,自由等語境進(jìn)行使用。
—《不染》字體幫
顏色疊加:
b.1.筆畫換色
將字體其中的某些筆畫顏色改變,這個方法與筆畫反轉(zhuǎn)影響類似,打破定向思維,雖然變化很小,但是讓文字有了亮點,讓字體視覺上變得與眾不同。
b.2.漸變疊加
這是經(jīng)常在字體設(shè)計中使用的技法之一,在筆畫間或者筆畫內(nèi)加入漸變,讓筆畫之間產(chǎn)生疊壓感,整體變得更有層次。
3D厚度:
由于我們經(jīng)常做的都是平面物料,當(dāng)畫面中有一個偽3D效果文字的出現(xiàn),在畫面中是非常加分的,能第一時間吸引到用戶注意。
外形效果:
d.1.反光
d.2.投影
2. 矩形造字
對于剛剛開始做設(shè)計的同學(xué)來說,字體設(shè)計雖然很不起眼,但是卻非常給畫面加分,字體設(shè)計也是促進(jìn)用戶盡心下一步操作的關(guān)鍵。但字體設(shè)計看似簡單,但需要漫長的學(xué)習(xí)過程,在前期不熟練的情況下,利用字庫字體骨骼進(jìn)行矩形造字是最容易上手的,并且做出來字體方方正正的很規(guī)矩,不會出太多的錯誤。
- 選擇性格,語義,氛圍合適的字庫字體,將每個文字都單獨置于矩形框內(nèi)。矩形框的高低寬窄的選擇也同樣依據(jù)需求性格,語義,氛圍制定。
- 將每個文字拉滿整個矩形框后確定矩形基本筆畫粗細(xì)。
- 按照準(zhǔn)備好的文字框,骨骼,筆畫進(jìn)行拼湊字體,注意字體重心位置。
- 將拼湊好的字體進(jìn)行細(xì)節(jié)修飾和基礎(chǔ)排版。
- 添加氛圍顏色修飾字體。
錦囊1:多字移植嫁接
如果了解這些基本方式后,還是覺得很復(fù)雜,工期時間不夠,這個方法一定要收好。
- 字體內(nèi)容進(jìn)行分析腦暴后對標(biāo)題的性格有具體了解
- 依舊打開神奇的字庫,找到和標(biāo)題性格類似的多個字字體,依次排列
- 將多個字體的不同部分拼湊組合成新的字體
- 加一些裝飾統(tǒng)一字體樣式。
錦囊2:字體骨骼填充
- 字體內(nèi)容進(jìn)行分析腦暴后對標(biāo)題的性格有具體了解
- 打開神奇字庫,找到和標(biāo)題性格的兩個樣式完全不同的字體
- 將字體a的各個筆畫拆解出來填充在字體a的骨骼中
- 加一些裝飾統(tǒng)一字體樣式。
3. 使用場景分析
在平時的運營工作種類繁多,遇到的活動類型也有所不同,大致將所有活動分為以下三類。
(1)日常運營維護(hù)
這一類運營工作是為了讓產(chǎn)品內(nèi)容日常更新不斷更,保證用戶每天進(jìn)入產(chǎn)品看到的是不一樣內(nèi)容,這一塊基本上是穩(wěn)固用戶。這一部分在做字體設(shè)計中,無需過多的字效,基本字庫字體稍稍變形就可以完美適應(yīng)。
(2)日常節(jié)目發(fā)放
基本上是遇到一些小節(jié)日做的一些運營活動,穩(wěn)固老用戶的同時希望能夠吸引到信用用戶的參與。
這時的字體設(shè)計就要在基本的字形上進(jìn)行一些字效修改和裝飾的添加,一年下來這一階段的工作內(nèi)容占大多數(shù)。
(3)大型招新促活
這一類工作主要負(fù)責(zé)“內(nèi)容”與“用戶”的關(guān)系以及產(chǎn)品的“營銷”,即通過好看,有趣的活動手段,使用渠道,觸達(dá)至用戶并完整既要呈現(xiàn)產(chǎn)品的“好用”,還需要產(chǎn)生強(qiáng)轉(zhuǎn)化與留存。
這使得字體設(shè)計是直接用作大標(biāo)題使用,一定要使字體與主題有一個強(qiáng)綁定的關(guān)系,繼續(xù)吸引用戶注意。同時確保用戶在首屏可以全部識別到。
4. 關(guān)于自己的思考
現(xiàn)在的運營設(shè)計師和之前的平面設(shè)計師的工作內(nèi)容有本質(zhì)上的區(qū)分,首當(dāng)其沖的探索方向就是優(yōu)化工作方法,在此基礎(chǔ)上不僅需要幫助用戶擁有持續(xù)不斷的的良好體驗,還需要讓自己不斷適應(yīng)快速變化的流行趨勢。
高質(zhì)量的運營設(shè)計師工作中不僅僅是將圖片做的好看這么簡單,更重要的是關(guān)注用戶反饋,對不同的問題采取不同的信息傳達(dá)的方式,選擇一款優(yōu)秀且合適的字體也可以完美解決運營設(shè)計工作中的一多半問題。除此之外還需要時刻思考如何在保證作品質(zhì)量的同時可以更好的提高作品點擊率與轉(zhuǎn)化率,什么樣的方式可以更快地實現(xiàn)商業(yè)目標(biāo)。
本文由 @YTY 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
??
有用干貨!!
請熟讀并背誦全文~
設(shè)計字體也是大學(xué)問,設(shè)計師真的很受用哇!多學(xué)一點,總有用武之地!
是的,是的
字體確實是挺重要的,好看的字體確實很加分。
好的字體在運營設(shè)計中是非常亮眼的
哇,看完文章覺得作者分析的真的很透徹,不得不說挺受用的!
趕快收藏起來,每天打開看一遍,距離升職不會遠(yuǎn)~
從你這件事情中,我看出,努力認(rèn)真要在平時,說不定那一天就升職了呢,哈哈哈。
那必須的,不給升職立馬就跳槽,去別的地方發(fā)光發(fā)熱~
作者分析的也太詳細(xì)了,學(xué)到了,收藏下來每天看一遍!
千萬不要讓她在收藏夾里吃灰喲~真的會哭
怎么忍心讓給他在灰里,哭哭
贊
栓Q~