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

　　1、響應(yīng)式網(wǎng)頁設(shè)計

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

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

　　2.固定位置的導(dǎo)航

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

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

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

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

　　3. 圓形設(shè)計

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

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

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

    4. 大幅矢量圖

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

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

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

　　5. 多列菜單

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

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

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

　　6. jQuery/CSS3/HTML5動畫

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

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

　　7.絲帶及橫幅圖形

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

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

　　8. 簡潔

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

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

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