作為設計師的你，2011年會作神馬打算？

2011年網頁設計趨勢有何變化？一起關註11個網頁設計趨勢熱點：
1. 更多的CSS3 + HTML5

這是期待已久的事情。在過去的幾年設計師已經開始關註和使用CSS3+HTML5，但在2011年CSS3+HTML5將會得到更廣泛的應用。網頁 設計師最終會拋棄Flash。Flash不再是昔日的王者，新技術（指CSS3+HTML5）將會取而代之。
2. 簡單的配色方案

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

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

創建適合移動設備的網站不是簡單地在原有的設計去掉華麗的元素，那將會是沒有靈魂的設計。盡管在原有的設計再設計一個支持移動設備網站是件痛苦的事情。幸運的是，新的技術讓一切變得更簡單。

在使用CSS3的情況下，設計移動網頁方便多了。最重要的是你可以修改一個CSS文件完成整個網站修改以符合用戶使用不同設備進行瀏覽網頁。

你也可以設計一個移動設備專屬的網站，但相信那個網站不久還是要改版的，以現在科技產品的發展速度來看。越來越多的移動網站包括原始網站的瀏覽選 項。如果你不提供這個選項或者你的原始網站沒有針對移動網絡標準優化，那你並未準備好迎接移動互聯網時代的到來。據相關預測，智能手機銷量將會超越個人 PC。趕快準備好，迎接移動設備大軍的來臨。
4. Parallax Scrolling

先來解釋下Parallax Scrolling，Parallax scrolling 是讓多層背景以不同的速度移動，形成運動視差 3D 效果，雖然純屬視覺效果，但在內容滾動時形成的視覺體驗仍然非常出色。2011年的網頁設計趨勢熱點就是要創造這樣的深度視覺效果。Parallax Scrolling可以通過一些簡單的CSS技巧或jQuery插件來實現（示範站點：站點1 站點2）。Parallax scrolling運用於網頁設計的次要元素中可以起到很好的效果：如header、footer或者背景。不過最好不要運用於網站導航，那顯得有點不倫不類。

5. 設計需考慮更多的觸屏設備

觸屏技術應用越來越廣泛，觸屏設備隨處可見。這意味著，你的導航設計不再只是鼠標導航，你必須要要考慮你的設計適合觸屏設備。請問你的設計做到指尖導航了嗎？

作為設計師，我們更喜歡鼠標。當鼠標懸停的時候鏈接會變得高亮，然而觸屏沒有所謂的懸停。你將會在設計中如何向觸屏設備訪客展示鏈接？

同樣，如何才能做到方便你的遊客仔細閱讀您的網站？這可能在瀏覽器標準上存在爭議，或者水平滾動觸屏可能更加合適。將網站設計類似於雜誌的布局更有利於遊客瀏覽你的網站。

最後，你必須考慮在你的網頁設計中使用流體布局（liquid layouts）。2011年，你需要處理的重點不再是屏幕分辨率問題，而是如何做到使訪客從垂直到水平閱讀你的網站都會清晰。你的設計必須做到靈活以應付任何的挑戰。否則你將會成為過去式。

6. 深度判析

深度判析是關於在網頁設計使用維數，這樣可以使你的網頁變得更加真實。如果運用得恰當，那將會是一個虛擬的3D效果，就像3D電影阿凡達那樣。盡管3D技術還沒有去到網站設計，你仍然嘗試使用維數進行設計。

7. 大背景圖

大背景圖的網頁設計應用在2011年將會更加明顯。這些背景圖像一般是高分辨率，覆蓋這個網站。高清照片是一個迅速抓住你的讀者的好方式，可以產生極具沖擊力的視覺效果-遊客的視線會不自覺地落在寬大的背景上。

當然背景圖的色彩、內容等都十分講究，任何情況下都不要破壞用戶的體驗，不然再漂亮的照片也是枉然。圖片類型趨向於一些比較柔和、略帶透明的一類，不要影響到網站文字的閱讀，講究協調，易於閱讀。

8. 不拘謹於頂級域名

