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

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

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

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


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

Dreamweaver 網頁設計 Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【靈感來源】- 字型網站欣賞 - type-1


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

Dreamweaver 網頁設計 Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【靈感來源】- 字型網站欣賞 - type-2


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

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

Dreamweaver 網頁設計 Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【靈感來源】- 字型網站欣賞 - tpye-3


點進去後,下圖標示

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

Dreamweaver 網頁設計 Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【靈感來源】- 字型網站欣賞 - tpye-4


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

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

Dreamweaver 網頁設計 Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【靈感來源】- 字型網站欣賞 - tpye-5


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

Dreamweaver 網頁設計 Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【靈感來源】- 字型網站欣賞 - tpye-

 

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

Dreamweaver 網頁設計 Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【靈感來源】- 字型網站欣賞 - tpye-6

 

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

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

Dreamweaver 網頁設計 Free Resource 好康報報 Good Design 好站報報 Photoshop 影像設計  - 【靈感來源】- 字型網站欣賞 - tpye-7

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

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

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

當您對本文有任何問題或指教,歡迎到我們的【飛肯粉絲團】一起交流討論喔!

posted in Dreamweaver 網頁設計, Free Resource 好康報報, Good Design 好站報報, Photoshop 影像設計 and tagged , , , , , , , , , .

迴響已被關閉。