從概念上講，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)范式轉(zhuǎn)變，使用戶和用戶體驗(yàn)（UX）成為主要焦點(diǎn)。該方法旨在簡(jiǎn)化網(wǎng)站的設(shè)計(jì)和開(kāi)發(fā)，使其對(duì)用戶環(huán)境進(jìn)行流暢反應(yīng)，包括用戶設(shè)備的平臺(tái)，屏幕尺寸和方向。

然而，由于許多遺留網(wǎng)站臭名昭著的用戶界面，繼續(xù)被轉(zhuǎn)化為響應(yīng)性，關(guān)于他們的表現(xiàn)的問(wèn)題數(shù)量一直在增長(zhǎng)。這些問(wèn)題足夠令人信服，使其在除最新一代移動(dòng)設(shè)備之外的任何平臺(tái)上幾乎無(wú)效。

這種情況對(duì)于響應(yīng)性的本質(zhì)是有害的，這意味著可以向更廣泛的受眾提供網(wǎng)站。下面討論一些重新回應(yīng)反應(yīng)概念的建議。

優(yōu)化輔助功能

構(gòu)想網(wǎng)站或門戶網(wǎng)站，包含一系列最新的先進(jìn)功能，是跟上設(shè)計(jì)技術(shù)創(chuàng)新所必需的。但是，如果新功能在基本型號(hào)上無(wú)法使用，即使在今天甚至大部分手機(jī)中都使用這些功能，那么您只會(huì)取消移動(dòng)用戶的使用資格。

因此，還有必要向用戶提供可在其功能手機(jī)上運(yùn)行良好的網(wǎng)站的低端版本。例如，Gmail的基本HTML版本是一個(gè)救生員，當(dāng)您的凈速度不是很高，或者當(dāng)您嘗試在只有基本功能的手機(jī)上檢查您的電子郵件。

因此，通過(guò)提供與基本設(shè)備兼容的您的站點(diǎn)版本，您可以使其在可訪問(wèn)性和功能方面做出真正的響應(yīng)。

優(yōu)化可用性

設(shè)計(jì)人員應(yīng)始終專注于通過(guò)優(yōu)化可用性來(lái)實(shí)現(xiàn)整個(gè)設(shè)備陣列中網(wǎng)站或Web應(yīng)用程序的范圍最大化的核心響應(yīng)理念。該流程采用智能設(shè)計(jì)調(diào)整，通過(guò)修剪需要顯示的信息來(lái)提供更好的用戶。

簡(jiǎn)而言之，網(wǎng)站的桌面實(shí)例可以通過(guò)最佳間距來(lái)顯示豐富的組件。然而，同一網(wǎng)站的基本移動(dòng)實(shí)例將需要大量的信息，而不會(huì)失去美學(xué)。

為了實(shí)現(xiàn)這一點(diǎn)，設(shè)計(jì)師必須優(yōu)先考慮最重要的信息以及最大限度地減少處理器重量級(jí)的數(shù)量。例如，移動(dòng)設(shè)備上的新聞文章只能顯示標(biāo)題，發(fā)布商的信息和時(shí)間戳，而在桌面上，它可以將摘要包含在縮略圖中。

再次，設(shè)計(jì)師應(yīng)該意識(shí)到，在解決方案時(shí)，只有最新一代的智能手機(jī)具有高級(jí)Web組件的分辨率和處理能力，與桌面相比，屏幕尺寸仍然是一個(gè)約束。因此，根據(jù)屏幕的尺寸，選擇字體和圖像的相關(guān)尺寸和清晰度非常重要。

圖像的質(zhì)量可以保持不變，同時(shí)通過(guò)消除通常被添加到其中的可分配數(shù)據(jù)來(lái)減小文件的大小?？s小是修剪不需要的數(shù)據(jù)的過(guò)程，例如代碼中的時(shí)間，數(shù)據(jù)，空格或字符，軟件版本等，同時(shí)只保留創(chuàng)建圖像的數(shù)據(jù)。

圖像的大小也可以減少到很少，對(duì)質(zhì)量的影響很小。雖然圖像可能不太清晰，但它的加載時(shí)間可以大大減少。實(shí)現(xiàn)這一目標(biāo)的方法之一就是以20質(zhì)量壓縮而不是800 x 600在90秒保存1600 x 1200圖像，并允許瀏覽器照顧調(diào)整大小。

關(guān)鍵

創(chuàng)建一個(gè)僅具有最新一代智能手機(jī)功能的創(chuàng)新功能的網(wǎng)站與核心響應(yīng)理念并不相符。

雖然不需要確保所有新功能在低級(jí)設(shè)備上運(yùn)行，但網(wǎng)站應(yīng)該能夠至少顯示重要信息，并讓這些用戶能夠獲得所需的內(nèi)容，而不會(huì)發(fā)送設(shè)備崩潰。