這種字體介紹網站大家應該不陌生吧？

最早可以追溯到大約8~10年前，IBM 為自家字體做了一個專屬網站，可以針對字體調整字重、字距、行距等樣貌，透過單頁式的設計塑造這個字體給人的視覺形象，這個方向在當時真的算是很超前的概念。

我看到這個網站的時候，馬上想到這段歷史，但它把這件事做得更活潑，更有個性。 

■ 視覺設計手法

單頁式滾動設計：隨著滑鼠滾動，畫面字體會和使用者產生直接的互動 把字體的多種型態應用在不同的頁面元素上，讓整個字體有完整的視覺形象。

整體設計走可愛活潑路線，裡頭有蠻多動畫穿插其中 讓我想到 Risograph 印刷的疊加效果，那種有點顆粒感的視覺質地。

■ 有趣的小細節

頁面最下方有一條類似時間軸的 bar，根據你的滾動進度顯示閱讀位置 同時會標示你現在讀到哪個區塊。
bar的右側功能欄可以直接購買字體、測試字體、或聯絡作者，功能整合得很乾淨

■ 觀察與延伸思考

動畫的運用蠻豐富，但目前偏向持續動態或是GIF動圖的裝飾性，這比較可惜...

如果把這些動畫轉成真正的互動行為讓字體展示頁面做到「可以玩」這個程度，應該可以達到更意想不到的有趣效果！