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

　　1、響應式網(wǎng)頁設計

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

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

　　2.固定位置的導航

　　我們看到很多個人網(wǎng)站和博客已經(jīng)開始采用這種設計。但我發(fā)現(xiàn)這種風潮在2010-2011年期間曾有所回落，但在最近幾個月開始回潮。

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

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

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

　　3. 圓形設計

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

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

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

    4. 大幅矢量圖

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

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

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

　　5. 多列菜單

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

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

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

　　6. jQuery/CSS3/HTML5動畫

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

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

　　7.絲帶及橫幅圖形

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

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

　　8. 簡潔

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

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

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