嚴格意義上這一點與網頁設計無關，但這一點也是發展的趨勢，將出現更多創造性的域名。.com域名的吸引力越來越少，主要是你很難再找到一個比較短 的.com域名。2011年人們開始將視線慢慢轉移到.me、.co和.cc等身上。想想域名的發展，搶先一步，不然你很可能再次錯失先機。

9.
如果你註意現在越來越多的名片、雜誌或者其他地方出現方形條形碼，證明你已經看到2011年的這個趨勢熱門。但它跟網頁設計何幹呢？實在匪夷所思。

這個方形的條形碼被稱為QR，全稱為Quick Response（在“QR Code讀取器QuickMark” 介紹過）。使用你的手機拍攝一張唯一的條形碼的照片，像魔術一樣，手機上讀取QR的軟件就會打開條形碼相關的網站。最美妙的事情是你可以將QR應用到很多 地方。應用QR到你的網站，目的是讓瀏覽者擁有一個你的移動網頁的快捷方式。你還可以通過在您的網址上放置一個特殊的推介代碼QR追蹤你的訪客。 哈哈，你完全可以使用QR作為你的頭像，然後到別人的網站留言、評論。2011年的移動媒體優勢更加凸顯，而利用這點優勢的網頁設計是最明智的選擇也是將 來的發展趨勢。

10.縮略圖設計（Thumbnail Design）

Google已經向瀏覽用戶推出它們的瀏覽預覽技術。過去我們只能通過點擊鏈接才能看到網頁的內容，現在你只需點擊放大鏡然後將鼠標懸停在鏈接上就可以預覽該鏈接的網頁內容。

如果你的設計是基於Flash，會存在這樣的一個問題，預覽將無法顯示你的設計元素。

2011年的一般互聯網用戶變得更加精明，他們更希望看到更多人性化的導航設計。

11. 持續聯系/ Life Stream

Lifestreaming, 一種在線記錄個人日常活動的網絡應用，包括直接通過視頻feed或通過聚焦一個人的網絡在線內容，比如博客日誌，在社會性網絡上面的更新，在線相冊，聊天內容甚至只是一些喜歡的網站的鏈接等等。

最後一點，不是最不重要的一點，是網頁設計更加註重人與人之間持續聯系，如Life Stream。互聯網本身是原始的，枯燥無味的，是人類通過這個開放的平臺分享他們的一切才變得多姿多彩。將來人們還會而且加強如 lifestreaming的形式進行人與人之間的交流互動。作為網頁設計師，你必須了解這個趨勢和應對這個趨勢。

2011年，網頁設計個人博客在Twitter feeds更活躍（不只是連接到Twitter頁面的鏈接），人們會通過Foursquare互相傳遞即時信息，where are u and what are u doing。毋庸置疑，2011年將會帶我們走進一個更交心的互聯網時代。

6月9呺，谷歌的logo完美設計

6月9日，為了紀念美國電吉他之父萊斯·保羅(Les Paul)誕辰96週年， 今天谷歌的Doodle變身成為一把抽象的吉他，撥動上面的琴弦、鍵盤，就可​​以彈奏出相應的音樂。 （點擊查看更多谷歌Doodle）

萊斯·保羅(Les Paul)誕辰96週年紀念Doodle


