8種字體排版設計技巧,建議收藏!

2021-01-08 hapi醬

在2018年的各種設計當中,我們看到了更加大膽的字體排版設計。纖細的字體似乎出現的頻率越來越低,而大膽的色彩、銳利的輪廓以及漸變的效果,甚至自定義的細節,都讓字體設計越來越多樣,精彩絕倫。

如果你仔細觀察這些年的字體排版設計的變化,會發現每種設計趨勢都在逐漸遠離原本的扁平化設計,越來越不那麼保守。這些充滿創意的字體設計本身並不那麼容易實現,設計師應該將這些字體的設計納入到整個設計策略當中來,而不僅僅是作為一種簡單的炫酷的字體設計技術。

接下來,我們仔細看看2018年所流行的8種設計趨勢。

1. 彩色的文本和字體

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

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

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

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

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

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

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

3. 高亮的字體

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

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

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

4. 剪切和疊加效果

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

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

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

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

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

5. 和其他圖層穿插

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

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

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

6. 文本與漸變

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

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

7. 「過於復古的」效果

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

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

8. 完全自定義

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

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

結語

就我個人而言,字體排版是最有意思的趨勢之一,字體也是整個設計當中最有趣的組成部分。在許多的設計項目當中,字體通常會作為重要的視覺元素而被設計師投入更多的關注度,在實際輸出的設計產品當中,它也是用戶最為在意的信息。這樣一來,字體設計趨勢的意義就非常突出了。

