網(wǎng)頁設(shè)計是否喪失了靈魂？這是否要?dú)w咎于響應(yīng)式設(shè)計呢？我在深圳網(wǎng)站建設(shè)行業(yè)的朋友兼同事Noah Stokes提出了這些問題，不得不說是有點(diǎn)聳人聽聞。畢竟，響應(yīng)式網(wǎng)頁不僅能讓我們通過日益豐富的聯(lián)網(wǎng)設(shè)備瀏覽網(wǎng)頁，還能感受其樂趣。

作為設(shè)計師，我們的要任務(wù)是解決問題，這可能遠(yuǎn)遠(yuǎn)超過其他的事情。響應(yīng)式網(wǎng)頁設(shè)計是一種絕妙的解決方案，能創(chuàng)造出適應(yīng)各種設(shè)備的虛擬體驗。但仍然有許多問題亟待解決，尤其是如何讓各種內(nèi)容都有趣迷人。一頁純文字可以成為一篇優(yōu)美的博文，一大堆無關(guān)聯(lián)的JPG圖片可以成為一部的作品集。

然后，問題就變成了：我們能同時實現(xiàn)兩者嗎？

我們所獲得的

毫無疑問，網(wǎng)絡(luò)已經(jīng)成為一個美學(xué)勝地。基于可靠的網(wǎng)格布局，構(gòu)建簡單迷人的網(wǎng)站，已經(jīng)成為一種標(biāo)準(zhǔn)。互聯(lián)網(wǎng)的墾荒已經(jīng)完成，以框架和活動?xùn)鸥裥问匠霈F(xiàn)的律法與秩序，已經(jīng)掌管這片土壤，開始了和平的統(tǒng)治。

所有這些都是好事。簡單迷人的網(wǎng)站，優(yōu)勢顯而易見且豐富：

1. 熟悉，便于用戶瀏覽（操作正確的話）。
2. 原型設(shè)計（相對）簡單快速。
3. 建站技術(shù)的高度標(biāo)準(zhǔn)化（流水線取代了工匠）。
4. 快速布局節(jié)省了大量開銷（有一定可能會轉(zhuǎn)嫁給消費(fèi)者）。
5. 嚴(yán)格的柵格布局促進(jìn)了響應(yīng)式設(shè)計（它嚴(yán)重依賴極簡的布局趨勢）。

這樣的網(wǎng)頁設(shè)計畫廊，其中展出的網(wǎng)站，有成百上千個都符合簡單迷人的標(biāo)準(zhǔn)。

毫不夸張的說，標(biāo)準(zhǔn)化與其相關(guān)技術(shù)確有重大意義。無數(shù)的個人與小公司從中受益，通過簡單迷人（卻毫無獨(dú)特性）的網(wǎng)站，向全世界分享他們的品牌。但是，那只是一方面。

我們所失去的

將個人行為納入考量，如今的網(wǎng)站看起來基本上都很棒。拿一個名不見經(jīng)傳的設(shè)計師作品集網(wǎng)站，與十年前知名的設(shè)計機(jī)構(gòu)網(wǎng)站相比，你甚至?xí)姓J(rèn)我們在網(wǎng)頁設(shè)計這件事上，已經(jīng)做得好太多了。然而，四下看看，很容易得到結(jié)論：一切看起來都趨于同化。

是不是設(shè)計師都喪失了開拓精神？便捷是否犧牲了創(chuàng)造性？在回答這些問題前，我們先看看是什么致使今天網(wǎng)頁設(shè)計缺乏多樣性。

為何網(wǎng)站看起來都一樣

看看如今的網(wǎng)站，同化的背后是什么力量在驅(qū)使？應(yīng)該怪誰？事實證明，并不能簡單歸咎于某種工具或方法。響應(yīng)式設(shè)計或許推波助瀾，但它只是諸多因素之一。下面是一些疑犯。

布局

深圳網(wǎng)站建設(shè)認(rèn)為有限的布局創(chuàng)意，是網(wǎng)站缺乏多樣性主要也顯而易見的原因之一。抽離色彩、動畫、視覺差滾動及類似效果之后，你就會注意到一些基本的網(wǎng)頁布局原則。有多少網(wǎng)站是在這5種布局上稍作調(diào)整而成的？

5種常見的網(wǎng)站布局。

Noah哀嘆“到處都是條條框框”，指的就是這個。我們似乎停滯了，獨(dú)特的布局成為了一種失傳的藝術(shù)。

響應(yīng)式網(wǎng)頁設(shè)計

在以前，你可以確保，所有的網(wǎng)站訪客都在用低分辨率的臺式電腦屏幕瀏覽。如今，網(wǎng)站在所有尺寸與分辨率上表現(xiàn)良好，這已不是一種奢侈，而是一種必需。寬度活動、可伸縮的基本柵格系統(tǒng)，使得響應(yīng)式網(wǎng)頁設(shè)計比隨性的布局更易處理。

框架

網(wǎng)頁設(shè)計框架或許可以加速設(shè)計與開發(fā)流程。對許多人而言，它們是建立跨瀏覽器響應(yīng)式網(wǎng)頁安全快速的方式。作為獎勵，他們還會注意保持內(nèi)容簡略，從按鈕到表單，涵蓋所有通用元素。Bootstrap和Foundation這類工具有著驚人的人氣，導(dǎo)致成千上萬的網(wǎng)頁設(shè)計師在他們每個項目中使用完全相同的代碼庫、布局、甚至美學(xué)風(fēng)格。

