【靈感來源】- 字型網站欣賞

這次要來介紹很棒又實用的網站,除了提供一個實例的網站參考,並且也可以參考該網站用了哪些字型

讓我們除了補充靈感之外,還可以學習如何在不同主題風格的網站上使用適合的字型唷!

網址: https://www.typewolf.com/


進入網頁後如下圖,可以直接依照新舊順序來預覽,或是點選該網站分類好的推薦名單

Free Resource 好康報報 Good Design 好站報報  - 【靈感來源】- 字型網站欣賞 - type-1


點進推薦列表後,整理了幾組類別的字型方便直接參考

Free Resource 好康報報 Good Design 好站報報  - 【靈感來源】- 字型網站欣賞 - type-2


以上大概了解的該網站歸類後,我們繼續來看其他的功能吧~

選定好我喜歡的字型,如下圖

Free Resource 好康報報 Good Design 好站報報  - 【靈感來源】- 字型網站欣賞 - tpye-3


點進去後,下圖標示

藍色部分是該網站預覽,標示紅色部分為該網站使用的字型

Free Resource 好康報報 Good Design 好站報報  - 【靈感來源】- 字型網站欣賞 - tpye-4


點進藍底標示的的實例參考網站,你可以先去觀看字型的呈現和用法

像下列字型是使用「Dala Floda」

Free Resource 好康報報 Good Design 好站報報  - 【靈感來源】- 字型網站欣賞 - tpye-5


點入紅色標示的 「Dala Floda」後,如下圖

Free Resource 好康報報 Good Design 好站報報  - 【靈感來源】- 字型網站欣賞 - tpye-

 

再點入上圖箭頭處後, 還會有該組字型不同的粗細和風格喔! (如下圖)

Free Resource 好康報報 Good Design 好站報報  - 【靈感來源】- 字型網站欣賞 - tpye-6

 

以上看完該網站的字型運用後,如果想要看更多相同字型的用法呢~

可以在進入紅色標示的字型頁面後,往下拉 (如下圖)

Free Resource 好康報報 Good Design 好站報報  - 【靈感來源】- 字型網站欣賞 - tpye-7

有列出同樣使用到「Dala Floda」字型的其他網站喔~

以上看完後,是不是覺得有一種是豁然開朗的感覺阿~原來字型也是一門很深奧的課題呢~

小編偷偷說:其實小邊看完後只有一種眼花撩亂頭暈暈的感覺~(深有同感的請舉起食指讚!)

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

posted in Free Resource 好康報報, Good Design 好站報報 and tagged , , , , , , , , , .

留言功能已關閉。