選擇合適字體的5條建議

時下一種流行的設計方式:在頁面頂部使用配有簡潔文字的大幅圖片或者視頻,以此吸引用戶進入網站。這種設計方式最頭疼的就是如何為這些文字選擇合適的字體。

如何從樣式繁多的字體庫中找到一個合適的字體?這往往讓設計師感到舉步維艱。也許運用如下這些小技巧能夠幫助我們找到需要的字體。讓我們通過下面幾個精彩的案例,來分享這5條建議吧。

特排字體(Display Type)

我們先來了解下什么是特排字體(Display Type)?

(walkwest.com)

特排字體通常指是字號偏大,特別引人注目的文字,通常用于標題或需要放大顯示的文字。特排字體并不只是在網頁設計中使用,它源自于印刷設計師的一個術語。(譯者:預知更多詳見 Display_type In Wiki)

特排字體主要應用于以下兩個方面:

用于首頁展示的網站名稱,例如:WalkWest

用于每個頁面的大標題,或者橫幅頁頭的標題。作為標題使用的字體雖然不如首頁名稱的字體那樣巨大醒目,但卻更廣泛的被使用在網站中各個頁面上

1、具備可讀性

為了確保信息傳遞的有效性,特排字體需要有良好的可讀性。這聽起來像是一句廢話,但實際上你會發(fā)現(xiàn)有很多大標題閱讀困難的網????站這是因為現(xiàn)在有太多各式各樣的字體可以選擇。

(madebyaugust.com)

如何選擇字體,目前并沒有一種通用規(guī)則可言。襯線和無襯線表現(xiàn)能力同樣好, 新奇的字體也能表現(xiàn)出理想的效果。

使用夠大的字體,足夠的留白,使其與別的設計元素有一種鮮明的對比,文字恍如躍然紙上。想象一下,如果這些文字蹦起來對用戶尖叫到"READ ME"是怎樣一種感覺,這正是特排字體需要傳達出來的效果。

2、字體和單詞匹配

若不是親眼見證,你可能很難理解為什么字體需要匹配單詞。

(godaytrip.com)

關于這一點,我是這樣理解的。有些單詞在某種特定的字體下會顯得很難看,這個很難去解釋。比如:'s' 在一個單詞里面出現(xiàn)多次,整個字形就顯得不太好看。這種情況同時還會發(fā)生在一些特殊字符上,比如:%、$ 或 &?;蛘吣氵x用的字體中 I、l、1 區(qū)別不大,而又同時出現(xiàn)在頁面上,這時候你就得換個字體了。

文字能夠吸引人的眼球,這些單詞會讓人產生某種感受,或渾然天成或裝飾過度。如果你覺得字符的組合方式比較奇怪,同樣用戶也會有相同的感覺。

3、設計更靈活

思考一下在你的項目中,你會怎么使用特排字體?是否使用不同的層次和風格來建立正確的總體方案?選擇的字體在輔助文字和主標題是否都表現(xiàn)出很好的效果?

(nordhouse.com.au)

你需要思考所有可能的使用場景,讓你選擇的字體擁有足夠的靈活度去適應不同使用方式。有些字體用在只有一兩個單詞的標題上可以放大到超級大,這產生了很棒的效果。但如果你還想把同樣的字體用在小標題或輔助文字上,就比較困難。

如果選擇的字體能適應不同的場景,你就能較為輕松的完成設計,并且保持設計的一致性。如果你的設計需要更多的靈活性并且兼顧一致性,那么可以考慮使用一個字體族,并對主標題使用粗體,次一級使用細體(也可以考慮用顏色來區(qū)別)。

4、謹慎使用細體

有一個大家經常討論的問題:特排字體使用細體很難表現(xiàn)出需要的效果。

(dunlopbuilders.co.nz)

細小的字體有時候可以表現(xiàn)的很驚艷,也有設計師能把它設計的很漂亮,但是大部分情況下都不能展現(xiàn)出那么好的效果。

想象一下,你在一臺27英寸的顯示器上設計一段細體文字(也許你正在做。。。),接著在平板或者手機上來看,你覺得效果會是什么樣?是否還是具備可讀性?

蘋果在 iOS7 上就犯過這個錯,當時很多用戶抱怨 iOS7 上的字體太細,以至于很多文字都難以閱讀。在接收到用戶的這些反饋后,蘋果在后續(xù)的版本中就采用了粗一點的字體。

5、考慮下圖片內容

知道在什么樣的圖片或視頻上使用這些文字也是一個非常重要的環(huán)節(jié)。如果圖片或視頻的內容和后續(xù)設計傳達的信息不一致,就算使用了世界上最美的字體整天呈現(xiàn)上也會顯得怪異。

(iluvmagpie.com)

對比度也是一個很重要的因素,特別是在視頻中深色和淺色的部分是會移動的。文字就需要設計在易識別的背景遮罩層上。

越來越多的設計師開始選擇純色作為背景,將文字突出成為了頁面上最主要的元素。這是一個很有趣的趨勢,也讓我們見識了很多亮眼又大膽的網頁設計。如果你對你的文字設計很滿意,不妨就用純色背景來突顯它們。

在純色背景上我們使用粗體的特排字體,能非常有效的讓用戶關注到文字本身,顏色能將用戶的注意力吸引到你想描述的內容上。這樣一組綜合了多種字體樣式的文字,幾乎可以適應從高亮顏色到極簡黑白的任何配色方案。最重要的事情是你需要選擇一種非常迷人的字體!

小結

特排字體將決定網站帶給用戶的第一印象,它影響用戶是繼續(xù)瀏覽你的網站還是離開。

為了能完成這關鍵的一步,你要確保你的每一個詞易于閱讀,并配以合適的色調,同時避免你的設計干擾到用戶,這樣才能取得成功。

本文作者:曾真(點融黑幫),現(xiàn)就職于點融網工程部 DDC 團隊,愛貓的設計師一枚。

原文地址:https://designshack.net/articles/graphics/choosing-the-right-display-typeface-5-tips-for-success/

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,023評論 25 709
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,135評論 1 92
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,262評論 4 61
  • Ajax教程異步 vs 同步
    _chuuuing_閱讀 180評論 0 0
  • 仙界之西有一湖,湖水之清澈,卻不見游魚,風景之秀美,卻不見卻不見來人,湖水不遠處的石碑也顯得有些老久,但上面的字卻...
    六月申閱讀 1,428評論 3 15

友情鏈接更多精彩內容