要是你(nǐ)拿前十年的網站(zhàn)與現(xiàn)在的網站(zhàn)相比，就會(huì)發現(xiàn)網站(zhàn)設計(jì)發生了(le)許多令人可喜的變化：畫(huà)面更加簡潔，功能(néng)更加齊全，用(yòng)戶體驗提升了(le)……網站(zhàn)設計(jì)在不停的變化中，那麽站(zhàn)在2012年的角度看(kàn)，網站(zhàn)設計(jì)将會(huì)走向何處呢(ne)？
第一： 觸摸屏移動設備普及，企業應該爲移動用(yòng)戶提供一個精簡版本的網站(zhàn)
随着Android平台手機、iPhone和(hé)iPad設備的普及，意味着更多的浏覽者需要通過觸摸這(zhè)種交互模式。這(zhè)已經成爲每一個網頁設計(jì)人員所必須學習的技術。
移動網絡設計(jì)的趨勢表明(míng)，建立一個更完善的移動界面更能(néng)留住浏覽者。這(zhè)樣，你(nǐ)可以保持你(nǐ)主要布局所有的動态内容，而爲移動用(yòng)戶提供一個精簡版本的網站(zhàn)。
第二： 讓界面交互設計(jì)更加靈動
更好(hǎo)的從(cóng)用(yòng)戶角度分析使用(yòng)習慣，做出更人性的界面選擇對(duì)元素的快(kuài)速反映和(hé)預想一些(xiē)例子。可能(néng)包括側飛(fēi)出菜單，下(xià)拉框，彈出窗口等等。
如MooTools和(hé)jQuery的包括著名的JavaScript庫，它們讓這(zhè)一切更容易實現(xiàn)。更多的浏覽器開(kāi)始支持這(zhè)些(xiē)代碼。最終，浏覽者會(huì)使用(yòng)他(tā)們感動舒适的浏覽器。
同樣，你(nǐ)應該考慮檢查的形式輸入和(hé)數據。在許多注冊頁面上(shàng)，您會(huì)收到(dào)一些(xiē)小(xiǎo)的反應。
第三：資源分享更加全面
現(xiàn)在已經有幾個社區(qū)專門(mén)圍繞Web和(hé)圖形設計(jì)人員提供免費下(xià)載。越來(lái)越多的網頁設計(jì)師知(zhī)道(dào)如何分享他(tā)們的資源和(hé)如何尋找他(tā)們想要的資源。也(yě)有很(hěn)多站(zhàn)長開(kāi)始做出一些(xiē)優秀的資源網站(zhàn)來(lái)分享他(tā)們所擁有的資源，可以免費下(xià)載，這(zhè)個優勢足夠吸引人。
第四：HTML5和(hé)CSS3的标準
我們都知(zhī)道(dào)這(zhè)兩年來(lái)網頁代碼的進步和(hé)升級要比之前快(kuài)了(le)很(hěn)多。新的代碼和(hé)标準讓網頁有了(le)更多的渲染和(hé)想像空(kōng)間。W3C也(yě)赢得了(le)很(hěn)多主流浏覽器的支持。 在未來(lái)很(hěn)多年HTML5／CSS3将是WEB開(kāi)發的趨勢。
第五：新增絲帶和(hé)橫幅
雖然這(zhè)種設計(jì)方法是不完全的“新”，它從(cóng)來(lái)沒有真正爆發，直到(dào)最近才通過主流。你(nǐ)可能(néng)已經看(kàn)到(dào)角落彩帶，旗幟導航欄和(hé)小(xiǎo)絲帶徽章的例子 。
第六：高(gāo)級WordPress的主題
WordPress已經發展到(dào)了(le)3.0+版本。已經有越來(lái)越多的公司在使用(yòng)它架構網站(zhàn)。一個高(gāo)級的WP主題可以吸引很(hěn)多人。而且它有着簡單的安裝過程，即便不懂得代碼也(yě)能(néng)夠輕松搞定。
第七：易陰影
作(zuò)爲對(duì)CSS3的方方面面，它比以往任何時(shí)候都更容易實現(xiàn)。框中的文(wén)本和(hé)框式元素可以運用(yòng)各自(zì)的屬性來(lái)呈現(xiàn)鮮明(míng)的陰影效果。文(wén)字陰影語法是很(hěn)容易記住。
第八：動态排版
字體的領域包括傳統的重要組成部分。已經出現(xiàn)了(le)多年來(lái)最顯着的字體包括宋體，黑體，格魯吉亞，和(hé)投石機MS。雖然他(tā)們繼續爲在Web标準了(le)深刻的目的，也(yě)有大(dà)量先進的替代方案，網頁排版。
Typekit爲例，隻需要幾行代碼包含在您的文(wén)檔頭部。在此之後，您可以指定字體名稱，包括追加到(dào)你(nǐ)的CSS 。關于這(zhè)項技術的最好(hǎo)的部分是，它主要依賴于JavaScript，所以最終用(yòng)戶不需要安裝這(zhè)些(xiē)字體 。
另一種方法是Google Web字體的行爲，以類似的方式來(lái)Typekit 。我建議(yì)有興趣的設計(jì)師，以檢查對(duì)CSS3的@ font - face的媒體查詢，您将得到(dào)更多的創造力。此代碼可以用(yòng)來(lái)導入一個。TTF或OTF字體文(wén)件從(cóng)您的Web服務器,成都高(gāo)端定制網站(zhàn)建設，包括作(zuò)爲一個可用(yòng)的樣式表字體！這(zhè)麽多的備用(yòng)系統，用(yòng)于建設動态字體，我期待2012年舉行的創新和(hé)設計(jì)人才，在這(zhè)方面的激增。
第九：模式彈出盒
許多開(kāi)放(fàng)源碼的圖片廊腳本使用(yòng)的燈箱效果背景變淡比彈出框較深的類型。我真的很(hěn)喜歡這(zhè)個功能(néng)，每當我看(kàn)到(dào)，盡管它尚未被廣泛使用(yòng)。
第十：圖片畫(huà)廊幻燈片
随着jQuery的普及，我發現(xiàn)越來(lái)越多的圖像幻燈片被布局到(dào)網頁中。讓浏覽者更快(kuài)更直觀的看(kàn)到(dào)訊息和(hé)圖片。
第十一： 生成的圖像縮略圖
在網頁中，我們可以同意，内容爲王。但(dàn)大(dà)多數設計(jì)師也(yě)會(huì)同意，一個空(kōng)白(bái)的文(wén)本頁面變得乏味。圖像可以添加額外(wài)的香料。其中的一個方法是使用(yòng)動态縮略圖，爲每一頁或文(wén)章預覽。
作(zuò)爲另一個例子Dribbble提供了(le)整個畫(huà)廊的每個設計(jì)拍(pāi)攝的縮略圖列表。在這(zhè)樣一個表排式布局，它的超級容易趕上(shàng)窺見每個縮略圖和(hé)滾動來(lái)查找你(nǐ)要找的 。這(zhè)種戰術已被證明(míng)是搶了(le)整個設計(jì)界的關注 ！
第十二： 超大(dà)圖标
這(zhè)種獨特的趨勢半源于Mac OS X的圖标設計(jì)的普及。作(zuò)爲程序員開(kāi)始推出他(tā)們的Mac應用(yòng)程序的網站(zhàn)，大(dà)家都過于頻繁地看(kàn)到(dào)在品牌所代表的巨大(dà)尺寸。因此，這(zhè)種趨勢也(yě)被拾起通過IOS開(kāi)發。
以上(shàng)，是我們根據目前網站(zhàn)的情況總結出來(lái)的網站(zhàn)設計(jì)趨勢，希望你(nǐ)能(néng)緊追時(shí)代潮流，站(zhàn)在用(yòng)戶角度與用(yòng)戶習慣上(shàng)面，考慮周全，爲用(yòng)戶提供更加方便快(kuài)捷的網站(zhàn)。