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