在設計和編程之間只有薄薄的一線，當我們進入新的十年時，這條線變得越來越模糊。在Photoshop上繪制漂亮的模型就夠了嗎？5年以前也許如此。在今天，普通的網絡用戶要求的更多。所有的東西都很漂亮，但沒有實質內容，過段時間人們就會厭煩。

　　如果你唯一的目標是用你漂亮的設計影響圈內其他設計師，你會發現你很快就落伍了。2011年不關心漂亮，而是關心功能。新的一年甚至十年的趨勢是交互設計、粘度和虛擬現實。

　　2011年你會如何設計呢？設計師的最終目標是留住用戶，而不是讓人炫目。所有得到驚訝聲和贊嘆聲的設計師都很容易被忘記。高超的設計師可以創造出一種環境，吸引并迷住用戶到不想點擊"返回"按鈕的地步。幾個元素匯聚在一起，組成一個奇妙的幻境：和諧的色彩主題、直觀的設計、易用的信息和快速的反應。另外，永遠不要低估簡潔的力量。當然，情況一直如此，但在2011年，你將不再僅針對電腦桌面和筆記本，還要為智能手機、上網本、Tablet等等設計。你準備好了嗎？

　　1、更多的CSS 3+HTML 5

　　多么令人滿意啊！在過去幾年里，CSS3和HTML5只出現在網頁設計那遙遠的地平線上。但現在，在2011年，我們看到了它的爆發。設計師們終于開始讓Flash走開。你可能感覺到，Flash和一些對你當前和潛在用戶有用的最新最熱技術，配合的不是很好。在2011年，你會慢慢遠離Flash，擁抱被稱為HTML 5的魔術。

　　現在已經顯示，Flash和HTML 5是不相等的對手。在2011年兩者都有大量的應用空間。問題是設計師們在2010年（和之前）濫用了Flash。舉一個例子，很少整個網站由Flash組成，特別是這些日子。HTML 5減輕了Flash的一些負擔。不過，HTML 5還不能完全取代我們由Flash實現的那些非凡的設計元素。

　　也許更讓人興奮的是，CSS 3在今年可以投入使用了。移開Photoshop（Adobe還是不能休息），CSS 3可以更快實現文本陰影、圓角邊框和背景透明。如果你還沒有開始，現在就開始鉆研了解CSS 3和HTML 5吧。

　　2、簡潔的配色方案

　　簡潔。沒有什么比在安靜的背景上顯示清晰的消息更安靜了。安靜可以被解讀為幾種不同的方式。忘掉黑白和灰度陰影，想想綠色、黃色或甚至紅色作為你的主色調。不過，限制你的調色板只有兩或三種顏色，試試各種顏色不同的灰度。用少量顏色表現信息是非常了不起的。觀察一下：

　　綠色陰影創造了這個Twitter可視的工具。邊注：這個網站是用XHTML/CSS和Javascript創建的。

　　如果做的不好，紅色很容易產生沖突。這個網站用高對比的易讀文字克服了紅色本來的特性。

　　3、適用于手機

　　智能手機、iPad、上網本，哦天哪！一個令人眼花繚亂的手機產量在2011年提供給消費者。這意味著你的網頁設計必須適應多種窗口。

　　創建一個適用于手機的網站不是簡單的從你的設計中去掉那些花哨的東西。這只會產生一個空虛無個性的設計。雖然不太可能，但從你的原始設計中去掉那些魔法，變成簡單陳述你的品牌，這非常困難。幸運的是，技術正在快速解決這些麻煩。

　　借助CSS3的幫助，主要是media queries，手機網頁設計有一個大的飛躍（以后詳說）。最重要的一個進步是，你可以設計一個整站并允許你的編碼遵從用戶的可視區域。

　　設計一個專門的手機網站可能很有誘惑力，但這可能不再能滿足你的觀眾了。越來越多的手機網站包含了訪問原始網站的選項。如果你沒有提供這一選項或你的原始網站沒有為手機標準優化好，你就沒有為2011年做好準備。預測顯示，智能手機今年的銷量將超過個人電腦。準備好你的設計，滿足這一需求。

　　4、視差滾動（Parallax Scrolling）

　　視差滾動：不是指老早的電子游戲。如上所述，2011年這一熱門設計趨勢是創造一種深度感。還有什么方法比視差滾動更好嗎？視差可以影響用戶產生一種三維空間的錯覺。它可以由一些簡單的CSS技巧或jQuery插件如Spritely的幫助實現。視差滾動可以作為設計中最重要的次要元素，例如，在頁頭、頁腳，或背景。把它放在導航可能會迷惑你的訪問者。

　　Old Pulteney Row to the Pole網站在背景中使用了由上至下的視差滾動效果。這增加了一種很微妙的深度和許多樂趣。

　　只由CSS和HTML創建的視差滾動，由Roman Cortes創建。

　　5、為觸摸屏設計，而不是鼠標

