響應式設計專家Ben Frain:設計是為解決問題而存在的
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 應用在未來會超過原生應用。但是響應式設計還有自己的局限性。你認為最終的解決方案是什么?
我們必須要等一等才能看到未來,讓自己適應到發展中。我不太喜歡猜測。
</blockquote>
<span id="shareA4" class="fl"> </span>
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!