什麼是自適應(yīng)設(shè)計？

自適應(yīng)網(wǎng)頁設(shè)計又稱為響應(yīng)式設(shè)計，是指同一項網(wǎng)頁設(shè)計技術(shù)。

網(wǎng)頁設(shè)計最早只需符合計算機熒幕分辨率，但手機迅速取代計算機成為上網(wǎng)工具，即使手機與計算機熒幕分辨率相同，畫面呈現(xiàn)卻完全不同，成為網(wǎng)頁設(shè)計難題。為了解決這個問題，響應(yīng)式網(wǎng)頁設(shè)計可以根據(jù)顯示器的分辨率，自動調(diào)整版面的布局。使用筆記型計算機、手機、平板計算機等裝置，瀏覽網(wǎng)頁都有最佳體驗。

響應(yīng)式設(shè)計和自適應(yīng)設(shè)計有什麼區(qū)別？

不過，響應(yīng)式設(shè)計和自適應(yīng)設(shè)計有些區(qū)別，早期也有人以「液態(tài)版型」稱呼自適應(yīng)網(wǎng)頁設(shè)計。自適應(yīng)設(shè)計允許網(wǎng)頁內(nèi)不同元素，布局在不同分辨率的熒幕上。而響應(yīng)式網(wǎng)頁設(shè)計則是可以更為彈性的調(diào)整，例如某些功能只會在桌上型網(wǎng)站出現(xiàn)，而不會出現(xiàn)于手機網(wǎng)站。但如今大部分的人都會將這兩個技術(shù)視為相同的技術(shù)。

遠離網(wǎng)頁顯示問題

今天人們使用更多元的方式訪問網(wǎng)站與網(wǎng)頁，已經(jīng)不再受到手機尺寸、熒幕分辨率等問題困擾，這是許多設(shè)計師與工程師心血調(diào)整出來的結(jié)果，事實上背后仍有許多技術(shù)細節(jié)是不為一般人所知的，舉例來說：

操作界面

計算機使用鼠標，手機使用觸控，是兩種裝置最大的區(qū)隔，自適應(yīng)與響應(yīng)式設(shè)計大多可以完美處理操作界面的差異，但仍有一些問題：例如在手機上文字過小的問題，計算機端上看起來又會過大，不熟悉的設(shè)計師可能第一次會感到困擾，必須試圖找到最佳設(shè)計解決方案。

網(wǎng)頁結(jié)構(gòu)

網(wǎng)頁結(jié)構(gòu)無論是計算機或手機并無影響，因為網(wǎng)頁結(jié)構(gòu)是一種網(wǎng)站設(shè)計原則，設(shè)計師應(yīng)該要留意結(jié)構(gòu)化/顯示內(nèi)容的重要性。有哪一些必然出現(xiàn)的，必然要保留的，請留下來。舉例來說，手機上并不適合填寫大量文字，有些表格與欄位的部分，可以透過技術(shù)將其隱藏起來減少結(jié)構(gòu)的混亂。

網(wǎng)站導(dǎo)覽

導(dǎo)覽在選擇響應(yīng)式和自適應(yīng)網(wǎng)頁設(shè)計時，要考慮的另一個問題。導(dǎo)覽選單告訴我們要走哪條路，因此請確保無論是手機或計算機都可以看到網(wǎng)站導(dǎo)覽，最好是在頁尾也要添加導(dǎo)覽信息。

視覺特效

感謝HTML5的技術(shù)，目前網(wǎng)頁上的特效已經(jīng)可以結(jié)合響應(yīng)式網(wǎng)頁設(shè)計，無論桌上計算機或手機都看得到，但對手機來說，過多特效仍是很大的運算負擔。有些設(shè)計師的共識是：當響應(yīng)式在手機平臺時，減少或是停用視覺特效。

選單圖示

圖示很棒，過去網(wǎng)頁設(shè)計很管用，如今也是如此，但近年圖示有些泛濫成災(zāi)，挑選對用戶有效的圖示，而不是灌水使用無意義的圖示。許多響應(yīng)式網(wǎng)站設(shè)計框架有預(yù)設(shè)的圖示，已經(jīng)非常直觀實用且國際通用，設(shè)計師大可不須重新自己自制圖示。

頁簽適用性

約略十年前頁簽(Tab)的設(shè)計非常風行，但手機的顯示畫面受到限制，頁簽會占用許多畫面，反而是一個大問題。你可以試著使用少許的頁簽達到同樣的用途，但切勿大量使用導(dǎo)致操作上的不便。