網頁設計是否喪失了靈魂？這是否要歸咎于響應式設計呢？我的朋友兼同事Noah Stokes提出了這些題目，不得不說是有點聳人聽聞。究竟，響應式網頁不僅能讓我們通過日益豐碩的聯(lián)網設備瀏覽網頁，還能感慨感染其樂趣。
作為設計師，我們的首要任務是解決題目，這可能遠遠超過其他的事情。響應式網頁設計是一種絕妙的解決方案，能創(chuàng)造出適應各種設備的虛擬體驗。但仍舊有很多題目亟待解決，尤其是如何讓各種內容都有趣迷人。一頁純文字可以成為一篇柔美的博文，一大堆無聯(lián)系關系的JPG圖片可以成為一部專業(yè)的作品集。
然后，題目就變成了：我們能同時實現(xiàn)兩者嗎？
我們所獲得的
毫無疑問，網絡已經成為一個美學勝地?；诳煽康木W格布局，構建簡樸迷人的網站，已經成為一種尺度?；ヂ?lián)網的墾荒已經完成，以框架和流動柵格形式泛起的律法與秩序，已經掌管這片泥土，開始了和平的統(tǒng)治。
所有這些都是好事。簡樸迷人的網站，上風顯而易見且豐碩：
認識，便于用戶瀏覽（操縱準確的話）。
原型設計（相對）簡樸快速。
建站技術的高度尺度化（流水線取代了工匠）。
快速布局節(jié)省了大量開銷（有一定可能會轉嫁給消費者）。
嚴格的柵格布局促進了響應式設計（它嚴峻依靠極簡的布局趨勢）。
響應式網頁設計 網站設計 網站策劃
漫步Awwwards這樣的網頁設計畫廊，其中展出的網站，有成百上千個都符合簡樸迷人的尺度。
絕不夸張的說，尺度化與其相關技術確有重大意義。無數(shù)的個人與小公司從中受益，通過簡樸迷人（卻毫無獨特性）的網站，向全世界分享他們的品牌。但是，那只是一方面。
我們所失去的
將個人行為納入考量，如今的專業(yè)網站看起來基本上都很棒。拿一個名不見經傳的設計師作品集網站，與十年前最好的設計機構網站比擬，你甚至會承認我們在網頁設計這件事上，已經做得好太多了。然而，四下看看，很輕易得到結論：一切看起來都趨于同化。
是不是設計師都喪失了開拓精神？便捷是否犧牲了創(chuàng)造性？在回答這些題目前，我們先看看是什么致使今天網頁設計缺乏多樣性。
為何網站看起來都一樣
看看如今的網站，同化的背后是什么氣力在驅使？應該怪誰？事實證實，并不能簡樸歸咎于某種工具或方法。響應式設計或許推波助瀾，但它只是諸多因素之一。下面是一些疑犯。
布局
有限的布局創(chuàng)意，是網站缺乏多樣性最主要也最顯而易見的原因之一。抽離色彩、動畫、視覺差動彈及類似效果之后，你就會留意到一些基本的網頁布局原則。有多少網站是在這5種布局上稍作調整而成的？
響應式網頁設計 網站設計 網站策劃
5種常見的網站布局。
Noah哀嘆“到處都是條條框框”，指的就是這個。我們好像停滯了，獨特的布局成為了一種失傳的藝術。
響應式網頁設計
在以前，你可以確保，所有的網站訪客都在用低分辨率的臺式電腦屏幕瀏覽。如今，網站在所有尺寸與分辨率上表現(xiàn)良好，這已不是一種奢靡，而是一種必須。寬度流動、可伸縮的基本柵格系統(tǒng)，使得響應式網頁設計比隨性的布局更易處理。
框架
網頁設計框架或許可以加速設計與開發(fā)流程。對很多人而言，它們是建立跨瀏覽器響應式網頁最安全快速的方式。作為獎勵，他們還會留意保持內容簡略，從按鈕到表單，涵蓋所有通用元素。Bootstrap和Foundation這類工具有著驚人的人氣，導致成千上萬的網頁設計師在他們每個項目中使用完全相同的代碼庫、布局、甚至美學風格。
原型工具和設計流程
即使在從零開始的過程中，設計流程也在有意識地按捺創(chuàng)造力。多數(shù)原型工具都鼓勵、甚至可能迫使你使用尺度化的方框元素，嚴格遵循網格局的布局。
響應式網頁設計 網站設計 網站策劃
很多原型工具都鼓勵使用常規(guī)網格布局結構。
高清免費照片與圖片
獲取柔美的免費設計資源真是史無前例地輕易。利便與可承受占據了支配地位，設計師們蜂擁向免費照片網站，從一個小?。ǖ诓粩嘣鲩L）的池子中獲取相同的資源。
響應式網頁設計 網站設計 網站策劃
兩張免費攝影圖片。
在過去的兩年中，你看到過多少個網站用了其中某張照片（或者兩張）？假如你常常瀏覽網站，我打賭有幾十個。
響應式網頁設計 網站設計 網站策劃
The Village Style和Jigglist； College Essay Guy和Get Busy Make Money
這還不僅僅是照片，還包括圖標、字體、設計模式等等。好的方面是，沒有任何預算的設計師也能做出好看的網站；糟糕的是，所有其他設計師也在用同樣的資源做著同樣的設計。
設計趨勢
對于某些設計師而言，“趨勢”是一個貶義詞。但它不該是貶義詞。在20世紀找一個年代，看那十年的設計趨勢。你會發(fā)現(xiàn)真叫人著迷。它為那個時代賦予了獨特的風格與個性，往往能反映出整個文化環(huán)境。即使你看不見，它也正發(fā)生在你的工作中。你看到與體驗到的一切，都在影響你的行為，互聯(lián)網則前所未有地放大了這種效應。導致很多設計師從相同的資源獲取靈感，追逐相同的趨勢。
我們設計師
上面列出的每一項工具與資源都極有價值。它們能簡化工作，讓網頁設計與開發(fā)的大門向更多人敞開，也為客戶省錢。我不會胡亂使用它們，我會精心挑選。假如真要尋找破壞網頁設計多樣性的首惡，我會舉起自己的手，就是我。我覺得不是每個項目都值得進行獨特的設計，我要向那些嘗試有趣設計的設計師們脫帽致敬。
要知道，有一點很重要，你用上面所有這些資源仍舊可以創(chuàng)造出獨特的設計。這都取決于你如何使用這些工具。
如何挑戰(zhàn)現(xiàn)狀
你的網站是否有獨特的設計，現(xiàn)在想必你冷暖自知了。或許你不在乎這個——這完全沒題目。但假如你想要打破尺度的工作流程，這里有些概念能幫你實現(xiàn)，還有些網站可以作為非常棒的案例。
奇特的布局
關掉你的原型工具，拿出紙筆，思索一下如何創(chuàng)作出有趣且有用的布局，脫離你以前的套路。
Phases Magazine
Phases Magazine就是個很好的例子，在布局上大膽勇敢突破。它也有條條框框——其中有網格——但他們以某種方式創(chuàng)造出了完全不同于尺度網站的體驗（屏幕截圖不能讓你很好地感慨感染到，請一定要切身打開看）。假如你看到這個覺得，“哇，這太希奇了”，那么很好！他們要的就是這個效果。有人會喜歡，有人會討厭，但我喜歡的是他們在嘗試做一些改變。
響應式網頁設計 網站設計 網站策劃
Phases Magazine用了一種非傳統(tǒng)的網格。
不幸的是，這個網站的整體體驗非常糟糕。有不必要的滾屏，表面上是響應式布局，但在某些尺寸下嚴峻錯亂。
響應式網頁設計 網站設計 網站策劃
Phases Magazine的布局在小屏幕上完全亂了。
Curious Space
這個概念還有一個更好的應用案例，Curious Space。
響應式網頁設計 網站設計 網站策劃
Curious Space的布局。
這里的網格也有些自然隨性的感覺，但動彈功能是常規(guī)的，響應式斷點也運轉良好。
響應式網頁設計 網站設計 網站策劃
Curious Space適應各種不同設備。
操縱這個網站時，你會留意到很多不錯的小設計細節(jié)。例如，鼠標懸停會影響圖片的層疊順序。
響應式網頁設計 網站設計 網站策劃
鼠標懸停會讓內容到前面來。
而且，動彈時還有點小趣味，但至少不會打亂操縱，也與網站隨性的視覺主題相吻合。logo開始是一堆混亂的字母，跟著頁面動彈，它們各自歸位，在導航條中組成了“Curious Space”。