　　技術已經越來越變得觸覺化。可用性正從抽象轉向具體。這意味著，不是操作你的鼠標去遠程連接，你的目的地就在你的手指尖。Tablet、大多數智能手機和一些臺式機都使用觸摸屏。你的設計可以容納用手指導航嗎？

　　你的多少設計是以鼠標為導向的？作為設計師，我們尊敬鼠標。當鼠標懸停的時候，我們的鏈接正在發亮。然而在觸摸屏中沒有懸停這回事。你的設計如何向訪問者顯示鏈接呢？下拉菜單怎么辦呢？在觸摸屏設計中這也是不行的。

　　同樣的，訪問者將如何細讀你的網站呢？有爭議的是，網站可能是為標準網頁瀏覽器創建的，而在觸摸屏中，水平滾動可能更適合。很好的適應這一情形的是雜志一樣的布局，訪問者幾乎可以翻閱你的網站。

　　最后，考慮一下，將流動布局作為交互設計義務的一部分。在2011年，你不再應付屏幕分辨率的大小。訪問者會從垂直的瀏覽方向改變到水平的瀏覽方向。你的設計必須是靈活的，能適應任何挑戰，否則你將停留在2010年。

　　嬰兒在看iPad的魔術（版權屬于Steve Paine，Flickr）。

　　6、網頁設計中的深度知覺

　　不，我不是在說"我能在你的網站看到你的咖啡杯和鍵盤"那種兩年以前的設計。深度知覺是指在網頁設計中創造一種維度，讓你的網站的某部分看起來更靠近瀏覽者。如果做的好，能讓人想起一種虛擬的3D效果。還記得在看3D電影大片時的感覺嗎？像阿凡達？毫不夸張的說，里面的元素簡直要跳出屏幕了。

　　雖然3D技術還沒有普及到網頁設計，你仍然可以在設計中復制這種深度。

　　這個好玩的網站提供了一個可旋轉的3D地球，用良好的陰影和層次創造了一種深度。

　　醒目，聰明，這個慶祝Jordan（不管是男人或鞋）的主題網站非常具有娛樂性。3D元素如此清晰簡單，使人大吃一驚。

　　7、大圖背景

　　大尺寸背景在2011年將會激增。這些圖片會是高分辨率、并覆蓋整個網站的。大照片可以瞬間抓住你的觀眾——他們無法不看到它并對它有一個印象。背景圖片必須適應內容，只是簡單放一張漂亮的圖片而沒有上下環境會破壞用戶的體驗。趨勢表明，柔和的和輕微透明的背景不會蓋住你的內容，而是與之協調一致。

　　這個網站使用率一張高分辨率的照片，整個主色調是黃色的。

　　這個網站在大尺寸背景上增加了一些好玩的動畫。警告：自動播放的音樂。

　　8、大膽的域名&組合

　　雖然嚴格意義上這不是網頁設計的問題，還是期待看到更有創意的域名。一度令人垂涎的.com域名已經失去了許多吸引力——主要原因是你必須在注冊域名時想一些別人沒有想過的詞語。2011年將會看到越來越多的企業不用.com而選擇更稀奇古怪的域名如.me或.us。想想這種可能性，在還沒有普及之前選好一個吧。

　　9、QR：快速反應

　　如果你在名片、雜志或其他地方看過那種彈出的方形條碼，你可能已經知道這是一種2011年的熱門趨勢。融入到網頁設計中會如何呢？令人驚訝的好，真的。

　　這種條碼被稱為QR，更短的快速反應。用你的照相手機給條碼簡單照張相，像變魔術一樣，你的手機就會連接與條碼有關聯的網站。更美妙的事是你可以有無數多的方式使用它。在你的網站上放上你的QR，訪問者就能更快的訪問你的手機網站。你也通過在url放置與QR關聯的代碼，追蹤你的訪問者。當你在網站評論時，使用QR作為你的頭像。

　　10、縮略圖設計

　　不斷進取的google已經向普通用戶介紹了預覽瀏覽。通過點擊查看網站內容的日子已經過去了。今天，你只需點擊那個放大鏡并懸停（假設你沒有用觸摸屏），之后你就能奇妙的在另一端看看出現什么。

　　如果你的設計是基于Flash的，這肯定會是一個問題。預覽不會顯示你設計中的那些元素。

　　在2011年一般的互聯網用戶會更懂得上網，期待看到更多的人通過這些方式瀏覽。用縮略圖判斷一個網站實在是太有誘惑力了。

　　11、粘度/生活流程

　　最后，但不是最不重要的，是在網頁設計中注重粘度。互聯網本來是個荒涼的環境，我們通過在開放論壇上分享我們的生活使之更人性化。希望通過生活流程的形式看到更多隱私。個人博客和作品在2011年將會更明顯的出現在Twitter的feed上（而不僅是Twitter頁面上的一個鏈接）。人們會通過Foursquare讓你知道他們每時每刻都去了哪里。實際上，希望通過某人的線上活動看到他專門的生活流程。2011年絕對會引出我們內心可怕的尾行者，毫無疑問。

it知識庫：2011年Web設計最新潮流，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。