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