網(wǎng)站最根本的功用是呈現(xiàn)信息，讓用戶能夠閱讀。字體的展現(xiàn)和排版自然也是網(wǎng)頁設(shè)計師工作的重要內(nèi)容之一。今天，我們搜集了 2018 年網(wǎng)頁設(shè)計范疇正在盛行的文字排版設(shè)計趨向，與你分享。

2006 年，Oliver Reichenstein 撰寫了文章《網(wǎng)頁設(shè)計95%的工作是排版》，這是當(dāng)年最有爭議的文章之一。 Reichenstein 在文章中這么說道：“網(wǎng)頁設(shè)計不只僅是選擇并運用精巧的字體，更多的是關(guān)于我們?nèi)绾卧谠O(shè)計中運用它們 。”

1. 大膽的首屏排版設(shè)計

超大的、震動的、直接的、沒有戲劇性的首屏文本可能是最近幾年文本最為顯著的用法。首屏中常見的超大的圖片被超大的文本所取代，這些標(biāo)題和主題、品牌或者信息嚴(yán)密關(guān)聯(lián)，經(jīng)過超大的尺寸呈現(xiàn)出來的視覺效果也不遑多讓。

效果如你所見，字體排版成為了網(wǎng)頁中最醒目的存在。比方 CreativeDoc 的首屏中，六個白色的字母在黑色的背景中，以一種醒目方式呈現(xiàn)出來，比照激烈。

所用字體：Dharma Gothic Heavy

而這家歐洲的創(chuàng)意設(shè)計企業(yè) Soffl 的網(wǎng)站則在網(wǎng)站上運用更為濃縮、狹窄的白色字體，搭配彩色動畫元素營造出時髦的覺得。

所用字體：自定義（Souffl Web）

2. 運用文雅的襯線字體

傳統(tǒng)的襯線字體有著文雅的特性，往常設(shè)計師越來越多地在網(wǎng)頁中運用成都網(wǎng)站建立襯線字體來發(fā)明典雅優(yōu)容的氣氛。

通常，設(shè)計師會將網(wǎng)頁中最重要的局部，比方標(biāo)題或者闡明，借助盛行的襯線字體突出地呈現(xiàn)出來，就像 Calluna 和 Minion 這樣的字體。

在 Cobble Hill 和 Gin Lane 這兩個網(wǎng)頁背后，設(shè)計師就在首屏運用襯線字體來迎接用戶。

所用字體：Arno Pro 和 Proxima Nova

所用字體：Miller Disp, Lt

3. 直白的純文本

有花哨多樣的視覺化設(shè)計，自然也有返璞歸真追求自然直白的設(shè)計，在文本排版上，也是如此。

Justin Jackson 的這個名為 Word 的這個網(wǎng)站的主要內(nèi)容，是在網(wǎng)頁上獨立呈現(xiàn)文本的顯現(xiàn)效果的：

所用字體：閱讀器默許字體Jackson 在他的網(wǎng)站中寫到：“文本是最網(wǎng)頁中最強大的工具”，用文本設(shè)計網(wǎng)頁自身并不是一件容易的事情，但是做的好了，用戶以至不會認(rèn)識到圖片的缺失。

總部設(shè)在哥本哈根的設(shè)計機構(gòu) B14 就運用了簡單直白的文本內(nèi)容填滿了主頁，用來呈現(xiàn)他們的工作內(nèi)容：

所用字體：Maison Neue

一圖雖可勝千言，但是文本關(guān)于信息的控制其實愈加精確。

Joe Coleman 是一位自在撰稿人，他在本人的網(wǎng)站上僅運用文原本呈現(xiàn)內(nèi)容。這個網(wǎng)站的特性是借助交互性元素，以純文本的視覺設(shè)計和交互來吸收用戶。

所用體：Work Sans

Max Kaplun 的作品集網(wǎng)站中，同樣是運用純文原本構(gòu)建視覺，不過他借助最簡單的字符、字重和顏色變化來裝飾。

所用字體：自定義

4. 運用等寬字體

等寬字體的功用性很強，在文字密集的場所常常會用到等寬字體，比方代碼，或者文章當(dāng)中。在如今看來，等寬字體自身有著一種復(fù)古的質(zhì)感，往常在網(wǎng)頁設(shè)計范疇的盛行和粗野主義的回歸不無關(guān)系。

Laurent Desserrey 設(shè)計了一套令人入迷的作品集網(wǎng)站，網(wǎng)站借助失控的效果和等寬字體發(fā)明出粗野的視覺效果。

運用字體：Space Mono

Run Your Mouth 這個網(wǎng)站也是同樣運用等寬字體來發(fā)明粗糲的質(zhì)感。

字體：Titling Gothic, Space Mono

5. 運用高亮效果來吸收人

運用高亮效果來構(gòu)建內(nèi)容的層次構(gòu)造也是不錯的方式，這有助于訪客閱讀、抓住關(guān)鍵的信息。

Godfrey Dadich 是一個來自舊金山的設(shè)計機構(gòu)，由于首頁上長篇大論的內(nèi)容，為了讓用戶抓住重點，運用了熒光綠的高亮標(biāo)識。

所用字體：Noe 和 Atlas康奈爾大學(xué)的網(wǎng)頁同樣運用熒光黃色來高亮關(guān)鍵詞，讓訪客留意到關(guān)鍵的文本。

所用字體：Freight Display + Theinhardt

6. 縱橫交織的標(biāo)題文本

將標(biāo)題或者關(guān)鍵性的文案拆分，在首屏上縱橫交織地排布也是近年來比擬盛行的玩法。這種排版方式不只讓整個規(guī)劃有更多留白，而且方式感愈加強。

比方下面的這個網(wǎng)站，它是電影 Take What You Can Carry 的官方網(wǎng)站，電影的名字被拆分開單獨排版：

所用字體： DIN + Courier

而諸如設(shè)計機構(gòu) Elegant Seegulls 的網(wǎng)站，以至運用了垂直滾動這樣的實驗性效果：

所用字體：Azo Sans + Capitolium 2

在創(chuàng)意機構(gòu) Magic People Voodoo People 的網(wǎng)站上，則在四角上運用了程度和垂直的文原本昭示它的稱號：

7. 充溢實驗性的分散文本

將單詞自身徹底打散成為單個字母，這種設(shè)計更為實驗性。這種設(shè)計在視覺上有著共同的作風(fēng)，不過在可讀性上相對而言就比擬差了，這也是為什么將這種設(shè)計趨向定義為實驗性的，在詳細設(shè)計的時分，應(yīng)該認(rèn)真權(quán)衡，再做選擇。

The Impossible Is Inevitable 是一個在莫斯科猶太人博物館所舉行的展覽，展覽的名字是由浮動的字母所構(gòu)建而成，在首頁上浮動，需求略微認(rèn)真分辨才干明白詳細是哪幾個單詞。

分散的字母固然并不是那么容易分辨，但是它們被細線貫串在一同，有視覺線索，看似脆弱斷斷續(xù)續(xù)卻一直相連，并且充溢了探究感。

Octoplus Group 是一個通訊機構(gòu)，他們的網(wǎng)站首頁就是借助這些小巧粗暴的字母來充任導(dǎo)航元素。從品牌信息傳達和故事性的角度上來看，這種設(shè)計是十分有趣且有效的。