設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

0 評論 4027 瀏覽 13 收藏 10 分鐘

文章給大家總結(jié)了四個(gè)點(diǎn),看一套快速實(shí)用的文字設(shè)計(jì)基本流程是怎樣的~

在視覺設(shè)計(jì)工作中,我們幾乎每項(xiàng)任務(wù)都會使用到字體。

字體是我們在設(shè)計(jì)過程最基礎(chǔ)的設(shè)計(jì)元素,也是設(shè)計(jì)中必不可少的表達(dá)工具。在不同的環(huán)境下使用合適的字體,可以讓我們的設(shè)計(jì)作品更加生動。

在雇主定制頁面廣告設(shè)計(jì)及運(yùn)營活動等設(shè)計(jì)中,文字部分作為信息傳達(dá)的重要工具,除了要傳達(dá)信息的基礎(chǔ)功能,還需要賦予其美觀的形態(tài),使其視覺傳達(dá)更為強(qiáng)烈,更能引起用戶的關(guān)注。

字體創(chuàng)意設(shè)計(jì)雖然比較自由,但應(yīng)保持字與字之間的統(tǒng)一性。一組字體設(shè)計(jì)中,應(yīng)保持一種統(tǒng)一的變化規(guī)則,不然會造成雜亂感。

工作當(dāng)中總結(jié)了以下幾點(diǎn),一套快速實(shí)用的文字設(shè)計(jì)基本流程供大家參考。

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

以下我們主要針對中文字體的創(chuàng)意設(shè)計(jì)進(jìn)行說明:

字體分析與選擇

其實(shí)就是選擇做字時(shí)參考的字體,我們在進(jìn)行設(shè)計(jì)之前需要分析項(xiàng)目,這在任何設(shè)計(jì)上都是通用的,在字體設(shè)計(jì)上也是如此。做字之前一定要對字體呈現(xiàn)出的主題、風(fēng)格進(jìn)行分析。

我們用簡柏特2019校招項(xiàng)目為例來進(jìn)行分析:“起航夢想,成就未來”簡柏特2019校園招聘SLOGAN。

簡柏特是一家從事業(yè)務(wù)流程外包(BPO)的專業(yè)集團(tuán)公司,公司官網(wǎng)整體設(shè)計(jì)風(fēng)格比較商務(wù)、簡潔化,布局貼和其LOGO的造型,包括裝飾性圖標(biāo)和背景都有著很強(qiáng)的統(tǒng)一性。

簡柏特的LOGO設(shè)計(jì),由幾個(gè)圖形組合而成一個(gè)大寫的“G”簡柏特英文的首字母,LOGO整體棱角分明,筆直有力。我們把簡柏特的LOGO拆分開來看,它是由五個(gè)幾何圖形組合而成的,而且每一個(gè)圖形都和我們中文字體的筆畫類似,分析了這么多我想我們對字體的選擇有了具體的目標(biāo)。

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

選定好合適的字庫字體后,我們對字體的部分筆畫進(jìn)行設(shè)計(jì)與變形,讓整體看起來更貼合簡柏特的LOGO的特點(diǎn)。

然后,對當(dāng)中的文字加入其LOGO的部分圖形元素,用LOGO當(dāng)中的圖形替代字體的某個(gè)筆畫,將文字的局部替換,使文字的內(nèi)涵外露,在形象和感官上都增加了一定的藝術(shù)感染力。

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

以下是幾種不同的字體設(shè)計(jì)案例:“尋人啟示”無錫橫新軟件2018校園招聘SLOGAN。

選用字庫原字體,運(yùn)用字體的連筆,制造字體間的連接,尋:尋找的意思。將尋字一點(diǎn)變化為稍大的圓形,為放大鏡之意,更快更準(zhǔn)為企業(yè)尋找人才。

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

“全新上銀相信卓爾不群的你”上海銀行2017社會招聘售前SLOGAN。

