在響應式設計的時代，我們應該如何設計網站？

不久前，我們設計了默認荧幕大小和輸入類型。然而，隨著各種螢幕尺寸設備的興起和互動管道的多樣化，這些預設值不再適用。現在，我們用於網站設計的所有預設值都需要更新。

近年來web的變化

人們一直在談論網絡的變化。我們先來看看網絡到底發生了什麼。

螢幕尺寸

上世紀90年代，網頁的寬度為640點數，到了21世紀初，網頁寬度增至800點數。幾年前，我們把它調整到1024點數。但就在5年前，“怪事”突然發生。小荧幕設備進入市場。有一段時間，我們為網絡設定的寬度不再合適。很快，平板電腦上市了。現在荧幕視窗的高度超過了寬度。

荧幕大小沒有固定值（圖片來源：Aram bartholol）

現在我們不知道用戶使用的表單的大小。我們只能假設它的寬度是一個讓用戶感到舒適的亂數。這些數位是任意的，總會有一些用戶看到不完整的網頁。在這裡，我們可以忽略這些用戶。

“人人都有老鼠”

我們總是默認每個用戶一個滑鼠。正如我們所知，這並不總是正確的。大多數設計師忽略了為不使用滑鼠的用戶設計互動。不管是什麼原因，用戶通常很難使用鍵盤與我們的網站進行互動。

但是由於大多數用戶都使用滑鼠，當時很多設計師認為設計只需要滿足大多數人的需求，所以我們設計了一個很多人都不能使用的網站。事實證明，這個數位一直在新增。很多依賴滑鼠的互動在觸摸設備上根本不起作用。因為用戶喜歡這些設備，甚至經理和設計師也在使用它們，所以很難忽視它們。

“人人都有寬頻互聯網”

至少每個人的網速和我們的一樣快。如果他們現在沒有，他們很快就會得到。這似乎又是真的。網速真的越來越快了。如今，越來越多的人使用3G網絡。如果你在火車上用過3G，你就會明白我在說什麼。如果你曾經在飯店使用過它提供的免費Wi-Fi，你會發現我們沒有假設互聯網越來越快。這是我們思想上的一個很大的改變，我們真的應該為這些用戶考慮一下。這將對我們的設計外觀產生很大的影響。

“你的電腦一年比一年快”

電腦和以前一樣，越來越快了。如果你能在買一臺電腦前等上半年的價格，那就等上半年吧。這主要是針對新的臺式電腦，但對於移動設備，還有比處理器速度更重要的東西。例如，對於手機，最重要的是電池待機時間：你不想每次打電話都要充電。

還有另一個趨勢：製造商開始銷售比速度更快的更便宜的設備。許多用戶更關心的是價格和電池待機時間，而不是處理器速度。你的舊電腦怎麼樣了？你可以賣掉它，也可以扔掉。但用戶仍然保留和使用它。並不是每個人的硬體都和我們的設計師一樣。

“所有監視器都已校準”

我們非常清楚，這不是正確的。只有視覺化專業人士的顯示器經過校準。大多數其他人的顯示器不能正確顯示顏色，而且很多顯示器都很糟糕。我測試過的大多數手機都有很好的顯示效果。但是當你在陽光下使用時，如果你幸運的話，你仍然可以看到內容，但是你看不到低對比度設計中微妙的漸變。

人們總是使用不好的監視器，而訪問你網站的人往往視力不好。越來越多的人在尋找不合格的調色板。與其買專業的藝術顯示器，不如買一臺便宜的顯示器和幾臺低端設備來測試你的作品。

網絡在過去的五年裏發生了變化，過去創建網站的管道已經不再適用。我們需要一種新的方法。

這是響應式的，這為響應式設計提供了很好的資源。

在過去的幾年裏，我們一直在積極探索新的方法來解决不同螢幕尺寸的網頁顯示問題。除了響應式設計，越來越多的設備面臨著越來越多的挑戰。我們必須尋找新的互動模式：我們需要在任何設備上都能工作的介面。在設計過程中，出現了一些新的約定，即新的預設。下麵列出了我收集的新預設值。