Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
afutseng opened this issue Dec 29, 2016 · 0 comments
Open

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

afutseng opened this issue Dec 29, 2016 · 0 comments

Comments

@afutseng
Copy link

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 網域名稱

  • 與網站的品牌名稱相呼應
  • 應小於 14 個字元

Privacy Policy 隱私權政策

  • 網站俱備 SSL 安全憑證
  • 應有隱私權政策連結

參考資料:

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants