時下一種流行的設計方式是在頁面頂部使用配有簡潔文字的大幅圖片或者視訊,以此吸引多使用者進入網站。這種設計方式頭疼的就是如何為這些文字選擇合適的字型。
從樣式繁多的字型庫中找到一個合適的字型,往往會讓設計師感到舉步維艱。但是我們可以使用一些小技巧,就能找到我們需要的字型。讓我們透過下面幾個精彩的案列來分享這 5 條建議。
什麼是特排字型 (Display Type)
在開始之前,我們來了解下什麼是特排字型?(如果已知曉請直接跳到建議 1)
特排字型通常指是字號偏大,特別引人注目的文字,通常用於標題或需要放大顯示的文字。特排字型並不只是在網頁設計中使用,它源自於印刷設計師的一個術語。 (譯者: 更多說明參見 Display_type In Wiki)
特排字型主要應用於以下兩個方面:
1 、用於頁展示的網站名稱,例如 WalkWest(上圖)
2 、用於每個頁面的大標題,或者橫幅頁頭的標題。雖然作為標題使用的字型不如頁名稱的字型那樣巨大醒目,但卻更廣泛的被使用在網站中各個頁面上。
1 、具備可讀性
為了確保資訊傳遞的有效性,特排字型需要有良好的可讀性。這聽起來像是一句廢話,但實際上您會發現很多大標題閱讀困難的網站,這是因為現在有太多各式各樣的字型可以選擇。
關於如何選擇字型,沒有通用規則可言。襯線和無襯線表現能力同樣好,新奇的字型也能表現出理想的效果。
使用足夠大的字型,並有足夠多的留白,同時和其他的設計元素形成鮮明的對比,這樣文字就能躍然紙上。想象一下,如果這些文字蹦起來對多使用者尖叫到”READ ME” 是怎樣一種感覺,這正是特排字型需要傳達出來的效果。
2 、字型和單詞匹配
若不是親眼見證,您可能很難理解為什麼字型需要匹配單詞。
我是這樣理解的。有些單詞在某種特定的字型下會顯得很難看。這個很難去解釋。比如’s’ 在一個單詞裡面出現多次,整個字形就不太好看。這樣的情況還會發生在一些特殊字元上,比如%,$或& 。或者您選用的字型中 I,l,1 看起來是一樣的,而這三個字元又同時出現在頁面上,那麼這時候您得換個字型了。
文字需要能吸引人的眼球。這些單詞會讓人產生某種感受,或渾然天成或裝飾過度。如果您覺得一些字元的組合比較奇怪,那多使用者也會感覺到。
3. 設計更靈活
思考一下在您的專案中,您會怎麼使用特排字型。是否使用不同的層次和風格來建立正確的總體方案?您選擇的字型在輔助文字和主標題是否都表現出很好的效果?
您需要思考所有可能的使用場景,讓您選擇的字型擁有足夠的靈活度去適應不同使用方式。有些字型可以放大到超級大,用在只有一兩個單詞的標題上,效果是非常棒的,但如果您還想把同樣的字型用在小標題或輔助文字上,就比較困難。
如果選擇的字型能適應不同的場景,您就能較為輕鬆的完成設計,並且保持設計的一致性。如果您的設計需要更多的靈活性並且兼顧一致性,那麼可以考慮使用一個字型族。對於主標題使用粗體,次一級使用細一點的(也可以考慮用顏色來區別)。
特排字型將決定您帶給多使用者的印象。它影響多使用者是繼續瀏覽您的網站還是離開。
為了能完成這關鍵的一步,您要確保您的每一個詞易於閱讀,並配以合適的色調,同時避免您的設計干擾到多使用者,這樣才能取得成功。