国政府是一个品牌，当白宫易主，Z希望看到一些新东西。这不是换个招牌那么单，Z期待奥巴马兑现竞选时的诺aQ虽然这一切需要时_不过Qh们已l从白宫|站的改版中看到了巨大的变化。本文对新的白宫|站q行剖析Qƈ同布什时代的白宫网站做一Ҏ(gu)Q两个政府的变化已经体现在新|站的设计，内容与技术当中?/p>
视觉设计与版?/h3>
先看看布什时代的白宫网站（如下图）Q用了单一背景Ԍ以及比较暗E的配Ԍ白色Q浅灎ͼ军蓝。Logo 位于左上角，很显|D区占据了1/3 的页面空_q略有点 CSS 寚w问题?/p>
现在的白宫网站，白宫的标志低调了很多Q位于页面主体内容之外，原先占据1/3I间的导航区不见了，而是大量使用?jQuery 实现动态导航，jQuery 在菜单，Banner 囄{场合被大量使用?/p>
微妙的渐变色以及水洗效果被保留下来，不过Q蓝色变得更q更深。还在鼠标盘旋菜单中引入了红色元素。有的是，d航条的左边加了个小的星条旗标志Q是否在暗示竞选期间的“星条旗胸?rdquo;之争Q?/p>
在页面右上角Q出C邮g列表注册框，那个“GET UPDATES” 按钮的色调据说和奥巴马的肤色是一LQ美国h八卦h也很无敌Q。新设计中加入了一些古典元素，主背景中的五角星与徏{细节，以及脚上方的灰色ȝ章?/p>
面侧边栏的配色和整个站点的配色呈现一致的低饱和度颜色Q按钮同样适用咖啡色系Q略呈渐变色?/p>
字体
正文使用的是 Lucida Sans 字体Q标题用的是 Georgia。这些老式字体为网站增M些许古典与怀旧們。由?sans-serif 字体?Web 上的可读性，主要内容的字体用了 ArialQ不q图形化首的文字不太清楚，g是加_的 Serif 字体Q用的是老式传单的字体风|写的代词，加全部大写的名词?/p>
|站l构
从结构上看，整个站点昄了一U干净的结构，从上CQ从左到右的建构。页首部分的qȝ式新d片带来华丽的视觉感受Q左边关联的文字内容Q可以让低分辨率用户Q或使用代用览器（如屏q阅dQ的用户在没看到囄之前p理解囄的意思?/p>
?00x600屏幕分L率下Q屏q上只会昄到那个蓝色的内容标题Q在q个分L率下Q页面ƈ不左x动，但新L题部分就成了视觉的焦炏V?/p>
新闻区域的下方，是三栏结构，分别?Blog, 搜烦?AgendaQ以及一个视频区域?/p>
易用性与可访问?/h3>
|站的易用性方面似乎走了不弯路，那个搜烦框位于新d三栏l构的中_使用的都是浅灰配Ԍ很难被发现。右上角的邮件列表注册倒是很显|不过Q那g应该是搜索框的位|?/p>
文字的羃攑֏以正地q行Q不q主D条是囄式的Q这个羃放不了，但下拉菜单以及后面的脚部分的文字都可以正确的羃放（当然?IE6 中不?-译者）。考虑到白宫网站的讉K之广泛，如果对读屏Y件更友好一些会更好Q目前，d航条的下拉菜单是无法被读屏Y件读取的Q其脚部分的链接也要等整个面全部完成后才会读到?/p>
|站中的囄也做了很好的优化Q虽然对拨号用户来说Q不是问题，不过如果能提供一个纯文字版，也许会更好地实现可访问性?/p>
能否通过验证Q?/h3>
恐怕不成。在 CSS2.1 验证试中，?1处错误和1840个警告?/p>
不过Q从感官来说Q新|站有了很大的改观，所使用的技术，风格都显C出国政府正在努力改观其品牌Ş象与透明度，新的白宫|站走向一U新的，良好的设计\Uѝ（|站Q?/p>