相關焦點

  • 微信公眾號圖文排版的8大技巧
    分享微信公眾號圖文排版的8個小技巧,快來收藏吧!1、設置合適的字號和字體;正文字號建議使用14px、15px,大號的字體視覺上會顯得不夠精緻,字間距可設置為1px或1.5px,最大不要超過2px,適當的字間距會使文章排版有呼吸感;2、設置合適的行間距
  • 平面設計字體排版技巧
    平面設計字體排版技巧,在平面設計中,「文字」是傳遞訊息最為直觀的方式。而字體排印,我們幾乎能在任何地方看到,它存在於我們閱讀的書籍、網站,以及日常生活之中。只要有「文字」的地方,就有字體排印。通過本文的學習,相信你能很快掌握字體排印需要注意的細節,製作出更好的平面設計作品。
  • 網站設計:網站字體排版的10個基本規則
    「溝通」在設計中起著至關重要的作用 – 它能建立網站和用戶之間的聯繫,並幫助用戶完成他們的目標。 當我們談論在網頁設計方面的溝通時,通常是指文本的輸出。排版在這個過程中起著至關重要的作用:網絡上的信息95%以上的是在書面語言的形式存在。良好的文字排版使閱讀的行為輕鬆,而體驗不好的文字排版導致用戶關閉網頁。
  • 產品設計作品集的字體排版
    排版充斥著一件工業設計作品集的方方面面,從封面、扉頁、目錄再到章節頁、封底等等都需要排版,排版裡面又包含了字體設計、版面細節的設計、ICON的設計等。工業設計作品集字體,字體是在圖片說明還不夠完整的情況下起到一個輔助說明點綴的作用,說到字體,我們每一個人的電腦系統C盤裡面都可以找到一個文件夾,文件夾名稱是Fonts,也就是字體的意思,Fonts這個文件夾是存放電腦裡面常用字體的,有系統默認字體也可以自己添加字體存放在裡面,我們常常見到的字體庫就是用於增強字體設計多樣化的字體資源,字體按照不同設計款式分類可以有幾千種甚至上萬種
  • 網頁排版設計的10個小技巧
    減少不同類型字體的使用使用可區分字母的字體本文將告訴你10個提高文本內容可讀性的小技巧溝通在設計中起著至關重要的作用。當我們談論網頁設計環境中的溝通時,這通常是指文本。排版在這個過程中起著至關重要的作用:網絡中超過95%的信息是以文字的形式出現。好的排版提高了用戶的閱讀積極性性,反之,差的排版會降低用戶的閱讀積極性。
  • PPT字體排版怎樣調整?學會這個技巧讓你的PPT更好看
    PPT是我們經常在辦公中需要使用的工具,在該工具中,字體的排版對PPT整體的美觀是非常重要的,關於PPT字體排版的技巧不知道大家有沒有學習過呢?沒有的小夥伴可以跟著小編一起學習下哈!No.1使用「主題」調整為統一字體當我們打開PPT的時候,一般使用的是默認字體。如果不想使用默認的字體的話,我們可以使用「主題」修改成我們想要的字體呀!首先,我們需要點擊一下PPT中的【設計】,然後找到【變體】處的小三角。
  • 新手排版不會選字體,看設計老鳥的私家收藏:如何選擇合適字體
    記得今年3月時網傳某公司實習生使用微軟雅黑和盜版PS,接到方正集團和adobe起訴,樣稿印刷廠印了5000萬張已經全國商用,公司損失2860萬,裁員8個主管,42人,這位爆料者表示自己也是被裁掉的一員。該信息爆出後引發網友熱議。
  • 【設計學堂】平面圖文設計排版技巧
    文字和圖形相輔相成,相映生輝是秩序產生、美感形成的關鍵,而文字和圖片能否恰當的組合在一起,更好的表達主題是設計排版成功的重點,圖文混排有以下幾點方法技巧值得探究。文字排版閱讀一般在文字較多的設計中儘量運用3到4種以內的字體,字體過多容易雜亂,缺乏整體感,最好是一種字體是標題或主題文字吸引眼球
  • 這14中讓字體排版技巧,創意感十足!
    創意字體排版既是 2020 年的主要平面設計的趨勢,也是一直以來一直在趨勢前沿的一個設計門類。對於設計師而言,優秀的創意字體排版一直是熱門的設計靈感來源。今天這篇文章,我們分門別類地搜集了一堆具有啟發性和創新性的字體排版案例,它們足以激發你的想法。
  • 字象乾坤--字體排版該怎樣設計
    我們常常納悶,電腦裡這麼多的字體,要用哪一個?文字有這麼多,怎樣排版才能表達內心深處的思想?常常說,藝術是相通的。將文字排版與音樂結合起來,用視覺化的音樂和文字排版相結合,會讓我們的字體排版更容易組合,更能體現我們的設計情感。將普通的文字賦予音樂的藝術形式,將文字排版賦予聽覺的美感和視覺的美妙,更容易傳遞信息,表達其深層次的涵義。
  • 網頁設計排版時對字體的應用
    一般成功的網站只有很少的字體樣式,會用無襯線字體,在設計網站的排版時也應該注意使用的字體的數量。好的設計會加入一些個性的字體,大部分瀏覽器能識別常用的字體,這樣設計主要是利用以避免問題的發生,這裡談談網頁設計排版時對字體的應用。
  • 簡歷中的字體與排版
    這篇文章我會主要從平面設計的角度談談簡歷製作,主要包括字體的選擇,字體大小,排版等等。字體關於字體的選擇上,簡歷中最重要的是易讀性。這裡首先區分一個概念,襯線字體和無襯線字體。襯線字體的代表是宋體,new times等。非襯線是黑體或者廣為人知的Helvetica。
  • 平面設計:圖片與文本的排版技巧
    無論當今社會的平面廣告設計多麼寬泛多彩,它都離不開文字和圖形的基本元素。文字和圖形是相輔相成的,相互反映是生成秩序、形成美感的關鍵,而文字和圖片能否恰當地結合,更好地表達主題是成功設計和排版的重點。有幾種方法和技術值得探索。
  • 文章排版設計的3個小技巧
    技巧1——創造排版的層次感,讓頁面結構更加清晰  排版的層次感通常指的是頁面中文本排列構建出的視覺層次。  腦補一下你看過的那些圖書。>  ·2、注釋和小字體文本:正文字體的70%~75%,案例中應為15pt~17pt  技巧2——控制縱向間距,使排版更易讀  通過調整行間距和段間距,讓用戶更容易掃讀文字。
  • PS排版設計,封面構圖,海報製作,字體設計,版面設計大全
    PS排版設計有多種方法,這裡分享一些常用的方法,記得收藏+關注哦。一,對稱構圖排版時講究上下對稱,或者左右,整齊的內容最清爽,想要簡潔大方的風格,就用對稱的方式排版。二,幾何圖形構圖平時在設計時候,有意識地用到幾何圖形,三角形,圓,線條,長方形,橢圓,曲線等幾何圖形來排版設計。三,留白設計構圖作圖時切忌全部把畫面鋪滿,要四邊留出來空白,特別是上面部分稍微多留些空白,顯得大氣,給人有想像力。千萬不能頭頂天。
  • 如何一下子掌握PPT圖文排版?果斷收藏了
    多圖一段文字在PPT中的排版設計,其實設計效果有很多種。,那麼就可以採用第一種規則型的排版,排列的整整齊齊,大小調節一致就行。想要排版更好,更有新意一點,那麼可以採用第二種不規則型的排版。這個需要更高一點的設計技巧,不然可能適得其反。這裡的不規則可以指圖片排版的不規則也可以是圖片本身處理成不規則的形式,比較靈活的。
  • 新媒體人都該學會的12種微信排版技巧
    1.排版基本技巧-字體● 選擇合適的字體● 同一篇文章的字體種類● 同一種字體的不同處理方式①選擇合適的字體補充說明:字體顏色選擇事,建議正文字色75%灰、注釋字色50%灰、這兩種顏色視覺友好度高,純黑有些刺眼,灰色溫和些,黑灰白三色,是最安全也最有逼格的顏色。當然,標題顏色可適當區分開。2.排版基本技巧-字號 字號過大或過小都影響閱讀,太小需要放大鏡,太大比較適合老年群體。
  • 妙飛:文章如何排版設計?好的排版文章讀完率是普通文章的8倍
    我說的文章外表是指文章的版面設計,也是我今天要談的重點。我的一位學員把他寫好的文章張發給我看,文章要表達的觀點非常有趣。但是他的文章不僅段落少,還把字體調的特別小,看起來密密麻麻,閱讀起來非常吃力。如果他把精力用來推廣這篇文章,絕不如推廣一篇排版精美的文章效果好。
  • 圖文排版設計技巧
    在進行整體設計時,應該對文案的部分有整體的把握:首先、確定文案,用最簡短的話說清楚最詳細的內容,精簡文案,讓用戶捕捉到有用信息;第二、確定文案的優先級,明確主、副標題及內容的關係,區別性對待,可以根據字體的大小、粗細對比進行關係強調;第三、根據文案確定結構,對內容文案進行塊狀組合,可以增強結構性,在閱讀時用戶的習慣是從上到下、從左到右,在對文案進行排版時可以遵循這一規則
  • 報紙版面設計技巧與注意事項 報紙排版設計​
    報紙版面設計技巧與注意事項 報紙排版設計 一、版面設計的一般要求 (一)版式風格:簡潔、大方、醒目、直觀。 8.轉接太多:使版面看起來像複雜的拼圖,給閱讀帶來不便。 9.通縫過多:版面分散死板。 10.斷版明顯:版面分散死板。 11.不要報眉:頭版之外的其他版面不設計報眉。 12.版面漲縮:把邊的稿件超出版心或窄於版心(稿件的邊要與版心邊線對齊)。