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