上海銀行以“精品銀行”為戰(zhàn)略愿景,選用字庫字體,“全新上銀”四字之間筆畫的關(guān)聯(lián)性,用一條由低到高的直線連接,體現(xiàn)上海銀行以“精誠至上,信義立行”的核心價(jià)值觀。

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

“同行同分享”成都雙流機(jī)場2018校園招聘SLOGAN。

成都雙流國際機(jī)場位于“熊貓故鄉(xiāng)”——中國西部四川成都,選用帶有中國元素的字庫字體,運(yùn)用筆刷效果替代文字里的部分筆畫,將文字的局部替換,使整體看上去更具有設(shè)計(jì)感。

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

字形結(jié)構(gòu)重構(gòu)

進(jìn)行圖形化設(shè)計(jì)的基礎(chǔ)畢竟是文字,它仍然需要傳達(dá)字面信息,這就關(guān)系到閱讀性以及字體的美感,所以我們需要從漢字的造字原理和結(jié)構(gòu)出發(fā),分析字形結(jié)構(gòu)和視覺感受。

接下來分享一個(gè)字體重構(gòu)的方法,以無錫橫新軟件2018年校招項(xiàng)目“尋人啟示”為例,步驟如下:

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

整體調(diào)整與畫面結(jié)合

在字體設(shè)計(jì)中,我們認(rèn)真的推敲嘗試每一個(gè)筆畫的變化方式,去選擇最合適的表現(xiàn)方法,只有如此才能使得每一個(gè)筆畫都契合這個(gè)字體,符合整組字的空間規(guī)則。

將已做好的字體結(jié)構(gòu)或筆畫進(jìn)行簡化或者連接處理,使之更符合主題的氣質(zhì)或更具有設(shè)計(jì)感。

以下用簡柏特2019校招項(xiàng)目“起航夢想成就未來”為例,步驟如下:

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

字體可辨識度測試

文字經(jīng)過設(shè)計(jì)以后,可使形象變得情境化、視覺化,強(qiáng)化了語言效果,成為更具有某種特質(zhì)和傾向性的視覺符號,我們在追求字體變化的同時(shí)要便于識別。

作為傳達(dá)主體信息,或者承載運(yùn)營轉(zhuǎn)化目的字體設(shè)計(jì),更需要讓用戶能在一瞥之間能讀懂文字所傳達(dá)出的內(nèi)容和特點(diǎn)。

我們可以在設(shè)計(jì)完成時(shí)增加一個(gè)環(huán)節(jié),即對字體可辨識度進(jìn)行測試,下面一起看看以下兩個(gè)案例,我們先看(圖一)當(dāng)中的文字,瀏覽者不能第一時(shí)間識別,需要去猜測,阻礙了用戶獲取準(zhǔn)確的信息,這種情況我們利用字體辨識度測試環(huán)節(jié)是可以避免的。

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

在看(圖二)雖然添加了比較多的圖形化設(shè)計(jì),但是在文字的可辨識度上,瀏覽者可以快速識別其中的文字信息,與圖一形成了明顯的對比。

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

以下的一些設(shè)計(jì)案例均是通過如上方法快速實(shí)現(xiàn)的:

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

設(shè)計(jì)沉思錄|字體設(shè)計(jì)一點(diǎn)談

結(jié)語

總之,視覺作品設(shè)計(jì)的目的是人與人的交流,作為設(shè)計(jì)師,學(xué)習(xí)運(yùn)用字體的變化,會使設(shè)計(jì)更加有效。把文字圖形化運(yùn)用到設(shè)計(jì)中,才能使作品具有強(qiáng)烈的視覺沖擊力,更便于公眾對設(shè)計(jì)作品主題的認(rèn)識、理解與記憶,進(jìn)而促成用戶對內(nèi)容的進(jìn)一步消費(fèi)與轉(zhuǎn)化。

 

作者:楊存慶,視覺設(shè)計(jì)師

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號@58UXD),作者@楊存慶

題圖來自 Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!