close

白宮網站改版之深度剖析 -網上推廣


美國政府是一個品牌,當白宮易主,人們希望看到一些新東西。這不是換個招牌那么簡單,人們期待奧巴馬兌現競選時的諾言,雖然這一切需要時間,不過,人們已經從白宮網站的改版中看到了巨大的變化。本文對 新的白宮網站 進行剖析,并同布什時代的白宮網站做一對比,兩個政府的變化已經體現在新網站的設計,內容與技術當中。

視覺設計與版式

先看看布什時代的白宮網站(如下圖),使用了單一背景色,以及比較暗淡的配色,白色,淺灰,海軍藍。Logo 位于左上角,很顯眼,導航區占據了1/3 的頁面空間,還略有點 CSS 對齊問題。

 

現在的白宮網站,白宮的標志低調了很多,位于頁面主體內容之外,原先占據1/3空間的導航區不見了,而是大量使用了 jQuery 實現動態導航,jQuery 在菜單,Banner 圖片等場合被大量使用。

 

微妙的漸變色以及水洗效果被保留下來,不過,藍色變得更廣更深。還在鼠標盤旋菜單中引入了紅色元素。有趣的是,主導航條的左邊加了個小小的星條旗標志,是否在暗示競選期間的“星條旗胸章”之爭?

 

在頁面右上角,出現了郵件列表注冊框,那個“GET UPDATES” 按鈕的色調據說和奧巴馬的膚色是一樣的(美國人八卦起來也很無敵)。新設計中加入了一些古典元素,主背景中的五角星與建筑細節,以及頁腳上方的灰色總統章。

 

頁面側邊欄的配色和整個站點的配色呈現一致的低飽和度顏色,按鈕同樣適用咖啡色系,略呈漸變色。

 


arrow
arrow
    創作者介紹
    創作者 pagepe 的頭像
    pagepe

    pagepe的部落格

    pagepe 發表在 痞客邦 留言(0) 人氣()