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

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

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

我們得到了什么

毫無疑問，互聯(lián)網(wǎng)已經(jīng)成為一種審美吸引力?；诳煽康木W(wǎng)格布局，構建簡單而迷人的網(wǎng)站已成為標準。互聯(lián)網(wǎng)的蹂躪已經(jīng)完成，以框架和活動網(wǎng)格形式出現(xiàn)的法律和秩序已經(jīng)占領了這片土地并開始了和平統(tǒng)治。

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

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

這樣的網(wǎng)頁設計畫廊，展示了網(wǎng)站，有數(shù)十萬個簡單而迷人的標準。

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

我們失去了什么

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

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

為什么網(wǎng)站看起來相同

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

布局

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

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

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

響應式網(wǎng)頁設計

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

幀

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

原型設計工具和設計流程

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

許多原型設計工具鼓勵使用常規(guī)的網(wǎng)格布局結構。

高清免費照片和圖片

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

兩張免費攝影圖片。

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

鄉(xiāng)村風格和Jigglist;大學作文家伙忙著賺錢

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

設計趨勢

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

我們的設計師

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

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

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

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

奇怪的布局

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

階段雜志

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

Phases Magazine使用非常規(guī)網(wǎng)格。

不幸的是，這個網(wǎng)站的整體體驗非常糟糕。有不必要的滾動，表面是響應的，但在某些尺寸上它是非?；靵y的。

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

好奇的空間

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

好奇空間的布局。

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

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

當你操作這個網(wǎng)站時，你會發(fā)現(xiàn)很多很好的小設計細節(jié)。例如，鼠標懸停會影響圖像的堆疊順序。

鼠標懸停會將內(nèi)容帶到前面。

此外，滾動時有一點樂趣，但至少它不會干擾操作，它也匹配網(wǎng)站的視覺主題?；諛艘砸欢蚜钊死Щ蟮淖帜搁_頭。當頁面滾動時，它們各自歸位并在導航欄中形成“好奇空間”。

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