一個很有趣的網頁設計這是一個基於HTML 5的doodle，除了用鼠標撥弦可以演奏以外，還可以用電腦鍵盤直接演奏。以下介紹一些網友總結的一些曲譜，有興趣的網友們可以試試，也可以嘗試自創一段音樂。
歡樂頌：EERT TREW QQWE EWW EERT TREW QQWE WQQ
春江花月夜：H-HHK-LHG～GGH-KLD～D-SDG-DGH～KL-;-KL;LKH-G～(-和～是長音)
滄海一聲笑：pouyt uytew wewetyuop ppouyty
谷歌此次以電吉他作為主題圖案，是為了紀念美國電吉他之父萊斯·保羅(Les Paul)誕辰96週年。國內的朋友對萊斯·保羅(Les Paul)可能不太熟悉，可以點擊這裡查看與萊斯·保羅(Les Paul)、電吉他相關的搜索結果。關於萊斯·保羅1915年，萊斯·保羅出生於美國威斯康星州。萊斯·保羅是美國著名爵士音樂人，但他在樂器和錄音技術等領域的成就遠在音樂之上。他不僅發明了實心電吉他，還創造了多聲道錄音等革新性的技術，為流行音樂的發展做出了巨大貢獻。萊斯·保羅其人搖滾音樂史上最著名的一款吉他就是以萊斯·保羅的名字命名，萊斯·保羅的演奏以快速的吉他Riff而著名，曾與美國流行音樂史早期多位最為著名的音樂人合作，創造出了很多暢銷單曲。
　　關於電吉他
電吉他是現代科學技術的產物，從外型到音響都與傳統的吉他有著明顯的差別。琴體使用新硬木製成，配有音量、音調調節器以及顫音結構等裝置。配合效果器的使用，電吉他有很強的表現力，確定了搖滾樂的基調與特質，在現代音樂中有很重要的位置。Les Paul電吉他紀念版
聲明：人民網游戲頻道轉載此文出於傳遞信息之目的，絕不意味著人民網贊同其觀點或證實其描述。

消費這選購馬桶的心理

一般消費者購買通馬桶往往只看造型是否漂亮，釉面是否美觀，稍微懂一些的要問一下沖水方式。其實內行人都知道，一個馬桶的“靈魂”不在於外表美觀與否，而在於看不見的部位，內部排污管路彎曲度的設計，好的管路能讓水量省又沖得乾淨，而且不易堵塞和賤水。買馬桶應重點考慮：是否會堵塞、賤水、沖洗乾淨、節水和靜音。我們先看看市面上現有馬桶的沖水方式，一般分為兩種：　　1. 洗落式。也有的叫直衝式、衝落式﹙Wash down﹚，即一般歐洲馬桶採用的設計，這種馬桶的特點是，水箱比較小而窄，馬桶座裡面的排糞口﹙就是馬桶裡面那個洞﹚比較大，馬桶內坡度很陡﹙常開玩笑說上大號便時容易賤起水﹚，因為這種馬桶是利用水的衝力把排泄物沖走，所以沖起水來驚天動地，聲音很大，馬桶裡面還會有小水花濺起。水量一般只要6公升﹙1.6加侖﹚左右，是比較省水的。洗落式馬桶最早見於歐州，後來日本的TOTO和INA﹙日本兩大廠﹚也跟進，雖然這種馬桶沖水時有點吵，嘩啦啦地半夜有點嚇人，但是水箱比較小、馬桶座本身也比較小，佔的空間也比較少。裡面的排污管形狀有點像「ㄣ」字型，彎曲度不大。由於孔徑也比較大，馬桶本身塞住的機率比較小。2. 虹吸式﹙Siphonic﹚，這是台灣、美國和日系廠牌最常見的馬桶。特點是水箱大而寬，馬桶座本身也比較寬大，裡面的坡度長而斜，底下排糞口小而圓。這樣的馬桶，其中的排糞管就做成「S」型，因為這個S的彎曲度非常大﹙看過解剖圖的感覺是像羊腸小道，彎來彎去﹚，所以馬桶座的體積才會變得比較大﹙也就是馬桶里長長的「坡道」底下一般看不見的馬桶內部其實密密麻麻地佈滿了彎曲的管路﹚。虹吸馬桶沖水時，馬桶裡會先積一點水﹙有的人就會以為那是馬桶不通﹚，然後管道裡變成真空、產生虹吸現象，排泄物跟糞水就會吸下去了。沖水時噪音不大，沖完有時會聽到「噗通、通、通…」的聲音，那就是虹吸現象結束時，空氣重回管道內的聲音。因為虹吸式馬桶是靠水量到達一定程度﹙填滿整個馬桶內的排糞管﹚，造成虹吸現象，來「吸走」排卸物，所以水量往往要到3.2加侖﹙12公升﹚，後來基於環保原則，美國強製廠商把通馬桶水量「調整」成6公升，因此對於虹吸式馬桶是一個很大的改革。因為，水量是虹吸效果好壞的重要因素。還有一種就是噴灑虹吸式，此款兼顧了直沖和虹吸的優點，目前是最流行的款式。它就是在下口有一沖水的地方，又有吸力，噪音不大。

