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