2012年網頁設計十大創新趨勢
1。響應式網頁設計網頁設計>
我始終相信，總有一天我們會停止談論響應式這一話題，倒不是因爲它不再起作用，而是因爲它是必然之趨，人們都想用。但是，我認爲2012年還不會普及，畢竟現在這還是個新概念，而且很多網頁設計師對它還不熟。
倒是越來越多的移動終端將會在2012年把響應式網頁設計推向主流。網頁設計師和開發人員會啓用流式布局，不再局限于固定布局，媒體查詢將被用于更多網頁樣式表使各種尺寸的屏幕及移動終端可以訪問到更多站點。
2。固定導航
大部分台中網頁設計個人網站或博客會使用固定導航。2010年至2011年間，這項設計經曆過滑鐵盧，而就從前幾個月開始，又悄然複蘇了。如果你的網站無需很多主導航，只要設幾個小鏈接就可以。那爲何不嘗試固定導航呢?這絕對可以大大改善網站性能，而且能與整個頁面布局完美契合。當訪客滾動網站頁面時，運用這項設計就可以鎖定導航欄及網頁內部連接/logo。
原型即可快速達到固定導航的效果。甚至不用JavaScript，你也可以使用酷炫的CSS複制出相同的效果。2011年大部分網頁都使用了固定導航欄，訪客可以逐頁逐頁浏覽。而Simon Wuyts可謂將固定導航應用到了更高境界。
過去你可能從不會考慮幻燈片風格的網頁設計。然而這種風格不僅能消除分辨率兼容問題，而且導航欄也更易于使用，還可以完美兼容移動浏覽器。在即將來臨的2012年裏我建議你重新考慮這種設計，來個布局大翻新吧。
3。 圓形元素
其實現在的網頁設計中圓形要素挺多見，但近幾年勢頭略減。受Web2。0熱潮影響，設計師更注重基于台式機的網頁設計，如陰影和圓角元素。如今使用CSS3，不僅可以輕松實現花俏的方塊效果，還能不借助任何圖片設計出圓形及其他圖形的圖案。正是受到CSS3的啓發，設計師開始從另一個角度考慮圖片問題。一直以來我都有留意設計師的各種設計，發現圓形元素的使用頻率越來越高。這些圓形設計可以用于導航鏈接、頁腳圖標，甚至可以展示個人作品等。
圓形可以讓圖片看起來更加光滑舒服，更容易吸引訪客的目光和關注。使用圓形元素作爲特別標注來突出設計亮點，例如羅列有用的資源和主要的頁面時，就可以使用圓形元素的圖標。這裏同樣是度的問題，過猶不及。切勿爲了形狀本身而忽略效果，否則適得其反。
4。 大幅矢量圖
可以在網站中使用超大的吉祥物打造品牌。幾年前很難在網絡品牌中找到使用大量矢量圖的案例。但隨著設計師水平的逐步提升，應用可愛的動畫矢量圖來營銷品牌這一設計概念越發常見。
Mozilla和Firefox的動物形象矢量圖就是不錯的例子。MailChimp則又是一個優秀的案例，品牌形象圖就更大了。無論是網站還是使用iOS、Android app都能清晰看到那只有趣的猴子郵遞員。
此外Freelance Switch網站的小帥哥另我印象非常深刻。你可以在他們的網站布局中發現各種不錯的吉祥物矢量圖。這種做法已達到了網站美學的新境界，我有理由相信2012年你將會看到更多可愛的矢量logo設計。
5。 多列式菜單
不同于前面的例子，有時候有的網站需要建很多鏈接。若按照網頁標准型導航排列會顯得過于淩亂和擁擠，除非你將鏈接放置到邊欄。但經驗告訴我們，鏈接放置在頁面頂部，更有利于用戶體驗。
接下來的一年可是設計師重建頁面導航的絕佳時機。能一直想出好的Idea不容易，但我們就需要不斷挖掘自己。多列式菜單布局更美，讓人看起來更舒服，通過這種設計方式你可以在logo周圍放置更多鏈接以便用戶訪問。
想要知道設計風格是否舒適，就必須實踐。閱讀相關文章以獲取網頁導航設計的最新趨勢。作爲設計師，想法要超前，並且勇于嘗新。打破傳統理應是每個設計師的菜。
6。 jQuery/CSS3/HTML5動畫
我經常推薦jQuery插件。網頁設計必須兼顧用戶體驗、美學和動畫等多方面因素。隨著jQuery和CSS3的不斷優化，現在用很少的代碼就能制作出非常酷炫的效果。
過去的一年我不斷地學習相關的網絡教程。了解到jQuery特效是目前最優秀的web前端效果，但並不是所有浏覽器都支持jQuery。因此，通過CSS來實現浏覽器兼容或許是個好辦法。臨近2012年，相信網頁開發者們又有了新動態，讓我們拭目以待，期待jQuery/CSS3/HTML5時代的到來。
7。絲帶及橫幅圖形
2011年我就開始密切注意到這樣的設計元素。設計師們紛紛開始編寫關于絲帶風格頁面、橫幅、書簽或其他類型圖形的設計教程。大量免費教程的出現使得越來越多的設計師開始跟走絲帶橫幅風。
過去6個月，這種設計風格的網站如雨後春筍般冒出，對此你不必驚訝。勇于嘗新的設計師們頻繁將其應用于新的軟件和app中。此外你會發現博客的免費下載內容或熱門文章欄目都已開始使用這類橫幅設計。我還專門收集了這類設計的PSD素材，有興趣的朋友可以嘗試下載來參看下：
Corner Ribbon
Dark Slider with Featured Ribbon
Colorful Ribbons
Green Corner Ribbon Templates
Simple Product Box
8。 自定義字體外觀
免費字體庫Typekit爲對此設計感興趣的設計師提供了免費試用。有了這個工具你只需在網站中嵌入一小段JavaScript代碼即可實現CSS效果中的任何字體式樣。今年這種設計風格大熱，尤其很多WordPress設計師已使用這種方法個性化自己的博客了。
幾年前，Typekit還是一個不起眼的系統，如今Google Web Fonts提供資金支持後，Typekit一炮打響。操作很簡便：字體庫中的每種字體，Goole都會提供相應代碼。
自定義字體最近已趨于主流，甚至開發人員專爲此開發了免費插件，以簡易化安裝過程。不需要上傳字體，沒有服務器壓力和幾近零錯誤。因此，博主們應該關注這個趨勢，使用一些適合自己博客的字體，絕對夠個性。
9。信息圖表
雖然這個趨勢對網頁設計大走向影響不大，但有利于用戶體驗及新媒體的發展。以前使用這種設計的網站並不多，即使你不太了解其中所展示的信息也無妨，這些圖表給了讀者足夠多的想象空間，5歲小孩也能參與互動起來。
信息圖表並不適用于對所有網站，而且制作這樣的圖表需要在Photoshop上花費大量時間。但如果你擅長做這個而自己的網站也有這樣的需要，不妨嘗試下，絕對會爲你的訪客帶來全新體驗。相比以前，現在的網絡信息量大，網頁設計公司我們可以從中獲取各種信息，而使用信息圖表恰能提升用戶體驗。此設計應用不僅能加快互聯網發展，同時可以秉承互聯網精神。
10。 簡潔
任何網站設計的最終目的就是讓訪客盡快從A點訪問到B點。簡單、直觀的界面是最直接有效的方法。過去5年，簡易風俨然成爲了主流。道理很簡單：頁面元素少，訪客自然容易將目光集中在網站內容和鏈接上。我們可以找到很多這樣的例子。今年5月，我們就列舉過一批非常優秀的案例，根據網站類型，你會需要各種界面元素來營造簡易風。但重新布局一個簡單的界面並不容易。你需要事先精心起草導航架構、頁面層次結構、頁眉、內容區域等。
結論
以上10大趨勢僅僅是我們根據網頁設計的發展曆史及現階段特征所預測的，未來到底會怎樣是無法預知的，網頁設計趨勢會不斷變化。但可以確定的是，相比以前任何時候，現在的網頁設計師的學習能力是最強的，我們可以期許他們會不斷創新，帶領我們一起融入互聯網黃金時代。
|
