您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

這5種字體設(shè)計策略,幫你創(chuàng)造精彩出挑的頁面視覺體驗

無論是設(shè)計頁面照舊移動端APP,首頁、首屏、Banner 這些地方,絕大多數(shù)時候都必要設(shè)計感較強、視覺元素雄厚、具備顯明吸引力的視覺設(shè)計,來作為支撐。有的項目可以寄托驚艷的圖片,更多的設(shè)計師會選擇多元素的圖文混排,而這其中,字體是關(guān)鍵元素之一。展示用的字體不僅要具備展示性,還要擁有優(yōu)秀的可讀性。展示性意味著它必要能夠在特定條件下創(chuàng)造出戲劇化的結(jié)果,通過屏幕上的展示,吸引用戶的細致力,向著屏幕另一端的用戶傳達出特定的信息和感受。所以,合理地運用展示性的字體不僅能夠強化品牌形象,加強文本內(nèi)容的可理解性,創(chuàng)造視覺條理,給用戶留下深刻的印象。近年來,展示性字體的需求越來越大,個中緣由也就不難理解了。

今天的文章會總結(jié)5種使用展示性字體創(chuàng)造獨特戲劇結(jié)果的技巧,幫你的網(wǎng)頁在激烈的競爭中,脫穎而出。

1、簡約但動感的字體

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

  • 使用超大的字體尺寸(大字體能夠傳達出充足有力的信息,尤其是和高清大圖配合使用的時候)
  • 筆墨色彩和背景構(gòu)成對比(文本色彩通常會使用黑色或者白色,而背景圖片充足美麗就能構(gòu)成對比)
  • 采用勇敢的樣式

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

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

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

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

3、裝飾性字體

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

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 的首頁所采用的這套字體帶有顯明的當(dāng)代幾何風(fēng),字體的細節(jié)帶有早期西筆墨體的原始風(fēng)貌,和網(wǎng)站的神秘氣息相得益彰。

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

4、手繪字體

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

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

不過,萬萬不要過度尋求漂亮的結(jié)果而捐軀字體自己的可讀性。為了防止?jié)撛诘囊曈X停滯,盡量不要將手繪字體置于復(fù)雜的圖片背景之上,并且在輔助性的文本中,采用識別度更高的字體。 
 

5、和其他元素疊加使用

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

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

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

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

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


[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/di3945.html
超周全!聊聊交互設(shè)計背后的生理學(xué)原理
Adobe 出了一個超厲害的人工智能黑科技,美工可能要失業(yè)!
圖趣網(wǎng)微信
建議反饋
×