一年又過去了，讓我們來看看跟著下來的一年網頁設計將會有什么新趨勢。網頁設計如萬物般變化萬千，但總有其規律，我們是可以預見它即將要變化的地方。隨著時間的遷移，人們的視覺的改變，網頁設計趨勢的改變是必然的，作為網頁開發者，網頁設計師，需要做的是緊跟時代的腳步，時刻關注網頁設計趨勢的變化而變。

　　1、響應式網頁設計

　　我相信將來我們不再會在趨勢中討論響應式網頁設計，不是因為它將會消失，而是網頁設計必需的原則。不過，我認為2012年暫時不會出現這樣的局面。因為它還屬于比較新的概念，目前還有很多設計師對該概念還不是很熟悉。

　　2012年將會有更多的移動設備繼續引進和采用響應式網頁設計。網頁設計師和開發者將會使用將使用流體布局，而不是固定寬度，更多的樣式表被查詢設備選擇 – 這樣讓網站在不同屏幕尺寸的設備都能夠擁有完美的顯示

　　2.固定位置的導航

　　我們看到很多個人網站和博客已經開始采用這種設計。但我發現這種風潮在2010-2011年期間曾有所回落，但在最近幾個月開始回潮。

　　如果你的網站的導航并不需要放置太多的鏈接，寥寥幾個主要鏈接為何不保持用戶始終可見？這可以大大提供網站的性能甚至更易于融入整個頁面布局。這種設計鎖定導航和鏈接/logo在固定的位置，即使用戶固定頁面也能快速通過導航訪問其他頁面。

　　現在使用一些jQuery原型即可快速達到這種效果。即使沒有JavaScript，也可以使用一些炫酷的CSS Code以達到效果。在2011年已經有很多網站的使用固定的導航欄，即導航不隨頁面滾動或頁面切換而改變位置和重新載入，始終懸放頁屏幕的一個位置。Simon Wuyts 就是用了這一效果，你可以通過實例體驗這種技術。

　　以前的你可能從不會考慮將頁面設計成易于顯示的幻燈片風格。不過，這不單能消除分辨率不兼容的顧慮，而且導航系統更易于使用和對移動瀏覽器完美兼容。在即將來臨的2012年里我建議你重新考慮這種設計，重新對頁面進行布局。

　　3. 圓形設計

　　這一趨勢其實已在網頁設計有點明顯，但近幾年有點偃旗息鼓。在Web2.0熱潮，設計師更注重基于臺式機的趨勢，如陰影和圓角。但使用CSS3，就可以輕松實現花俏的方塊效果。

　　此外，你可以設計圓形式和陰影不需要使用任何圖片。由于這些功能，設計師開始從另一個角度看圖像。一直以來我都留意設計師們的各種設計，發現圓形元素的使用頻率越來越大。這些圓形設計可以作為導航鏈接，頁腳圖標，甚至可用于個人作品等展示。

　　But the most extreme examples aren’t always the best. 圓形讓圖像看起來更加光滑舒服，更容易吸引訪客的目光和關注。使用這些元素特別標注設計中的特別區域，如有用的資源和主要的頁面等。但切勿為了形狀本身而忽略效果，否則適得其反。

    4. 大幅矢量圖

　　你可以在你的網站使用超大的吉祥物打造你的品牌。幾年前你很難在網絡品牌中找到使用大量矢量圖的案例。但現在設計師的專業水平越來越高，這樣我想不到比使用可愛的動畫矢量圖來營銷品牌的點子。

　　Mozilla和Firefox的動物形象矢量圖就是一個不錯的例子。MailChimp則又是一個優秀的案例，品牌形象的個子就更大了。無論是網站還是 iOS、Android應用都能清晰看到那只有趣的猴子郵遞員。

　　此外Freelance Switch網站的吉祥物小帥哥，也是我久不能忘的設計。你可以在他們的網站布局發現各種各樣的吉祥物矢量圖。這種做法已經成為網站美學的新境界，我有理由相信2012年你將會到處都看到這些可愛的矢量標志設計。

　　5. 多列菜單

　　不同于前面的例子，有時候有的網站的鏈接較多需要處理。若按照標準型的導航排列會顯得過于凌亂和擁擠，除非你將鏈接放置到邊欄。但經驗告訴我們，鏈接放置在頁面頂部，有利于用戶體驗。

　　跟著下來的一年或者新的趨勢會改變這個局面，設計師可以對頁面導航重建。跟著下來的一年或者新的趨勢會改變這個局面，設計師可以對頁面導航重建。思維是一張黑白畫，但卻意境無限，等待你的挖掘。多列布局的導航更美讓人看起來更舒服，通過這種方式你可以在Logo周圍顯示更多的鏈接給網站的訪客。

　　創造舒適的設計風格的最佳方式是實踐，閱讀最近的關于網頁設計的一些文章來學習Web導航設計的最新趨勢。作為設計師，應該擁有跳躍的思維，嘗試最新的東西。對標準的導航設計進行改革是每個設計師都要堅持的實踐活動。

　　6. jQuery/CSS3/HTML5動畫

　　我經常推薦的jQuery插件。網頁設計必須包括用戶體驗、美學和動畫等多方面的內容。隨著JQuery和CSS3的不斷進步，現在可以用很少的代碼就能達到非常酷的效果。

　　過去的一年我不斷地學習網絡上相關的教程。了解到jQuery是目前前端效果最優秀的但并不是所有瀏覽器都支持。因此，通過CSS來實現瀏覽器兼容也不失是個好辦法。2012年越來越近，相信開發者們又有了新的動態，讓我們拭目以待，期待jQuery/CSS3/HTML5時代的到來。

　　7.絲帶及橫幅圖形

　　在2011年我就開始密切注意到這樣的設計元素。設計師們開始編寫關于設計絲帶風格頁面、橫幅、書簽或其他類型的徽章的教程。大量免費教程的出現使得越來越多設計師開始跟隨這樣的趨勢。

　　你很可能為過去短短的6個月里出現這種風格設計的網站的數量感到驚訝。勇于嘗新的設計師們頻繁在新的軟件和移動應用程序中使用絲帶設計風格。此外你會發現博客免費下載或者熱門文章欄目使用這類的橫幅設計。

　　8. 簡潔

　　任何網站都有一個目的就是使訪客從A點訪問到B點。簡單，直觀的界面是最直接的方法。在過去的5年，我發現現在越來越流行簡單的設計。道理很簡單，頁面元素也少，游客自然將目光集中在內容和鏈接上。

　　但重新布局一個簡單的界面并不是一件易事。你需要起草導航架構，頁面層次結構，頭部，內容區域等。不過花時間做好規劃可以大大簡化你的工作。

小結
　　以上趨勢僅僅是我們根據現階段和以前網頁設計的發展歷史所預測，但未來是不可以預知的，因此未來的網頁設計會不斷地變化。現在的網頁設計師也一直地學習和嘗試新的東西，只要我們時刻留意網頁設計的發展，學習新的技術和設計，相信所設計的網頁也會相當不錯的。(來源：藝術中國)