提升設計,學習這些字體設計和排版技巧

1. 彩色的文本和字體

提升設計,學習這些字體設計和排版技巧

雖然絕大多數的極簡風格的頁面會採用黑白色調的文字,但是有色彩的文字更有張力,這是不爭的事實。

彩色的字體在絕大多數地方都顯得足夠醒目,在許多設計項目當中,彩色字體被作為最重要的視覺元素來呈現。

現在,自帶可編輯色彩屬性的多彩字體開始逐漸多起來了,你可以在《字體新玩法!這些流行的繽紛多彩字體正在走向標準化》這篇文章當中看到更多關於多彩字體的知識。

明亮的色彩和多樣的色彩是非常吸引人的,這也使得信息的傳遞更加有效,足以建立富有標誌性的標識,並且吸引用戶參與到設計當中來。

2. 簡約大膽的非襯線字體

提升設計,學習這些字體設計和排版技巧

想要給人留下深刻的印象,字體並不一定非得那麼華麗。

筆觸較粗的非襯線字體在這兩年比較流行,在各種網站和 APP 當中出現的機率非常之高。

它們之所以會被選取,很大程度上是因為它們足夠易讀,並且能同背景和其他的文本元素構成良好的對比。

3. 高亮的字體

提升設計,學習這些字體設計和排版技巧

被高亮顯示的字體,是目前所看到的最令人驚訝的趨勢之一,這種設計手法可以強調文本,讓它成為視覺焦點。

從簡單的通過高飽和度色彩高亮文本,到使用下劃線的方式來高亮文本,設計師們所採用的方法都不盡相同。

不過不論是怎麼設計,都是希望用戶能夠優先看到重要的文本內容,這種設計適合使用更短的文本塊,以便突出顯示,又不會造成信息過載。

4. 剪切和疊加效果

提升設計,學習這些字體設計和排版技巧

通過剪切和疊加實現的設計效果可以創造出足夠有趣、令人印象深刻的效果。

無論是疊加還是剪切,基本上都是通過分層來實現的,它讓設計看起來不那麼扁平化,而在字體上實現這樣的效果,會是個不錯的的選擇。

剪切和疊加效果指的是文本字體當中不填充色彩,而是在背景上疊加一層,剪切出文本部分,透過剪切部分可以看到底層背景的圖片。就像上圖的案例當中,透過文字可以看到底層的動態圖片。

這種設計通常需要使用較粗的大寫字母,並且控制文本內容的量。只有這樣能夠確保前景剪切的文本內容清楚的傳遞給訪客,也能讓底層的圖形內容呈現出來。

底層的內容無論是圖片、紋理還是視頻,都可以不錯地呈現給用戶,而且因為文本的尺寸,總體的信息量不會太大,也不會過載。

5. 和其他圖層穿插

提升設計,學習這些字體設計和排版技巧

在絕大多數的設計當中,文本元素所在的圖層通常會獨立使用,比如在背景之上,在圖片旁邊等等。但是現在很多設計師在字體的設計上已經有截然不同的想法,單純的上下疊加和平行的佈局已經不足以滿足他們的需求,讓文本元素和其他的視覺元素穿插起來,讓看似單薄的文本擁有了物理質感,彷彿真實的存在。這樣的設計讓用戶感知到文本的「重量」,同時也更容易注意到其中的信息了。

就像上面的案例當中,人物和文本穿插起來,讓文本看起來彷彿是真實的存在,創造出更為沉浸式的體驗。

這種設計技巧更貼近平面設計,在設計上難度不算高,而且非常受歡迎。它充分利用到了格式塔原理,所以用戶並不會因為部分遮擋而無法獲取文本中的信息。

6. 文本與漸變

提升設計,學習這些字體設計和排版技巧

漸變可能是最不被重視的設計趨勢之一。由於曾經許多設計中並沒有正確使用漸變,導致它在扁平化興起之前,名聲並不太好。但是現在大家對於「微妙」的追求使得漸變成為了一種可用性極強的設計技法。

選擇漸變的理由很多,在《這10個理由告訴你,為什麼要在設計中使用漸變》這篇文章中,詳細描述了它的優勢。

微妙的漸變會給人以現代和新鮮的感覺,而上面的案例當中,設計師僅僅是為標題中的關鍵字加上漸變,就創造出頗為令人難忘的體驗。當然,這樣的設計更適合在極簡的頁面上使用,如果頁面信息量太大,這樣的設計也是很難脫穎而出的。

7. 「過於復古的」效果

提升設計,學習這些字體設計和排版技巧

當然,在談及到設計技巧的時候,一些相對更老的設計技巧其實很少被提及。這些設計手法常常會讓人覺得過於「復古」,不過在有的場合下,倒是能夠發揮作用。

通常,設計師會讓文本具有陰影、斜角、相對更顯著的漸變和少見的色彩,這樣的設計讓文本具備良好的可讀性,和讓人難以移開目光的獨特「復古」氣息。不過,這樣的設計更適合簡約的頁面佈局,否則只會讓人覺得難受。

8. 完全自定義

提升設計,學習這些字體設計和排版技巧

不同的項目需要不同的字體來與之匹配,混淆了字體或者使用不當,都會讓整個設計顯得怪異。設計師通過對字體進行自定義設計,可以實現各種各樣不同的感覺和體驗。針對字體進行全方位的自定義,也是當下字體的使用和設計趨勢之一。

雖然完全自定義的字體非常有趣,但是這樣的字體設計成本是比較高的,可能需要較長的時間來實現。對於大品牌或者準備了較多預算的企業機構而言,倒不是很大的問題。

聲明:本內容來源於互聯網,版權歸原作者所有,供學習交流使用,嚴禁商用,如有侵權請聯繫我們刪除。

- END -

福利互動:

1、轉發並私信“777”

2、關注我頭條號私信“777”無套路免費領取一套無版權可商用排版素材


分享到:


相關文章: