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

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

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

我們所獲得的

毫無疑問。網絡已經成為一個美學勝地?；诳煽康木W格布局。構建簡單迷人的網站。已經成為一種標準?；ヂ?lián)網的墾荒已經完成。以框架和活動柵格形式出現(xiàn)的律法與秩序。已經掌管這片土壤。開始了和平的統(tǒng)治。

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

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

這樣的網頁設計畫廊。其中展出的網站。有成百上千個都符合簡單迷人的標準。

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

我們所失去的

將個人行為納入考量。如今的網站看起來基本上都很棒。拿一個名不見經傳的設計師作品集網站。與十年前知名的設計機構網站相比。你甚至會承認我們在網頁設計這件事上。已經做得好太多了。然而。四下看看。很容易得到結論：一切看起來都趨于同化。

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

為何網站看起來都一樣

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

布局

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

5種常見的網站布局。

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

響應式網頁設計

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

框架

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

原型工具和設計流程

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

許多原型工具都鼓勵使用常規(guī)網格布局結構。

高清免費照片與圖片

獲取優(yōu)美的免費設計資源真是史無前例地容易。方便與可承受占據(jù)了支配地位。設計師們蜂擁向免費照片網站。從一個小?。ǖ诓粩嘣鲩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)狀

你的網站是否有獨特的設計?，F(xiàn)在想必你心里有數(shù)了。或許你不在乎這個——這完全沒問題。但如果你想要打破標準的工作流程。這里有些概念能幫你實現(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”。

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

分享名稱：網站建設沒有亮點怎么辦--網站建設如何解決網站平庸不出眾
文章源于：http://jinyejixie.com/news46/297346.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站收錄、服務器托管、網站內鏈、關鍵詞優(yōu)化、Google、做網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)