網頁設計失去了靈魂嗎？這是由于響應式設計嗎？我的朋友兼同事諾亞斯托克斯在沈陽網站建設行業提出了這些問題并不得不說這有點聳人聽聞。畢竟，響應式網頁不僅允許我們通過日益豐富的連接設備瀏覽網頁，而且還可以獲得樂趣。

作為一名設計師，我們的任務是解決問題，這可能遠遠超過其他事情。響應式網頁設計是創建適應各種設備的虛擬體驗的絕佳解決方案。但仍有許多問題需要解決，特別是如何使各種內容變得有趣和迷人。純文本頁面可以是漂亮的博客文章，大量不相關的JPG圖像可以是作品的集合。

那么問題就變成了：我們可以同時實現這兩個目標嗎？

我們得到了什么

毫無疑問，互聯網已經成為一種審美吸引力。基于可靠的網格布局，構建簡單而迷人的網站已成為標準。互聯網的蹂躪已經完成，以框架和活動網格形式出現的法律和秩序已經占領了這片土地并開始了和平統治。

所有這一切都是好事。簡單而迷人的網站，優勢明顯且豐富：

熟悉，便于用戶瀏覽（正確操作）。原型（相對）簡單快速。高標準化的站點施工技術標準（裝配線取代了工匠）。快速布局可以節省大量開銷（可以肯定的是，它會傳遞給消費者）。嚴格的網格布局促進了響應式設計（它在很大程度上依賴于極簡主義的布局趨勢）。

這樣的網頁設計畫廊，展示了網站，有數十萬個簡單而迷人的標準。

毫不夸張地說，標準化及其相關技術確實具有重要意義。許多個人和小公司通過簡單，迷人（但不是唯一的）網站與世界分享他們的品牌，從中受益。但這只是一個方面。

我們失去了什么

考慮到個人行為，今天的網站看起來基本上很棒。拿一個鮮為人知的設計師系列網站，與十年前著名的設計機構網站相比，你甚至承認我們在網頁設計方面做得更好。然而，環顧四周，很容易得出結論，一切似乎都被同化了。

設計師是否會失去他們的開拓精神？是否以犧牲創造力為代價？在回答這些問題之前，讓我們先來看一下導致今天網頁設計缺乏多樣性的原因。

為什么網站看起來相同

看看今天的網站，同化背后的力量是什么？誰應該怪？事實證明，它不能簡單地歸因于工具或方法。響應式設計可能有所幫助，但這只是眾多因素中的一個。這是一些嫌疑人。

布局

沈陽網站建設認為有限的布局創造力是網站缺乏多樣性并且也很明顯的原因之一。在抽象顏色，動畫，視覺上不良滾動等之后，您會注意到一些基本的頁面布局原則。在這5種布局上稍微調整了多少網站？

5個常見的網站布局。

諾亞感嘆“盒子里有所有的東西”，這意味著這一點。我們似乎停滯不前，獨特的布局已成為一種迷失的藝術。

響應式網頁設計

過去，您可以確保所有網站訪問者都在低分辨率桌面屏幕上瀏覽。今天，網站在各種尺寸和分辨率下表現都很好，這不是奢侈品，而是必需品。寬度活躍，可擴展的基本網格系統使響應式網頁設計比休閑布局更容易處理。

幀

Web設計框架可以加速設計和開發過程。對于許多人來說，它們是構建跨瀏覽器響應式網頁的快速而安全的方式。作為獎勵，他們還注意保持內容簡單，從按鈕到表單，涵蓋所有常見元素。諸如Bootstrap和Foundation之類的工具非常受歡迎，導致成千上萬的網頁設計師在他們的每個項目中使用完全相同的代碼庫，布局甚至美學。

原型設計工具和設計流程

即使在從頭開始的過程中，設計過程也在有意識地抑制創造力。大多數原型制作工具都鼓勵甚至強迫您使用標準化的盒子元素，嚴格遵循Web格式的布局。

許多原型設計工具鼓勵使用常規的網格布局結構。

高清免費照片和圖片

獲得漂亮的免費設計資源前所未有的輕松。設計人員方便而實惠，蜂擁至免費照片網站，從一個小的（但正在增長的）池中獲取相同的資源。

兩張免費攝影圖片。

在過去兩年中，您在其中一張照片（或兩張照片）中看到了多少網站？如果你經常瀏覽網站，我打賭有幾十個。

鄉村風格和Jigglist;大學作文家伙忙著賺錢

它不僅僅是照片，還有圖標，字體，設計模式等等。好消息是沒有任何預算的設計師可以制作出漂亮的網站;嚴重的是，所有其他設計師使用相同的資源進行相同的設計。

設計趨勢

對于一些設計師來說，“趨勢”是一個貶義詞。但它不應該是一個貶義詞。尋找20世紀的時代，看看這十年的設計趨勢。你會發現它真的很吸引人。它賦予了這個時代獨特的風格和個性，往往反映了整個文化環境。即使你看不到它，它也會發生在你的工作中。你看到和體驗的一切都會影響你的行為，互聯網已經以前所未有的方式放大了這種效果。引領眾多設計師從同樣的資源中獲取靈感并追逐同一趨勢。

我們的設計師

上面列出的每個工具和資源都非常有價值。他們可以簡化工作，為更多人打開網頁設計和開發之門，為客戶節省資金。我不會不加區別地使用它們，我會仔細選擇它們。如果你真的想找到破壞網頁設計多樣性的罪魁禍首，我會自己動手，這就是我。我不認為每個項目都應該有獨特的設計。我想為嘗試有趣設計的設計師脫掉帽子。

重要的是要知道您仍然可以使用所有這些資源創建獨特的設計。這一切都取決于您如何使用這些工具。

如何挑戰現狀

你的網站是否具有獨特的設計，現在你必須考慮到一些。也許你不關心這個——這很好。但是如果你想打破標準的工作流程，這里有一些可以幫助你實現它的概念，而一些網站可能是一個很好的例子。

奇怪的布局

關閉您的原型制作工具，取出筆和紙，并考慮如何創建一個有趣和有用的布局，這是在您以前的例行程序之外。

階段雜志

Phases Magazine是布局大膽突破的一個很好的例子。它還有一個盒子——，它有一個網格——，但它們以某種方式創造了一種與標準網站完全不同的體驗（截圖不會讓你感覺良好，請務必自己打開它）。如果你看到這種感覺，“哇，這太奇怪了”，太好了！他們想要的是這種效果。有些人會喜歡它，有些人會討厭它，但我喜歡的是他們試圖做出一些改變。

Phases Magazine使用非常規網格。

不幸的是，這個網站的整體體驗非常糟糕。有不必要的滾動，表面是響應的，但在某些尺寸上它是非常混亂的。

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

好奇的空間

這個概念有一個更好的應用案例，Curious Space。

好奇空間的布局。

這里的網格也有一些自然和隨意的感覺，但滾動功能是常規的，響應斷點很好。

Curious Space適應各種不同的設備。

當你操作這個網站時，你會發現很多很好的小設計細節。例如，鼠標懸停會影響圖像的堆疊順序。

鼠標懸停會將內容帶到前面。

此外，滾動時有一點樂趣，但至少它不會干擾操作，它也匹配網站的視覺主題。徽標以一堆令人困惑的字母開頭。當頁面滾動時，它們各自歸位并在導航欄中形成“好奇空間”。

通過滾動，徽標的字母都是歸位的。