網頁必備-《Stylify Me》線上分析網站配色基準與字型設定

梅問題-網頁必備-《Stylify Me》線上分析網站配色與字型設定
  雖然說只要透過CSS,就可快速的了解網站的樣式設定,但有時候網站的配色,則不是透過CSS就能快速的看出來,這時不妨可試試Stylify Me這個線上服務,只要將喜歡的網站網址,輸到輸入框後,立即就會分析出,該網站的配色風格,就有點像是CIS中的標準色一樣,透過這些標準色,更容易了解整個網站的配色原則,除此之外該網站還會分析出,網站使用的字型與色彩,最後還可將這些資訊下載成PDF檔,便於自己留檔日後可作為自己配色的素材,因此若對配色沒概念的朋友,不妨也可參考一下囉!

Stylify Me:
網站名稱:Stylify Me
網站網址:http://stylifyme.com/

Step1
進入Stylify Me的官網後,將要分析的網站的網址,填到輸入框中,再按Stylify Me鈕。
梅問題-網頁必備-《Stylify Me》線上分析網站配色與字型設定
Step2
過一回後,就會將該網站的主色調列表出來,如此一來就可快速的了解網站的配色基礎。
梅問題-網頁必備-《Stylify Me》線上分析網站配色與字型設定
Step3
甚至還有字型與字級大小。
梅問題-網頁必備-《Stylify Me》線上分析網站配色與字型設定
Step4
最後還可將它下載回來。
梅問題-網頁必備-《Stylify Me》線上分析網站配色與字型設定
Step5
而下載回來則是一份PDF檔,方便收藏與參考。
梅問題-網頁必備-《Stylify Me》線上分析網站配色與字型設定

相關文章

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

CSS教學-CSS選擇器套用樣式的優先權順序

CSS教學-CSS選擇器套用樣式的優先權順序

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

近期講座

近期講座

更多講座