f2etw / f2e-notes

write down some notes together
198 stars 17 forks source link

https://www.onbrandgrader.com ,網站品牌力檢測 #90

Open afutseng opened 7 years ago

afutseng commented 7 years ago

OnBrand Grader

https://www.onbrandgrader.com/

OnBrand Grader is a free online tool, powered by Bynder, that grades your website against four criteria: consistency, message, visibility and accessibility.

案例分享

OnBrand Grader 檢測指標簡介

檢測網站的品牌力,分析 Consistency、Message、Visibility、Accessibility 四個指標

Consistency (一致性)

Consistency 是視覺品牌的骨幹,從色彩、文字、字體三個面向說明

Color 色彩

最好與 Logo 使用的色彩匹配,以 60-30-10 比例原則使用:標準色、輔助色 (擇幾種作為凸顯使用)

Text 文字

標準化文字大小,確保各級標題與內文大小有顯著差異

Font 字體

標題與內文可套用不同字體區別對比


Message 傳播力

Message 囊括品牌的一切,從互補色、標誌色、meta data 三個面向說明

Complementary Colors 互補色

互補色應與標誌色有顯著對比

Logo Colors

Logo 標誌裡的標準色、輔助色應運用於網站

Meta Information

標籤的內容應與網站內文相呼應


Visibility 知名度

Visibility 是品牌在網站與社群服務上的連結

Social Cards

各家社群服務的 meta tag 使用, 例如 Facebook 的 og:title。

Header Contrast 標題對比

各級標題與內文彼此應有明顯的大小對比以區分不同的內容增強可讀性

Color Temperature 色溫

色彩溫度能影響使用者對品牌的感知,確保網站圖片的色溫與主視覺一致,例如皆為冷色系或暖色系

Accessibility 親和力

衡量品牌於網站的可用性

Social Links 社群連結

增加社群服務的連結可令使用者易於在這些服務找到我們的品牌 (兩種即可於該項目拿滿分)

Domain Name 網域名稱

Privacy Policy 隱私權政策

參考資料:

https://www.facebook.com/abby.chiu.2/posts/1423920530952074 by Abby Chiu, Dec 28, 2016