原型工具和設(shè)計流程

即使在從零開始的過程中，設(shè)計流程也在有意識地抑制創(chuàng)造力。多數(shù)原型工具都鼓勵、甚至可能迫使你使用標(biāo)準(zhǔn)化的方框元素，嚴(yán)格遵循網(wǎng)格式的布局。

許多原型工具都鼓勵使用常規(guī)網(wǎng)格布局結(jié)構(gòu)。

高清免費(fèi)照片與圖片

獲取優(yōu)美的免費(fèi)設(shè)計資源真是史無前例地容易。方便與可承受占據(jù)了支配地位，設(shè)計師們蜂擁向免費(fèi)照片網(wǎng)站，從一個小小（但在不斷增長）的池子中獲取相同的資源。

兩張免費(fèi)攝影圖片。

在過去的兩年中，你看到過多少個網(wǎng)站用了其中某張照片（或者兩張）？如果你經(jīng)常瀏覽網(wǎng)站，我打賭有幾十個。

The Village Style和Jigglist； College Essay Guy和Get Busy Make Money

這還不僅僅是照片，還包括圖標(biāo)、字體、設(shè)計模式等等。好的方面是，沒有任何預(yù)算的設(shè)計師也能做出好看的網(wǎng)站；糟糕的是，所有其他設(shè)計師也在用同樣的資源做著同樣的設(shè)計。

設(shè)計趨勢

對于某些設(shè)計師而言，“趨勢”是一個貶義詞。但它不該是貶義詞。在20世紀(jì)找一個年代，看那十年的設(shè)計趨勢。你會發(fā)現(xiàn)真叫人著迷。它為那個時代賦予了獨(dú)特的風(fēng)格與個性，往往能反映出整個文化環(huán)境。即使你看不見，它也正發(fā)生在你的工作中。你看到與體驗到的一切，都在影響你的行為，互聯(lián)網(wǎng)則前所未有地放大了這種效應(yīng)。導(dǎo)致許多設(shè)計師從相同的資源獲取靈感，追逐相同的趨勢。

我們設(shè)計師

上面列出的每一項工具與資源都極有價值。它們能簡化工作，讓網(wǎng)頁設(shè)計與開發(fā)的大門向更多人敞開，也為客戶省錢。我不會胡亂使用它們，我會精心挑選。如果真要尋找破壞網(wǎng)頁設(shè)計多樣性的元兇，我會舉起自己的手，就是我。我覺得不是每個項目都值得進(jìn)行獨(dú)特的設(shè)計，我要向那些嘗試有趣設(shè)計的設(shè)計師們脫帽致敬。

要知道，有一點(diǎn)很重要，你用上面所有這些資源仍然可以創(chuàng)造出獨(dú)特的設(shè)計。這都取決于你如何使用這些工具。

如何挑戰(zhàn)現(xiàn)狀

你的網(wǎng)站是否有獨(dú)特的設(shè)計，現(xiàn)在想必你心里有數(shù)了。或許你不在乎這個——這完全沒問題。但如果你想要打破標(biāo)準(zhǔn)的工作流程，這里有些概念能幫你實現(xiàn)，還有些網(wǎng)站可以作為非常棒的案例。

奇異的布局

關(guān)掉你的原型工具，拿出紙筆，思考一下如何創(chuàng)作出有趣且有用的布局，脫離你以前的套路。

Phases Magazine

Phases Magazine就是個很好的例子，在布局上大膽突破。它也有條條框框——其中有網(wǎng)格——但他們以某種方式創(chuàng)造出了完全不同于標(biāo)準(zhǔn)網(wǎng)站的體驗（屏幕截圖不能讓你很好地感受到，請一定要親自打開看）。如果你看到這個覺得，“哇，這太奇怪了”，那么很好！他們要的就是這個效果。有人會喜歡，有人會討厭，但我喜歡的是他們在嘗試做一些改變。

Phases Magazine用了一種非傳統(tǒng)的網(wǎng)格。

不幸的是，這個網(wǎng)站的整體體驗非常糟糕。有不必要的滾屏，表面上是響應(yīng)式布局，但在某些尺寸下嚴(yán)重錯亂。

Phases Magazine的布局在小屏幕上完全亂了。

Curious Space

這個概念還有一個更好的應(yīng)用案例，Curious Space。

Curious Space的布局。

這里的網(wǎng)格也有些天然隨性的感覺，但滾動功能是常規(guī)的，響應(yīng)式斷點(diǎn)也運(yùn)轉(zhuǎn)良好。

Curious Space適應(yīng)各種不同設(shè)備。

操作這個網(wǎng)站時，你會注意到許多不錯的小設(shè)計細(xì)節(jié)。例如，鼠標(biāo)懸停會影響圖片的層疊順序。

鼠標(biāo)懸停會讓內(nèi)容到前面來。

而且，滾動時還有點(diǎn)小趣味，但至少不會打亂操作，也與網(wǎng)站隨性的視覺主題相吻合。logo開始是一堆混亂的字母，隨著頁面滾動，它們各自歸位，在導(dǎo)航條中組成了“Curious Space”。

隨著滾動，logo的字母各自歸位。

http://www.bangwork.net/jianzhanzhishi/7634.html 網(wǎng)站建設(shè)沒有亮點(diǎn)怎么辦--深圳網(wǎng)站建設(shè)如何解決網(wǎng)站平庸不出眾