旗下產業(yè): A產業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 行業(yè)資訊 > 讓你的UI設計脫穎而出,用好這幾個字體的技法

讓你的UI設計脫穎而出,用好這幾個字體的技法

時間:2018-04-09來源:mwtacok.cn點擊量:作者:馬晨皓
時間:2018-04-09點擊量:作者:馬晨皓
5種字體使用技法,讓你的設計脫穎而出

1、簡約但動感的字體

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

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

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

采用大膽的樣式

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

Image title

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

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

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

 

Image title

3、裝飾性字體

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

于UI設計是否還是處于一知半解,沒有頭緒,處于迷茫的境界呢?
這都不是問題,希望想學習的你,不管是什么基礎,或者是想轉行都可以加群,期待你的加群一些學習【667576606】
感謝您的關注 期待與您一起進步!加油

Image title

Hawk&Hen 是一個餐飲機構的網站的,略顯復古的立體裝飾性字體為網站奠定了古怪但是獨特的風格。

Image title

經過定制的字體錯落而怪異,非常符合 Squarespace’s Sleeping Tapes 陰森而黑暗的網站風格。

Image title

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

Image title

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

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

4、手繪字體

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

Image title

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

Image title

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

5、和其他元素疊加使用

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

Image title

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

Image title

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

Image title

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

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


 

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2022/ mwtacok.cn 北京漫動者數字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網安備 11010802035704號

網站地圖