設(shè)計沉思錄|字體設(shè)計一點談
文章給大家總結(jié)了四個點,看一套快速實用的文字設(shè)計基本流程是怎樣的~
在視覺設(shè)計工作中,我們幾乎每項任務(wù)都會使用到字體。
字體是我們在設(shè)計過程最基礎(chǔ)的設(shè)計元素,也是設(shè)計中必不可少的表達工具。在不同的環(huán)境下使用合適的字體,可以讓我們的設(shè)計作品更加生動。
在雇主定制頁面廣告設(shè)計及運營活動等設(shè)計中,文字部分作為信息傳達的重要工具,除了要傳達信息的基礎(chǔ)功能,還需要賦予其美觀的形態(tài),使其視覺傳達更為強烈,更能引起用戶的關(guān)注。
字體創(chuàng)意設(shè)計雖然比較自由,但應(yīng)保持字與字之間的統(tǒng)一性。一組字體設(shè)計中,應(yīng)保持一種統(tǒng)一的變化規(guī)則,不然會造成雜亂感。
工作當中總結(jié)了以下幾點,一套快速實用的文字設(shè)計基本流程供大家參考。
以下我們主要針對中文字體的創(chuàng)意設(shè)計進行說明:
字體分析與選擇
其實就是選擇做字時參考的字體,我們在進行設(shè)計之前需要分析項目,這在任何設(shè)計上都是通用的,在字體設(shè)計上也是如此。做字之前一定要對字體呈現(xiàn)出的主題、風格進行分析。
我們用簡柏特2019校招項目為例來進行分析:“起航夢想,成就未來”簡柏特2019校園招聘SLOGAN。
簡柏特是一家從事業(yè)務(wù)流程外包(BPO)的專業(yè)集團公司,公司官網(wǎng)整體設(shè)計風格比較商務(wù)、簡潔化,布局貼和其LOGO的造型,包括裝飾性圖標和背景都有著很強的統(tǒng)一性。
簡柏特的LOGO設(shè)計,由幾個圖形組合而成一個大寫的“G”簡柏特英文的首字母,LOGO整體棱角分明,筆直有力。我們把簡柏特的LOGO拆分開來看,它是由五個幾何圖形組合而成的,而且每一個圖形都和我們中文字體的筆畫類似,分析了這么多我想我們對字體的選擇有了具體的目標。
選定好合適的字庫字體后,我們對字體的部分筆畫進行設(shè)計與變形,讓整體看起來更貼合簡柏特的LOGO的特點。
然后,對當中的文字加入其LOGO的部分圖形元素,用LOGO當中的圖形替代字體的某個筆畫,將文字的局部替換,使文字的內(nèi)涵外露,在形象和感官上都增加了一定的藝術(shù)感染力。
以下是幾種不同的字體設(shè)計案例:“尋人啟示”無錫橫新軟件2018校園招聘SLOGAN。
選用字庫原字體,運用字體的連筆,制造字體間的連接,尋:尋找的意思。將尋字一點變化為稍大的圓形,為放大鏡之意,更快更準為企業(yè)尋找人才。
“全新上銀相信卓爾不群的你”上海銀行2017社會招聘售前SLOGAN。
上海銀行以“精品銀行”為戰(zhàn)略愿景,選用字庫字體,“全新上銀”四字之間筆畫的關(guān)聯(lián)性,用一條由低到高的直線連接,體現(xiàn)上海銀行以“精誠至上,信義立行”的核心價值觀。
“同行同分享”成都雙流機場2018校園招聘SLOGAN。
成都雙流國際機場位于“熊貓故鄉(xiāng)”——中國西部四川成都,選用帶有中國元素的字庫字體,運用筆刷效果替代文字里的部分筆畫,將文字的局部替換,使整體看上去更具有設(shè)計感。
字形結(jié)構(gòu)重構(gòu)
進行圖形化設(shè)計的基礎(chǔ)畢竟是文字,它仍然需要傳達字面信息,這就關(guān)系到閱讀性以及字體的美感,所以我們需要從漢字的造字原理和結(jié)構(gòu)出發(fā),分析字形結(jié)構(gòu)和視覺感受。
接下來分享一個字體重構(gòu)的方法,以無錫橫新軟件2018年校招項目“尋人啟示”為例,步驟如下:
整體調(diào)整與畫面結(jié)合
在字體設(shè)計中,我們認真的推敲嘗試每一個筆畫的變化方式,去選擇最合適的表現(xiàn)方法,只有如此才能使得每一個筆畫都契合這個字體,符合整組字的空間規(guī)則。
將已做好的字體結(jié)構(gòu)或筆畫進行簡化或者連接處理,使之更符合主題的氣質(zhì)或更具有設(shè)計感。
以下用簡柏特2019校招項目“起航夢想成就未來”為例,步驟如下:
字體可辨識度測試
文字經(jīng)過設(shè)計以后,可使形象變得情境化、視覺化,強化了語言效果,成為更具有某種特質(zhì)和傾向性的視覺符號,我們在追求字體變化的同時要便于識別。
作為傳達主體信息,或者承載運營轉(zhuǎn)化目的字體設(shè)計,更需要讓用戶能在一瞥之間能讀懂文字所傳達出的內(nèi)容和特點。
我們可以在設(shè)計完成時增加一個環(huán)節(jié),即對字體可辨識度進行測試,下面一起看看以下兩個案例,我們先看(圖一)當中的文字,瀏覽者不能第一時間識別,需要去猜測,阻礙了用戶獲取準確的信息,這種情況我們利用字體辨識度測試環(huán)節(jié)是可以避免的。
在看(圖二)雖然添加了比較多的圖形化設(shè)計,但是在文字的可辨識度上,瀏覽者可以快速識別其中的文字信息,與圖一形成了明顯的對比。
以下的一些設(shè)計案例均是通過如上方法快速實現(xiàn)的:
結(jié)語
總之,視覺作品設(shè)計的目的是人與人的交流,作為設(shè)計師,學(xué)習(xí)運用字體的變化,會使設(shè)計更加有效。把文字圖形化運用到設(shè)計中,才能使作品具有強烈的視覺沖擊力,更便于公眾對設(shè)計作品主題的認識、理解與記憶,進而促成用戶對內(nèi)容的進一步消費與轉(zhuǎn)化。
作者:楊存慶,視覺設(shè)計師
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗設(shè)計中心(微信公眾號@58UXD),作者@楊存慶
題圖來自 Unsplash,基于CC0協(xié)議。
- 目前還沒評論,等你發(fā)揮!