響應式設計專家Ben Frain：設計是爲解決問題而存在的

非商業轉載請註明做譯者、出處，並保留本文的原始連接：http://www.ituring.com.cn/article/72202

Ben Frain從1996年開始開發網頁，是一名有着豐富經驗的網頁設計師和前端工程師，他與世界各地的客戶和設計機構並肩工做。他在響應式設計領域的造詣尤爲深厚，精於前端代碼性能優化，著有《響應式Web設計：HTML5和CSS3實戰》和Sass and Compass for Designers。於此同時，他仍是一名科技記者，按期爲一些關注Mac平臺、前沿科技、網頁設計和航空技術的刊物撰稿。在此以前，他曾是一名電視演員，畢業於索爾福德大學的媒體與表演專業。

圖靈社區：是什麼促使你放棄本身的表演事業成爲一位web設計師的？

因素不少。最終讓我決定從事web設計的緣由是我想開始努力鞏固本身在某一方面的技術，從而成爲這個領域的專家。表演須要處處旅行，這樣陪家人的時間就少了。

圖靈社區：你能列舉幾個響應式設計網站最好的例子嗎？

如今這樣的例子太多了！CodeKit最近剛剛推出了新的網站，我很是喜歡。

可是，我認爲列舉一些具體的站點是不太合適的（雖然我剛剛這麼作了），由於設計是爲解決問題而存在的。因此這是一個你能夠自問的問題：你正在尋找的響應式設計是否很好地解決了你已有的問題。

圖靈社區：當開發原生應用的時候，流量是開發者考慮的主要問題之一，他們會爲這些應用作一些有針對性的優化。在進行響應式設計時，咱們怎麼才能把流量考慮進去？

像Google Page Speed Insights這樣的工具是一個很好的開始。而後咱們就須要考慮CDN，使用工具來優化資源。但那就徹底是另外一碼事兒了，一言難盡。

圖靈社區：你認爲適應性設計和響應式設計的區別是什麼？

我認爲適應式設計並不必定會用到流式佈局；從根本上它是兩個響應式設計的核心組件（流式圖像，流式網格佈局，媒體查詢）。因此，最後你在視圖間的設計會存在「斷點」。

圖靈社區：你認爲漸進加強的web設計能夠和響應式設計融合嗎？

漸進加強以恪守Web標準的標籤爲基礎，意味着它在全部瀏覽器中都可用。而後經過CSS樣式和必要的JavaScript來爲更先進的瀏覽器提供漸進式的加強體驗。

我認爲全部的響應式設計都是漸進設計的；從最低規格的設備的承載能力開始，而後以此爲基礎構建，漸進地爲更有能力的設備增長更多功能。若是你發現本身須要從網頁上去除不少元素，好比視口或者性能變動，那麼你的前進方向極可能是錯誤的！

圖靈社區：如今的移動設備，不只尺寸千差萬別，分辨率也愈來愈高，響應式設計能夠爲高分辨率設備提供支持嗎？

設備及其性能老是與時俱進。iPhone 4是第一款被普遍使用的高分辨率設備。它的屏幕大小爲960乘以640像素，分辨率爲每英寸326個像素，是上一個版本iPhone（iPhone 3GS）及2011年的15" MacBook Pro筆記本分辨率的兩倍。預計其餘設備，從平板電腦到筆記本電腦再到臺式機都會跟風。

響應式工具已經提供了一些解決方法，能夠爲這類設備提供加強支持。可是使用這個技巧時須要慎重。圖片尺寸越大，文件體積也越大，所需的加載時間會更長，因此再重申一遍：你能夠這麼作，但不必定應該這麼作。

另外，若是瀏覽器支持可縮放矢量圖形（SVG），那使用該技術替代圖片能夠解決咱們目前面臨的不少圖片縮放問題。顧名思義，可縮放矢量圖形能生成可任意縮放但顯示清晰的矢量圖片。不過，媒體查詢和SVG對嵌入在頁面中的高分辨率圖片無能爲力。在這種狀況下你須要考慮基於JavaScript的解決方案。

圖靈社區：可穿戴移動設備好比Google Glass和iWatch吸引來愈來愈多的關注。你認爲響應式設計能夠應用到這些設備上嗎？

我堅信，對目前的大多數網站來講，採用HTML5和CSS3的響應式網站設計，絕對是最佳方案。只要對現有的工做流程、實際作法和開發技巧稍做調整，就能夠製做出快速、靈活、易維護的網站，最重要的是，不管在何種視口下網站都能表現完美。

我認爲響應式web設計給了你一個最好的機會，讓你能夠在任何設備上很好地展示本身的網站。總會有新的設備，新的技術和科技出現，這是進步。咱們必須時刻準備着擁抱新的事物，併爲此調整本身。

圖靈社區：你認爲原生應用和web應用在將來哪一個會佔領市場？爲何？

我認爲（但願）web應用會最終贏得市場，由於它們有無所不在的本質（能夠被用在更多地方），可是web還有一段路要走。好比，咱們須要去掉移動瀏覽器的300毫秒滯後，而後提供一種更強健的佈局機制。這些問題雖然存在，但並不存在於全部設備。這同時也是web的強項，它可讓人們體驗到全部功能，而不是向一部分用戶提供一個二元的體驗（有仍是沒有）。

圖靈社區：有些人確實預測web應用在將來會超過原生應用。可是響應式設計還有本身的侷限性。你認爲最終的解決方案是什麼？

咱們必需要等一等才能看到將來，讓本身適應到發展中。我不太喜歡猜想。

---

更多精彩，加入圖靈訪談微信！