SPA的傳說

這是關於沐浴器的發展的傳說，是一個美麗的話語。
有一種傳說：在比利時，有一羅馬帝國時代即聞名遐邇的小鎮“SPA”，鎮中有一溫泉，因泉水中含有豐富的礦物質和芳香精油成分，經常在水中泡浴，人就會變得特別舒暢，皮膚變得雪白光滑，身材會變得勻稱、豐滿，且能消除很多疾病，用泉水洗臉，能消除色斑，增加皮膚彈性與光澤，使皮膚變得又白又嫩。一時間，小鎮成了“天使的故鄉”，許多人不遠千裏慕名而至，連彼得大帝也帶皇後及王妃們來此洗浴，以治療疾病和獲得美麗。久之，人們便稱這種水療環境和方法為“SPA”。
發展至今，SPA的概念越來越豐富，它成了一種集香熏、精油、泡浴、按摩及日常皮膚護理及花茶與音樂為一體的具有養生與美容效果的養顏方式。但它依然和“水”脫離不了幹系。水療是SPA最普遍的形式，SPA必不可少的是水資源及水設備，如桶浴、濕蒸、幹蒸、淋浴及水力按摩浴等。
然而，在人們對SPA的認識裏，還真存在不少誤區：
誤區A：SPA就是洗個花瓣澡

沐浴器洗澡只是SPA的形式或者過程之一。抱著這種看法去美容院做SPA，你可能會覺得洗這樣的“澡”，又貴，又麻煩，又費時間。因此，你所做的SPA，可能也只達到清潔肌膚的最淺層次作用而已。

文字和圖片的統一效果是設計的重要作用

 按照我們大家所常常的習慣瀏覽效果，網頁設計公司就是利用這樣的習慣，從而設計出更加適合人麼的設計網頁。

現在視覺專家表明：用戶瀏覽網站是按照“F”型的視覺路線。我們看任何東西都是從上往下的，最頂部左上角的位置是最明顯的，也是最先被看到，這一點已經被現在所有的網站都運用上了，文字和圖片的統一，就是形式和內容的統一

文字口號是引起註意的元素之一，配加一個亮色調的按鈕圖標，瞬間讓頁面充滿活力，美感，給到瀏覽者豐富的視覺體驗。

如圖一：上下配有粉紅色圖標，位置上形成斜度視角，同有標明提醒作用，整體感觀達到協調統一效果。

如圖二：底圖4個小圖標按鈕，搭配文字，每一個圖標圖片形象表達了贊它，收藏，分享，舉報的意義，規律而生動，這個就是文字和圖片的統一，也就是形式和內容的統一。

讓文字飛

利用段落、加粗、斜體、引用、下劃線或者字母大小寫搭配一些圖形狀……，這些都能讓文字部分更有視覺沖擊力，對文字進行創意的編排更有利於瀏覽者閱讀。當然，能也讓你認為是重要的文字加以強調。

如圖：文字和圖片的搭配，使得表述的內容更加有意義，加深瀏覽者的印象。類似這樣的設計是最容易讓用戶接受和記住的。

正確取用圖片

一般用戶對圖片都是一視而過的，當我們在設計的過程中如何使用圖片？讓圖片來渲染頁面，保證整體頁面的美感呢？選定圖片要確保它們不雜亂，圖片內容要正確對應文字主題，顏色搭配要合理，被人理解，不要過於花哨。無論是圖片的大小，風格都應當配合好文字板塊，使整體的頁面效果協調有層次感。

文字融合圖片，圖片修飾文字。圖片融合文字，文字修飾圖片。

任何的網頁設計是都是文字和圖片搭配而成的。文字融入了圖片做搭配，便富有了文字生命力，而圖片加之對應內容才能便構成了一道優美的旋律音符。整個網頁就是活的了，能與用戶交流，共通。網頁的整體美感就是來源於形式和內容的統一。