|
字體
正文使用的是 Lucida Sans 字體，標(biāo)題用的是 Georgia。這些老式字體為網(wǎng)站增添了些許古典與懷舊傾向。由于 sans-serif 字體在 Web 上的可讀性，主要內(nèi)容的字體使用了 Arial，不過(guò)圖形化頁(yè)首的文字不太清楚，似乎是加粗的 Serif 字體，用的是老式傳單的字體風(fēng)格，小寫(xiě)的代詞，加全部大寫(xiě)的名詞。
網(wǎng)站結(jié)構(gòu)
從結(jié)構(gòu)上看，整個(gè)站點(diǎn)顯示了一種干凈的結(jié)構(gòu)，從上到下，從左到右的建構(gòu)。頁(yè)首部分的幻燈式新聞圖片帶來(lái)華麗的視覺(jué)感受，左邊關(guān)聯(lián)的文字內(nèi)容，可以讓低分辨率用戶(hù)，或使用代用瀏覽器（如屏幕閱讀器）的用戶(hù)在沒(méi)看到圖片之前就能理解圖片的意思。
在800x600屏幕分辨率下，屏幕上只會(huì)顯示到那個(gè)藍(lán)色的內(nèi)容標(biāo)題，在這個(gè)分辨率下，頁(yè)面并不左右滾動(dòng)，但新聞標(biāo)題部分就成了視覺(jué)的焦點(diǎn)。
新聞區(qū)域的下方，是三欄結(jié)構(gòu)，分別為 Blog, 搜索與 Agenda，以及一個(gè)視頻區(qū)域。
易用性與可訪問(wèn)性
網(wǎng)站的易用性方面似乎走了不少?gòu)澛�，那個(gè)搜索框位于新聞區(qū)三欄結(jié)構(gòu)的中間，使用的都是淺灰配色，很難被發(fā)現(xiàn)。右上角的郵件列表注冊(cè)倒是很顯眼，不過(guò)，那似乎應(yīng)該是搜索框的位置。
文字的縮放可以正確地進(jìn)行，不過(guò)主導(dǎo)航條是圖片式的，這個(gè)縮放不了，但下拉菜單以及后面的頁(yè)腳部分的文字都可以正確的縮放（當(dāng)然在 IE6 中不行 -譯者）。考慮到白宮網(wǎng)站的訪問(wèn)之廣泛，如果對(duì)讀屏軟件更友好一些會(huì)更好，目前，主導(dǎo)航條的下拉菜單是無(wú)法被讀屏軟件讀取的，其頁(yè)腳部分的鏈接也要等整個(gè)頁(yè)面全部完成后才會(huì)讀到。
網(wǎng)站中的圖片也做了很好的優(yōu)化，雖然對(duì)撥號(hào)用戶(hù)來(lái)說(shuō)，不是問(wèn)題，不過(guò)如果能提供一個(gè)純文字版，也許會(huì)更好地實(shí)現(xiàn)可訪問(wèn)性。
能否通過(guò)驗(yàn)證？
恐怕不成。在 CSS2.1 驗(yàn)證測(cè)試中，有41處錯(cuò)誤和1840個(gè)警告。
不過(guò)，從感官來(lái)說(shuō)，新網(wǎng)站有了很大的改觀，所使用的技術(shù)，風(fēng)格都顯示出美國(guó)政府正在努力改觀其品牌形象與透明度，新的白宮網(wǎng)站走向一種新的，良好的設(shè)計(jì)路線(xiàn)。
原文作者
Katie Kelly 白天做 Web 前端開(kāi)發(fā)設(shè)計(jì)，晚上沉迷于視頻游戲。15年的經(jīng)驗(yàn)讓她欣賞干凈的代碼，友好的內(nèi)容，以及客戶(hù)導(dǎo)向的電子商務(wù)。在不和怪獸作戰(zhàn)的時(shí)候，她在自己的網(wǎng)站 mediapyre 寫(xiě)一些 ASP.NET 設(shè)計(jì)方面的文章。
本文國(guó)際來(lái)源：http://www.smashingmagazine.com/2009/02/01
中文翻譯來(lái)源：COMSHARP CMS 官方網(wǎng)站
經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2908981-1-1.html
本文鏈接：http://www.95time.cn/design/doc/2009/6400.asp 
出處：銳商企業(yè)CMS
責(zé)任編輯：bluehearts
上一頁(yè) 白宮網(wǎng)站改版之深度剖析 [1] 下一頁(yè)
|
第 1 頁(yè) 
第 2 頁(yè) 白宮網(wǎng)站改版之深度剖析 [2]
