這是 Smashing Magazine 花費幾個月的時間研究編寫的 2009 年 Web 設計風格與潮流,Smashing Magazine 的編輯們對當前流行的大量 Web 設計風格進行分析,總結出那些可能在 2009 年風行的潮流,包括新的設計元素,新的圖形方式,并給出大量的漂亮的示例。這是第一部分10個潮流,第二部分15個潮流將于下周推出。
2009 Web 設計風潮
- 凸版印刷風格
- 富UI
- 透明 PNG
- 大字體
- 代用字體
- 燈箱框
- 媒體塊
- 雜志式樣
- 幻燈滾動
- 重點展示區域
1. 凸版印刷風格
這種風格有些出人意料,可能因為之前很少有人使用。該風格在在各種主題的網站中都有,但主要用于產品設計或在線服務類網站。
2. 富UI
現代 Web 中的 UI 變得越來越漂亮,越來越好用。過去的一年,Web 中的 UI 有了顯著提高,有了一種接近桌面的感覺。Ajax 和 Flash 被廣泛使用。
特別是我們比去年看到了更多留白區域,還看到很多現代的 UI 技術會顯示用戶同系統之間交流的視覺狀態,比如,按鈕在正常和被按下時顯示不同的樣子,用戶同系統交互時能及時得到反饋,另外,越來越多的服務可以被用戶定制。
這些設計顯示 Web 設計師將更多精力放到了用戶體驗上。
3. 透明 PNG
使用 PNG 實現透明雖然不被 IE6 支持,卻在過去的一年大行其道。設計師們似乎正在嘗試將背景圖片和內容融合并實現一些印刷媒體的風格。比如,將 PNG 半透明圖片放到整體背景的某個區域上,用來加亮顯示這個區域,如標題或聲明。一些 PNG 同名技術還用來實現燈箱框效果。
Smashing Magazine 去年曾有篇使用透明效果實現創意設計的文章,很多設計師在他們的作品中開始嘗試這些技巧。有趣的是,透明效果常被用于頁首和頁尾部分,不過也有些例外。
4. 巨大字體
以前的文章中我們曾介紹過巨型字體設計,2009年,巨型字體設計還會風行,尤其是那些設計社,以及展示型,產品介紹型,或在線服務型網站,他們會使用巨型字體顯示重要信息。
巨型字體設計中使用的字號往往超過36px,設計師們對字體編排注入了更多關注,以實現更漂亮,更連貫,更值得信賴的站點。
|