作品
◇
- 作品
- 設(shè)計(jì)師
- 字體
- 文章
- 資訊
- 賽事
網(wǎng)站最基本的功能是呈現(xiàn)信息，讓用戶可以閱讀。字體的展示和排版自然也是網(wǎng)頁(yè)設(shè)計(jì)師工作的重要內(nèi)容之一。今天，我們搜集了2018年網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域正在流行的文字排版設(shè)計(jì)趨
網(wǎng)站最基本的功能是呈現(xiàn)信息，讓用戶可以閱讀。字體的展示和排版自然也是網(wǎng)頁(yè)設(shè)計(jì)師工作的重要內(nèi)容之一。今天，我們搜集了2018年網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域正在流行的文字排版設(shè)計(jì)趨勢(shì)，與你分享。
2006年，Oliver Reichenstein 撰寫了文章《網(wǎng)頁(yè)設(shè)計(jì)95%的工作是排版》，這是當(dāng)年最有爭(zhēng)議的文章之一。 Reichenstein 在文章中這么說道：“網(wǎng)頁(yè)設(shè)計(jì)不僅僅是挑選并使用精美的字體，更多的是關(guān)于我們?nèi)绾卧谠O(shè)計(jì)中使用它們 ?！?/span>
超大的、震撼的、直接的、沒有戲劇性的首屏文本可能是最近幾年文本最為顯著的用法。首屏中常見的超大的圖片被超大的文本所取代，這些標(biāo)題和主題、品牌或者信息緊密關(guān)聯(lián)，通過超大的尺寸呈現(xiàn)出來的視覺效果也不遑多讓。
效果如你所見，字體排版成為了網(wǎng)頁(yè)中最醒目的存在。比如 CreativeDoc 的首屏中，六個(gè)白色的字母在黑色的背景中，以一種醒目方式呈現(xiàn)出來，對(duì)比強(qiáng)烈。
所用字體：Dharma Gothic Heavy
而這家歐洲的創(chuàng)意設(shè)計(jì)企業(yè) Soffl 的網(wǎng)站則在網(wǎng)站上使用更為濃縮、狹窄的白色字體，搭配彩色動(dòng)畫元素營(yíng)造出時(shí)尚的感覺。
所用字體：自定義（Souffl Web）
傳統(tǒng)的襯線字體有著優(yōu)雅的特點(diǎn)，如今設(shè)計(jì)師越來越多地在網(wǎng)頁(yè)中使用襯線字體來創(chuàng)造典雅優(yōu)容的氛圍。
通常，設(shè)計(jì)師會(huì)將網(wǎng)頁(yè)中最重要的部分，比如標(biāo)題或者說明，借助流行的襯線字體突出地呈現(xiàn)出來，就像 Calluna 和 Minion 這樣的字體。
在 Cobble Hill 和 Gin Lane 這兩個(gè)網(wǎng)頁(yè)背后，設(shè)計(jì)師就在首屏使用襯線字體來迎接用戶。
所用字體：Arno Pro 和 Proxima Nova
所用字體：Miller Disp, Lt
有花哨多樣的視覺化設(shè)計(jì)，自然也有返璞歸真追求自然直白的設(shè)計(jì)，在文本排版上，也是如此。
Justin Jackson 的這個(gè)名為 Word 的這個(gè)網(wǎng)站的主要內(nèi)容，是在網(wǎng)頁(yè)上獨(dú)立呈現(xiàn)文本的顯示效果的：
所用字體：瀏覽器默認(rèn)字體
Jackson 在他的網(wǎng)站中寫到：“文本是最網(wǎng)頁(yè)中最強(qiáng)大的工具”，用文本設(shè)計(jì)網(wǎng)頁(yè)本身并不是一件容易的事情，但是做的好了，用戶甚至不會(huì)意識(shí)到圖片的缺失。
總部設(shè)在哥本哈根的設(shè)計(jì)機(jī)構(gòu) B14 就使用了簡(jiǎn)單直白的文本內(nèi)容填滿了主頁(yè)，用來呈現(xiàn)他們的工作內(nèi)容：
所用字體：Maison Neue
一圖雖可勝千言，但是文本對(duì)于信息的控制其實(shí)更加準(zhǔn)確。
Joe Coleman 是一位自由撰稿人，他在自己的網(wǎng)站上僅使用文本來呈現(xiàn)內(nèi)容。這個(gè)網(wǎng)站的特點(diǎn)是借助交互性元素，以純文本的視覺設(shè)計(jì)和交互來吸引用戶。
所用字體：Work Sans
Max Kaplun 的作品集網(wǎng)站中，同樣是使用純文本來構(gòu)建視覺，不過他借助最簡(jiǎn)單的字符、字重和色彩變化來裝飾。
所用字體：自定義
等寬字體的功能性很強(qiáng)，在文字密集的場(chǎng)合常常會(huì)用到等寬字體，比如代碼，或者文章當(dāng)中。在現(xiàn)在看來，等寬字體本身有著一種復(fù)古的質(zhì)感，如今在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的流行和粗野主義的回歸不無關(guān)系。
Laurent Desserrey 設(shè)計(jì)了一套令人著迷的作品集網(wǎng)站，網(wǎng)站借助失控的效果和等寬字體創(chuàng)造出粗野的視覺效果。
使用字體：Space Mono
Run Your Mouth 這個(gè)網(wǎng)站也是同樣使用等寬字體來創(chuàng)造粗糲的質(zhì)感。
所用字體：Titling Gothic, Space Mono
使用高亮效果來構(gòu)建內(nèi)容的層次結(jié)構(gòu)也是不錯(cuò)的方式，這有助于訪客瀏覽、抓住關(guān)鍵的信息。
Godfrey Dadich 是一個(gè)來自舊金山的設(shè)計(jì)機(jī)構(gòu)，由于首頁(yè)上長(zhǎng)篇大論的內(nèi)容，為了讓用戶抓住重點(diǎn)，使用了熒光綠的高亮標(biāo)識(shí)。
所用字體：Noe 和 Atlas
康奈爾大學(xué)的網(wǎng)頁(yè)同樣使用熒光黃色來高亮關(guān)鍵詞，讓訪客注意到關(guān)鍵的文本。
所用字體：Freight Display + Theinhardt
將標(biāo)題或者關(guān)鍵性的文案拆分，在首屏上縱橫交錯(cuò)地排布也是近年來比較流行的玩法。這種排版方式不僅讓整個(gè)布局有更多留白，而且形式感更加強(qiáng)。
比如下面的這個(gè)網(wǎng)站，它是電影 Take What You Can Carry 的官方網(wǎng)站，電影的名字被拆分開單獨(dú)排版：
所用字體： DIN + Courier
而諸如設(shè)計(jì)機(jī)構(gòu) Elegant Seegulls 的網(wǎng)站，甚至使用了垂直滾動(dòng)這樣的實(shí)驗(yàn)性效果：
所用字體：Azo Sans + Capitolium 2
在創(chuàng)意機(jī)構(gòu) Magic People Voodoo People 的網(wǎng)站上，則在四角上使用了水平和垂直的文本來昭示它的名稱：
將單詞本身徹底打散成為單個(gè)字母，這種設(shè)計(jì)更為實(shí)驗(yàn)性。這種設(shè)計(jì)在視覺上有著獨(dú)特的風(fēng)格，不過在可讀性上相對(duì)而言就比較差了，這也是為什么將這種設(shè)計(jì)趨勢(shì)定義為實(shí)驗(yàn)性的，在具體設(shè)計(jì)的時(shí)候，應(yīng)該仔細(xì)衡量，再做選擇。
The Impossible Is Inevitable 是一個(gè)在莫斯科猶太人博物館所舉辦的展覽，展覽的名字是由浮動(dòng)的字母所構(gòu)建而成，在首頁(yè)上浮動(dòng)，需要稍微仔細(xì)分辨才能明白具體是哪幾個(gè)單詞。
分散的字母雖然并不是那么容易分辨，但是它們被細(xì)線貫穿在一起，有視覺線索，看似脆弱斷斷續(xù)續(xù)卻始終相連，并且充滿了探索感。
Octoplus Group 是一個(gè)通信機(jī)構(gòu)，他們的網(wǎng)站首頁(yè)就是借助這些小巧粗獷的字母來充當(dāng)導(dǎo)航元素。從品牌信息傳達(dá)和故事性的角度上來看，這種設(shè)計(jì)是非常有趣且有效的。
0
喜歡他，就推薦他上首頁(yè)吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)（CNDESIGN）會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有，任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處，作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版
豫 ICP 備16038122號(hào)-2
豫公網(wǎng)安備 41019702002261號(hào)