導語:隨著互聯(lián)網用戶要求越來越多,沒有內涵的華麗設計很快就會被丟棄。如果設計師追求華而不實的設計,那么相信你很快會被時代遺棄。使用PS設計網頁版面,或許五年前可以。2011年不再屬于單純的華麗而是注重功能。

  作為設計師的你,2011年會做什么打算?真正的設計師設計的東西是在藝術和功能上做到兩全其美,而不是為了嘩眾取寵。出色的設計師猶如造夢師,給用戶創(chuàng)造一個夢境,讓用戶感覺到如此真實而不知道自己是在夢中。這樣的夢需要幾個元素:直觀的設計,優(yōu)秀的配色,良好的交互性和快的響應速度。這些,你都做到了嗎?

  2011年網頁設計趨勢有何變化?一起關注10個網頁設計趨勢熱點:

1. 更多的CSS3 + HTML5

  這是期待已久的事情。在過去的幾年設計師已經開始關注和使用CSS3+HTML5,但在2011年CSS3+HTML5將會得到更廣泛的應用。網頁 設計師最終會拋棄Flash。Flash不再是昔日的王者,新技術(指CSS3+HTML5)將會取而代之。2011年,F(xiàn)lash漸行漸遠,魔術師 “HTML5”成為舞臺的主角:

 

Flash

  當然,說HTML5代替Flash為時還早。從上面的兩幅截圖你可以知道Flash和HTML5還是有差距的。因此,2011年兩者會各自保持屬于 自己的位置。不過2010年以前網頁設計師濫用Flash的現(xiàn)象會慢慢減少?,F(xiàn)在很少設計師會整個網站都是用Flash設計,他們會在一些可用的地方使用 HTML5替代Flash,使網站變得簡單運行更快速。然而,目前HTML5還不能夠取代Flash,F(xiàn)lash的某些效果HTML5暫時還不能夠實現(xiàn)。

  然而最值得人興奮的是CSS3的應用越來越廣,在某些地方甚至超越PS(Adobe表示有壓力),因為利用CSS3來實現(xiàn)文字陰影、圖片圓角和圖片透明實在是easy job。如果你還不會,是時候去了解CSS3和HTML5。

2. 簡單的配色方案

  沒有比純色的背景更直觀更簡潔。純色可以有很多種表達方式。不要老是黑白灰什么的,太不給力了。多點考慮綠、黃或者紅作為你的網頁主色調。當然,顏色最好保持使用2到3種。調整顏色的透明度,或許會給你意想不到的效果。比如:

twitter tool

  只是簡單的綠色,通過調節(jié)透明度設計出如此美觀的Twitter可視化工具??梢溃哼@個網頁只是用了XHTML/CSS和Javascript,給力吧!

collision web design

  紅色絕對經典,如果配色做得好給人的視覺沖擊就更……。上面的網站獨特的紅色和易友好的文字設計讓人不得不為之折服

3. Parallax Scrolling

  先來解釋下Parallax Scrolling,Parallax scrolling 是讓多層背景以不同的速度移動,形成運動視差 3D 效果,雖然純屬視覺效果,但在內容滾動時形成的視覺體驗仍然非常出色。2011年的網頁設計趨勢熱點就是要創(chuàng)造這樣的深度視覺效果。Parallax Scrolling可以通過一些簡單的CSS技巧或jQuery插件來實現(xiàn)(示范站點:Parallax Scrolling

baby sees ipad

Baby sees the iPad Magic, Copyright Steve Paine, Flickr

5. 移動互聯(lián)網時代的到來

  智能手機,ipad和上網本隨處可見,OMG,2011年這個現(xiàn)在將會更加明顯。這意味著你的設計需要考慮更多的設備。

  創(chuàng)建適