最近對uuzone進(jìn)行refactor, 除了代碼的重構(gòu)，項(xiàng)目的UI, look&feel都做了不少調(diào)整：
* 大幅度簡化了CSS和HTML代碼，雖然我們從2004年11月就把站點(diǎn)完全切換為完全靠CSS來定義樣式的結(jié)構(gòu)，但畢竟過去對css的理解還太膚淺，因此導(dǎo)致css代碼非常臃腫，html代碼的結(jié)構(gòu)也“臭不可聞”（你可以看看源代碼，那些有多丑）
* 采用開發(fā)/任務(wù)為主導(dǎo)的頁面UI設(shè)計(jì), 而不是美工主導(dǎo)的UI設(shè)計(jì)。 一個(gè) 不好用的東西，再漂亮又有什么用？ 而且現(xiàn)在的風(fēng)格趨向是簡單，而KISS(Keep It Simple, Stupid) 一直是設(shè)計(jì)界的最高境界。 美工主導(dǎo)的設(shè)計(jì)還有一個(gè)弊病是美工對代碼和程序不夠了解，而開發(fā)人員由于不需要對最終美化負(fù)責(zé)而被“慣”壞了變得越來越不重視樣式風(fēng)格
我們在優(yōu)化的過程中，參考了大量的國內(nèi)外優(yōu)秀站點(diǎn)。 其中看到這篇文章對我們的啟發(fā)很大：http://www.webdesignfromscratch.com/current-style.cfm
這篇文章的作者概括了目前流行的一些web 2.0風(fēng)格的站點(diǎn)的一些流行元素：
大部分采用css來控制的簡單2欄或3欄結(jié)構(gòu)，甚至是1欄的。 沒有人再用table來控制layout.
3D效果，但保守地使用（不是太重和累贅）。
淡淡的倒影，幾乎是web 2.0站點(diǎn)的流行裝飾:
醒目的爆炸形logo...甚至有篇文章說，站點(diǎn)上要沒有這個(gè)爆炸型logo就不算web 2.0 :)
淡背景色。
強(qiáng)色調(diào)。 看到odeo的時(shí)候這種紅色沖擊非常明顯
很cool的圖標(biāo)， 往往很吸引人，但不能濫用
頁面比較松散，很多空隙。 我認(rèn)為這也會(huì)是一個(gè)趨勢，因?yàn)橛脩舻钠聊环謩e率越來越大， 太緊湊給人壓迫感。所以最新的這些站點(diǎn)往往空白很大：
大字體。 可惜中文字體大一些后會(huì)有些難看，在英文站點(diǎn)里，大字體漂亮而且醒目，是不錯(cuò)的設(shè)計(jì)。 我相信這也是因?yàn)橛脩舻钠聊环謩e率越來越大而帶來的必然趨勢。
給大家看看我們新的設(shè)計(jì)的一角， 的確借鑒了本文總結(jié)的很多思想：
還看到一篇文章說了目前web 2.0的很多l(xiāng)ogo設(shè)計(jì)：http://www.fontshop.com/fontfeed/archives/web-20-logos.cfm 其中一個(gè)趨勢就是采用一些異型新字體來簡單做logo, 這樣一個(gè)稍微有審美能力的人就能弄個(gè)不錯(cuò)的logo出來，不需要花n多的錢讓設(shè)計(jì)師去搞！
我們uuzone的這個(gè)logo就是我自己讓美工拿著n種字體拼湊，很簡單就定下來的。
國內(nèi)很多號稱web 2.0的站點(diǎn)設(shè)計(jì)還是非常落后，甚至css都還沒有很好地使用。 尤其一些有錢的大站點(diǎn)，至今還采用很落后的頁面設(shè)計(jì)技術(shù)。 不過taobao值得稱道，他們的站點(diǎn)設(shè)計(jì)是不錯(cuò)的，而且也是采用不錯(cuò)的設(shè)計(jì)技術(shù)和理念。
web 2.0對站點(diǎn)的設(shè)計(jì)師提出了新的要求，不是會(huì)畫photoshop, 拿dreamwaver, frontpage做些html就能出來混的了！ 現(xiàn)在會(huì)拿著notepad（我更多用editplus:)）寫css, html代碼的那才牛！
這些新趨勢，讓美工（或者嚴(yán)格說一個(gè)純美工）對一個(gè)web站點(diǎn)的影響變得比1.0時(shí)代更加不那么重要了。懂更多知識，了解更多系統(tǒng)，注重用戶感受的設(shè)計(jì)者才能是web 2.0頁面設(shè)計(jì)的主導(dǎo)。 如果你是從事著美工或者網(wǎng)頁開發(fā)，一定要考慮好好換換腦筋、更新知識結(jié)構(gòu)，并且要像時(shí)尚設(shè)計(jì)師那樣了解最新的流行設(shè)計(jì)和流行色， 別還把自己框過去的老套里啦！
