讓你的UI設(shè)計脫穎而出，用好這幾個字體的技法

1、簡約但動感的字體

簡約的字體和動感的排版并不是互相排斥的存在。事實上，簡單的字體同樣可以輕松創(chuàng)造有著強力戲劇感的排版。事實上，你只需要選擇一款足夠簡約的字體，然后按照下面的方法來處理：

使用超大的字體尺寸（大字體能夠傳達(dá)出足夠有力的信息，尤其是和高清大圖配合使用的時候）

文字色彩和背景構(gòu)成對比（文本色彩通常會使用黑色或者白色，而背景圖片足夠鮮艷就能構(gòu)成對比）

采用大膽的樣式

字體大小是控制視覺影響力的重要手段。在下面的案例當(dāng)中，設(shè)計師采用了更為極端的方式，使用超大的字體來承載主要的文案，借助留白將文本孤立出來，以達(dá)到有效傳遞信息的目的。這樣的設(shè)計足夠簡約，但是也充滿了強烈的戲劇感。同時，清晰直白的設(shè)計，也讓人印象深刻。

2、創(chuàng)造性地使用簡約的字體

即使是最基礎(chǔ)、最簡單的字體也可以創(chuàng)造出令人難忘的體驗，前提是你得采用實驗性的、富有創(chuàng)造性的排版。

想要將你的信息大聲地傳遞出去嗎？使用全部大寫的文本，或者借用足夠厚重的字體。而真正讓人難忘的，是足夠富有創(chuàng)意的設(shè)計，所以，你還可以將字體和動效或者視頻結(jié)合起來使用。

3、裝飾性字體

設(shè)計師對于裝飾性字體的認(rèn)知各不相同。有的設(shè)計師會鄙視裝飾性的字體，認(rèn)為它們顯得粗陋輕佻，但是也有不少設(shè)計師會欣賞這些字體所體現(xiàn)出來的創(chuàng)意和有趣的表現(xiàn)形式。在我看來，各種稀奇古怪的裝飾性字體，如果使用得當(dāng)，能夠讓網(wǎng)站增色不少。這些字體可以調(diào)和網(wǎng)站的風(fēng)格，營造氛圍，能夠強化品牌的氣質(zhì)。當(dāng)設(shè)計師挑選了合適的字體，結(jié)合貼合品牌的文案和風(fēng)格之后，整個體驗會達(dá)到協(xié)調(diào)甚至出彩的效果，下面就是幾個值得參考的實例：

于UI設(shè)計是否還是處于一知半解，沒有頭緒，處于迷茫的境界呢？
這都不是問題，希望想學(xué)習(xí)的你，不管是什么基礎(chǔ)，或者是想轉(zhuǎn)行都可以加群，期待你的加群一些學(xué)習(xí)【667576606】
感謝您的關(guān)注 期待與您一起進(jìn)步！加油

Hawk&Hen 是一個餐飲機構(gòu)的網(wǎng)站的，略顯復(fù)古的立體裝飾性字體為網(wǎng)站奠定了古怪但是獨特的風(fēng)格。

經(jīng)過定制的字體錯落而怪異，非常符合 Squarespace’s Sleeping Tapes 陰森而黑暗的網(wǎng)站風(fēng)格。

HeadOfffice 的網(wǎng)站所采用的這套字體同樣俏皮而獨特，在絕大多數(shù)場景下，這套字體都顯得過于特立獨行，但是在這個網(wǎng)站上，則正好烘托出網(wǎng)站充沛而富有激情的特征。

Maaemo 的首頁所采用的這套字體帶有明顯的現(xiàn)代幾何風(fēng)，字體的細(xì)節(jié)帶有早期西文字體的原始風(fēng)貌，和網(wǎng)站的神秘氣息相得益彰。

你可能已經(jīng)注意到了，這些網(wǎng)站中，裝飾性字體始終是和極簡的風(fēng)格相互搭配。這不是巧合。裝飾性字體能帶來獨特而有趣的風(fēng)格，在極簡風(fēng)格的網(wǎng)站上，用戶會更加輕松地注意到這些字體的存在，信息才能更加有效地傳遞出去。假使這些字體在復(fù)雜多變的網(wǎng)站上，多個視覺焦點會分散這些裝飾性字體應(yīng)有的力量。

4、手繪字體

在很長的一段時間內(nèi)，手繪字體都是網(wǎng)頁設(shè)計中的重要組成部分。有的設(shè)計師會傾向于逐個字母單獨設(shè)計，創(chuàng)造出獨一無二的手繪字體效果，不過更多的時候，設(shè)計師會選取一款成套的手繪風(fēng)格字體作為基礎(chǔ)來設(shè)計。手繪字體通常能夠讓整個設(shè)計顯得更加優(yōu)雅，如果挑選得當(dāng)?shù)脑?。獨一無二的手繪字體還能強化頁面的原創(chuàng)性，看看下面的 Grain&Mortar 和 Femmefatale 兩個網(wǎng)頁，這些設(shè)計機構(gòu)的首頁本身所呈現(xiàn)出來的“藝術(shù)性”很大程度上源自于頁面中獨特的手繪字體。

手繪字體是品牌化設(shè)計強有力的工具。

不過，千萬不要過度追求漂亮的效果而犧牲字體本身的可讀性。為了防止?jié)撛诘囊曈X障礙，盡量不要將手繪字體置于復(fù)雜的圖片背景之上，并且在輔助性的文本中，采用識別度更高的字體。 

5、和其他元素疊加使用

通過將字體和其他的元素疊加到一起使用，創(chuàng)造出引人矚目的視覺效果，是時下所流行的另外一種營造視覺奇觀的策略。不過，在搭配其他元素的時候，一定要注意色彩、紋理和元素各方面的特征，確保字體本身的識別度。

你可以讓文本和多種不同的元素組合起來。

也可以讓文本橫跨不同的區(qū)域。

甚至可以打破排版規(guī)則，讓文本和人物形象結(jié)合起來，讓文本傳遞隱藏的意義。

但是無論怎么搭配，你都得讓文本本身和其他的元素之間具備明顯的對比度，讓它足夠易讀。只有達(dá)到這樣的要求，才能讓整個體驗足夠順暢，不至于出現(xiàn)使用障礙。