人們一直念叨的2012年終於來了。人們也從開始的激動到現在的平復，時間確實可以平息一切。我們看著科技的進步，看著網絡在每一天的改變著生活方式，看著不斷的創新科技在裝點著生活，這個時候我們確實有速度感。在這嶄新的2012年裡，網絡會發生什麼樣的變化誰都不能肯定。但是大家都會有一個美好的猜想。因為過去的幾年網絡改變太多人的命運，甚至改變很多國家的命運。這已經不僅僅是一個IT產業了！在我上高中的時候就有人在說網絡的泡沫，但是即便過了這麼多年，網絡依然在不斷的翻新著人們的思想，改變著人們的生活。之所以這樣是因為大家對網絡方面的創新從來就沒有停過。那麼今天我們就給2012年的網頁設計趨勢有一個分析和美好的猜想，希望能和大家一起在新的一年裡有一個更清晰的思路去創意和想象，去啟發更多的可能。
1。讓界面交互設計更加靈動
更好的從用戶角度分析使用習慣，做出更人性的界面選擇對元素的快速反映和預想一些例子可能包括側飛出菜單，下拉框，彈出窗口。
如MooTools和jQuery的包括著名的JavaScript庫，它們讓這一切更容易實現。更多的浏覽器開始支持這些代碼最終，浏覽者會使用他們感動舒適的浏覽器
同樣，你應該考慮檢查的形式輸入和數據。在許多注冊頁面上，您會收到一些小的反應。
2。觸摸屏移動設備
在過去的幾年裡隨著蘋果iOS移動系統和安卓的持續高熱度的普及讓更多的人通過移動網絡來浏覽網站。這是個驚人的趨勢。
隨著Android平台手機，iPhone和iPad設備的普及，意味著更多的浏覽者需要通過觸摸這種交互模式。這已經成為每一個網頁設計人員所必須學習的技術。移動網絡設計的趨勢表明，建立一個更完善的移動界面更能留住浏覽者。這樣，你可以保持你主要布局所有的動態內容，而為移動用戶提供一個精簡版本的網站。
3。分享資源和贈品
誰又能說他們真的不享受免費下載？網頁設計師已多年分享他們的在線內容，但直到最近，這已成為一個非常流行的趨勢，數字藝術家之間。已經有幾個社區專門圍繞Web和圖形設計人員提供免費下載。越來越多的網頁設計師知道如何分享他們的資源和如何尋找他們想要的資源。也有很多站長開始做出一些優秀的資源網站來分享他們所擁有的資源，可以免費下載，這個優勢足夠吸引人。比如我們ifreePSD這樣的小清新資源站。下面是一些優秀的國外資源站點。
一些巧妙的下載
迷你Web UI設置
暗迷你音樂播放器
滑動標簽
黑暗的照片滑塊
搜索框
登錄/ Signin表格
解決模式對話框
清潔登錄表
定價表
最小載入酒吧
附件可彈出
4。HTML5和CSS3的標准
我們都知道這兩年來網頁代碼的進步和升級要比之前快了很多。新的代碼和標准讓網頁有了更多的渲染和想像空間。W3C也贏得了很多主流浏覽器的支持。 在未來很多年HTML5／CSS3將是WEB開發的趨勢。前端設計師會得到更多的支持，要知道這將是一個偉大的時刻。我們也提供了一個初學者指南——如何HTML5/CSS3編碼指南，所以如果你是各初學者，那麼是時候奮起直追了。
這些新的標准也將帶動著 JavaScript和jQuery的發展。
5。絲帶和橫幅
雖然這種設計方法是不完全的“新”，它從來沒有真正爆發，直到最近才通過主流。你可能已經看到角落彩帶，旗幟導航欄和小絲帶徽章的例子 。
6。高級WordPress的主題
WordPress已經發展到了3.0+版本。已經有越來越多的公司在使用它架構網站。一個高級的WP主題可以吸引很多人。而且它有著簡單的安裝過程，即便不懂得代碼也能夠輕松搞定。
展望到2012年，我只能想象WordPress將變得更容易使用。這意味著要釋放更多的高品質的主題，並推出更驚人的博客。
7。在線雜志
關於WordPress主題，我們還應該帶上通過它架構的雜志模式網站 。
8。易陰影
作為對CSS3的方方面面，它比以往任何時候都更容易實現。框中的文本和框式元素可以運用各自的屬性來呈現鮮明的陰影效果。文字陰影語法是很容易記住，如下沿箱的影子。現在不必要的渲染這些影響的圖像，Web開發人員可以專注於進一步擴大這些基本思路 。我個人喜歡馬特哈姆的卷頁，這是完全用CSS3 。你可以找到所有在其網站上的代碼重復的效果，並落實到自己的網頁風格類似 。
9。動態排版
字體的領域包括網頁設計傳統的重要組成部分 。已經出現了多年來最顯著的字體包括宋體，黑體，格魯吉亞，和投石機MS。雖然他們繼續為在Web標准了深刻的目的，也有大量先進的替代方案，網頁排版。
Typekit為例如只需要幾行代碼包含在您的文檔頭部 。在此之後，您可以指定字體名稱，包括追加到你的CSS 。關於這項技術的最好的部分是，它主要依賴於JavaScript，所以最終用戶不需要安裝這些字體 。
另一種方法是Google Web字體的行為，以類似的方式來Typekit 。我建議有興趣的設計師，以檢查對CSS3的@ font - face的媒體查詢，您將得到更多的創造力。此代碼可以用來導入一個。TTF或OTF字體文件從您的Web服務器，包括作為一個可用的樣式表字體！這麼多的備用系統，用於建設動態字體，我期待2012年舉行的創新和設計人才，在這方面的激增。
10。圖片畫廊幻燈片
隨著jQuery的普及，我發現越來越多的圖像幻燈片被布局到網頁中 。讓浏覽者更快更直觀的看到訊息和圖片。
我相信，在2012年將看到這類趨勢的上揚。
11。模式彈出盒
許多開放源碼的圖片廊腳本使用的燈箱效果背景變淡比彈出框較深的類型。我真的很喜歡這個功能，每當我看到，盡管它尚未被廣泛使用。
12。列表
列表項的集合，因為網頁設計的初期出現。正如我們搬進新世紀的設計師開始使用HTML有序和無序列表設計導航菜單。
13。生成的圖像縮略圖
在網頁中，我們可以同意，內容為王。但大多數設計師也會同意，一個空白的文本頁面變得乏味。圖像可以添加額外的香料。其中的一個方法是使用動態縮略圖，為每一頁或文章預覽。
作為另一個例子Dribbble提供了整個畫廊的每個設計拍攝的縮略圖列表。在這樣一個表排式布局，它的超級容易趕上窺見每個縮略圖和滾動來查找你要找的 。這種戰術已被證明是搶了整個設計界的關注 ！呃，至少Dribbble的成員最好的。
14。超大圖標
這種獨特的趨勢半源於Mac OS X的圖標設計的普及。作為程序員開始推出他們的Mac應用程序的網站，大家都過於頻繁地看到在品牌所代表的巨大尺寸。因此，這種趨勢也被拾起通過IOS開發。
15。誇張的超鏈接
錨鏈接，當然在任何網站最重要的五大元素。這些顯然是很長的路要走，因為20世紀90年代流行的設計趨勢一直呈幾何級數增長。