DIV CSS 佈局教程網

一直以來，我深信yahoo的網頁設計是很棒的。但是，我的確說不出具體的理由，因為實在有太多的網站比它好看得多。我之所以覺得它好，是因為它是世界第一大站，它手下有無數世界級的設計師，這種設計是厚積薄發的結果。所以，對yahoo設計的認同，其實是一種對權威的盲目敬畏。我們的身邊還有很多類似的網站。

當04，05年web標准化思想傳入中國的時候，我開始真正關心網頁的代碼實現。而之前，完全是fireworks和photoshop在幫我做這些事情。隨著認識的深入，發現原來網頁設計可以這麼輕盈優雅，自由靈活，這種想法從擯棄table布局開始。這個時候再看yahoo的網站，終於可以感受到它的精彩。

再晚些，ajax的引入，用戶體驗這個詞開始在業內開始傳播，web從業者又開始新的一輪頭腦風暴，對web的理解從好看上升到好用這個層次來。這個時候再看yahoo，發現以前一些從來沒有注意的細節，在無形中為我提供方便，而這些正是設計師們嘔心瀝血的設計。這個時候再回頭想想以前對於yahoo的理解，其實是膚淺的。

到現在，對用戶體驗的認識其實還是膚淺的，雖然這個詞像蛋炒飯一樣平常了，但其實真正理解的人還很少。而我，甚至一直錯誤地認為它只是一種設計後的修飾工作。直到前些天，看到《用戶體驗的要素》提出的用戶體驗模型，將用戶需求、功能、信息架構、視覺設計都歸屬到用戶體驗。這個時候，用戶體驗的概念才逐漸清晰。但同時，對網頁設計認識的膚淺也暴露無遺。

圖片應該更能說明問題：

圖中我們可以看到，以前最被我們關心的視覺設計其實是位於最高層。而底層的用戶需求、信息架構等才是根本。如果底層沒有打好，再好看的網頁也只是花架子。而這方面內容現在基本是空白，有的也只是一些零散的、不成熟的片斷。更重要的是，這些內容有很大的差異性，不像web標准的理念，放之四海皆准。認識這些內容的存在，只是概念上的接受，別人的方法，也只能是一個參考。真正在實際中去迭代認識，還需要一個漫長的過程，否則只能是紙上談兵。

與國外網頁設計的差距，不管在哪方面，都是比較大的。但目前看來，最大的距離可能是在用戶體驗的底層。就是用戶需求分析、信息架構這些內容。千鳥說和國外的差距大概有5年，你可能不同意，但是你看看Case Digital Web Redesign，看看人家2002年的水平，再對比你現在的水平，你會發現5年的差距是有道理的。