推薦：我們還需要“面包屑”嗎？
前幾天看了Angela寫(xiě)的論“面包屑”的倒掉，感覺(jué)她的分析很多地方我還是比較贊成的，談到了“面包屑”的一些缺點(diǎn)和弊病，但因此就說(shuō)“面包屑”應(yīng)該倒掉，我

　　在潑水之前想一想
　　
　　作為網(wǎng)頁(yè)設(shè)計(jì)師，我們已經(jīng)塑造了自己的形象，我們面對(duì)用戶的需求時(shí)簡(jiǎn)直就是瞎子。我們所能做好的事情就是去猜測(cè)他們可能的需求，并滿足每一層次的需求，盡可能給他們最好的用戶體驗(yàn)。這就是Progressive enhancement起作用的地方——我們需要考慮每一個(gè)層次的需求并考慮如何滿足他們。

　　第一層：不要多余的裝飾

　　有一些用戶只想閱讀內(nèi)容。他們可能在使用移動(dòng)設(shè)備，想要打印一些信息，或用一些附注設(shè)備瀏覽web——他們甚至有可能關(guān)閉了圖像功能。讓你的標(biāo)簽清楚、良構(gòu)和有語(yǔ)義對(duì)這些用戶來(lái)說(shuō)是十分要害的。他們想要的是輕量的，快速下載的、不分散注重力的頁(yè)面。

　　第二層：漂亮

　　有一些用戶想要有一點(diǎn)窗花或者是一片檸檬。為這些用戶，你可以提供一個(gè)設(shè)計(jì)美觀，布局良好的網(wǎng)站。你甚至可以添加一些花朵或者是一點(diǎn)Flash特效來(lái)取悅用戶。只要你的設(shè)計(jì)沒(méi)有打亂頁(yè)面內(nèi)容的優(yōu)先級(jí)，在瀏覽器測(cè)試中留心一些，再提供其他設(shè)備的CSS，你就應(yīng)該贏得金牌。

　　第三層：盡情發(fā)揮(Make it sing)

　　有一些用戶可能希望全部功能，對(duì)于這些用戶，你可以全力以赴地構(gòu)造一個(gè)“Web2.0，哦我的天啊”體驗(yàn)的站點(diǎn)(Web 2.Oh-my experience),黃的褪色、滑動(dòng)widget、還有Ajax，能用的全都用上。

　　不過(guò)別忘了，層次劃分的并不那么清楚。你可能要支持一個(gè)介于一、二層之間的中間層，給Netscape4.0和IE5/Mac提供一些基本的打印樣式和顏色�；蛘吣憧赡芸紤]給支持JS的瀏覽器添加一些JS改進(jìn)，在二層和三層之間加點(diǎn)奶油果仁。

　　默默地行動(dòng)

　　一旦你確定了粗略的層次，你就可以開(kāi)始構(gòu)建你的網(wǎng)站了。

　　從內(nèi)容開(kāi)始。有時(shí)設(shè)計(jì)師和開(kāi)發(fā)人員忘記了這才是人們?cè)L問(wèn)站點(diǎn)的原因。把它雕琢地可讀，并且在呈現(xiàn)給用戶的時(shí)候，要盡量減少分散注重力的事物，就像擺放地很好的一道菜；別像自助餐一樣把東西簡(jiǎn)單地堆積到一起。你在內(nèi)容上下了大工夫……突出這一點(diǎn)。

　　調(diào)整完內(nèi)容之后，你就可以開(kāi)始確立網(wǎng)站的外觀和感受了。使用你把握的各種技巧，定義站點(diǎn)樣式以滿足每一層的用戶；對(duì)老版本的瀏覽器隱藏一些CSS文件，給需要非凡照顧的瀏覽器一些專有的處理。條件注釋在這一領(lǐng)域內(nèi)已經(jīng)十分流行，但是看看老的@import和特定的媒質(zhì)組合，它答應(yīng)你有選擇性地給老式的瀏覽器提供一些非凡照顧。

　　一定要考慮內(nèi)容在打印設(shè)備和移動(dòng)設(shè)備上的呈現(xiàn)方式。你給他們提供了專用布局或是基本印刷排版和色彩調(diào)整嗎？你如何處理圖像？表格？試著猜測(cè)以下一個(gè)手機(jī)用戶會(huì)想要哪些功能，然后再刪除冗余以簡(jiǎn)化體驗(yàn)。假如你設(shè)置:hover的樣式屬性，被忘了給:focus定義同等的考慮，鍵盤和手機(jī)用戶會(huì)為此感謝你的。

　　一旦設(shè)計(jì)綜合起來(lái)，添加一點(diǎn)聰明的JS。你已經(jīng)知道利用對(duì)象和方法偵測(cè)的方法來(lái)確定一個(gè)腳本是否可以在用戶的瀏覽器中運(yùn)行了。但是考慮以下你的腳本如何與收藏夾和后退按鈕等常見(jiàn)的瀏覽器接口相交互。而且不要忘記了腳本間的依靠性。假如一個(gè)腳本工作而另一個(gè)不工作，你的網(wǎng)站會(huì)不會(huì)不可用了呢？

　　假如你在制作一個(gè)widget或其他的界面控件，添加一些額外的標(biāo)簽，只要你希望widget運(yùn)行的時(shí)候，其他的情況能保持一切正常。假如你把 widget相關(guān)的CSS從JS中分離出來(lái)以標(biāo)準(zhǔn)化時(shí)，確定CSS在腳本只是widget可運(yùn)行以前是未被激活的。一個(gè)好的辦法就是使用類名替換(見(jiàn)表 1)。

　　最后，假如你計(jì)劃使用Ajax，一定要謹(jǐn)慎。用Ajax讀取頁(yè)面的所有內(nèi)容是完全不必要的；他會(huì)成為用戶和你的內(nèi)容之間的一塊擋路石。而且，它還會(huì)增加服務(wù)器開(kāi)支，讓你的內(nèi)容不能被搜索引擎收錄，使你的網(wǎng)站對(duì)那些使用屏幕閱讀器和大多數(shù)的手機(jī)用戶不可用。

　　別誤會(huì)我，Ajax有用武之地，但是重要的是一定要了解Ajax應(yīng)該用在何處，更重要的是知道哪里不能用。

　　總結(jié)為一條

　　仔細(xì)地猜測(cè)用戶的需求并，且盡可能不引起注重地解決這些需求是最可能留下良好印象的。就似乎水杯一樣，你的用戶永遠(yuǎn)都不應(yīng)該需要招呼服務(wù)員來(lái)倒水。

分享：[總結(jié)]2007年網(wǎng)站設(shè)計(jì)的風(fēng)格
06年網(wǎng)頁(yè)設(shè)計(jì)在web2.0的影響下呈現(xiàn)出一些特點(diǎn)，漸變使用，希奇的名字（del.icio.us），對(duì)角背景的運(yùn)用（stumbleupon）,大字體和像素字體的使用，logo倒影。在過(guò)