網頁必備-《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》線上分析網站配色與字型設定

相關文章

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

「Mobirise」不懂網頁語法,拖拉就可完成精美、酷炫的RWD網頁工具

「Mobirise」不懂網頁語法,拖拉就可完成精美、酷炫的RWD網頁工具

「Animate.css」讓Boostrap導覽列的下拉選單動起來

「Animate.css」讓Boostrap導覽列的下拉選單動起來

MAC專用的網頁壓縮器「Smaller」可合併多個CSS、JS檔案並壓縮

MAC專用的網頁壓縮器「Smaller」可合併多個CSS、JS檔案並壓縮





回應本篇 »

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

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