Top 5 字型及其用法

weixin_34148340發表於2017-11-15

世界上有兩種人，愛讀書的人，不愛的人。無論如何，這個時代的內容仍然是王。

然而，如果不能很好地呈現，那麼好的內容就沒有意義。如今，如此多的網頁設計向文字妥協，併成為排版中打出正確的標誌是整體網站成功的關鍵因素。

數字是一個非常有活力的平臺，我們必須接受內容不斷變化。與印刷不同，網頁設計沒有自由定義字母之間的空間。

字型對使用者有著深刻的心理影響，這裡列舉了6個全球範圍內網頁設計的偉大排版例項，也是文字永遠不會無聊的完美例子！

1. Poppins

來源：Google Fonts

字型連結:

https://fonts.google.com/specimen/Poppins

案例：http://zipl.pro/,http://www.nerval.ch/apollo_11/,http://theisbothmann.com/http://www.kikk.be/2016/

推薦用於：模組化和mini網站

描述：Poppins是Geometric sans serif字型之一，是網站設計流行的工具。每個字母幾乎是單線性的，在需要保持平版印刷顏色的情況下，將光學校正應用於筆畫關節。

2. Open Sans

來源：Google Fonts

字型連結:

https://fonts.google.com/specimen/Open+Sans

案例：

http://gravity-theme.site/( Company, Corporate and Product websites)

推薦用於：標準的外觀 - 正式的感覺

描述：Open Sans對於Raleway，Brandon Grotesk，Montserrat，Lato等許多字型來說都是非常好的一對。它在瀏覽器上渲染精美，可讀性好。

3. Montserrat

來源：Google Fonts

字型連結:

https://fonts.google.com/specimen/Montserrat

案例：

http://www.dangblast.com/,http://hansonwu.com/howtoordereggs/#/

推薦用於：有趣的網站，它創造了一個雄偉而有趣的外觀

描述：這個字型有三個變種，喚起了20世紀初的現代主義風格，然而，比起Futura，它感覺不太正式。Montserrat所有大寫字母細節都很漂亮，同時字母的幾何形狀很簡單。小寫字母也是是一個相當不錯的字母，有一個很好的X高度和比Arial或Helvetica更多的字元。

4. Playfair Display

來源：Google Fonts

字型連結:

https://fonts.google.com/specimen/Playfair+Display

案例：

http://adrien-heury.net/designers-checklists/http://mondaymusic.es/en,https://www.craftedbygc.com/https://hoodzpahdesign.com/

推薦用於：基本上是一個適合所有網頁，並創造信任的感覺。它可以用於模組化以及傳統網站。

描述：它是一種襯線字型，有著美麗的曲線和圓潤的拐角，適合傳統和現代的網站。設計受到十八世紀中後期字型的影響，如Baskerville。對於title和headline（特別是斜體）來尤為適合，這是一個很好的字型，但是，對於長時間的字型複製，較小的寬高比可能會妨礙可讀性，特別是在較小尺寸的情況下使用。