hsinyusun的部落格

這裡我們就用Yahoo!網頁的實例來看看，哪些視覺元素的統整，能表現一個品牌的感觀形象

1. 視覺規格：
   跟品牌規範相關的
   代表品牌的色盤，有核心色彩與搭配應用色
   建基於良好設計傳統的規格跟標準
   減少重覆創造的循環
   
2. 系統化：
   品牌元素在網頁使用上的延伸
   盡可能有系統地發展
   有彈性是很重要的
   能夠應用到產品的各個地方是很重要的
   

• 色盤(color palette)

• 網格系統(Grid Kit)：組成頁面模組的基礎架構

• 跨網頁的整套圖示(Network Suite of Icons)：一致的造型，但可因服務需求改變色彩與質感的圖示，讓使用經驗一致，但又符合頁面樣式

• 模組標籤(Module Tabs)：Pointer tabs的樣式

實際的案例

• Yahoo!Tech
  Yahoo! color palette
  Yahoo! tabs
  Yahoo! rounded corners
  Font sizes
  Ratings
  Header
  Underlying page grid

• Yahoo!Photo 3.0
  Yahoo! color palette
  Yahoo! rounded corners
  Font sizes
  Header
  Underlying page grid

• Yahoo!Podcasting
  Yahoo! color palette
  Yahoo! tabs
  Yahoo! rounded corners
  Font sizes
  Ratings
  Header
  Network Suite of Icons

• Yahoo!Health
  Yahoo! color palette
  Module tabs pattern
  Yahoo! rounded/square corners
  Font sizes
  Header
  Underlying page grid

• Yahoo!Mobile
  
• Yahoo! color palette
  Yahoo! tabs
  Yahoo! rounded corners
  Font sizes
  call to action buttons(get it!)
  Header