New iPad影響Web設計:復雜度增加、促進矢量圖形發(fā)展
“用戶們在公交上也許只能用速度緩慢的 Wi-Fi或3G,但卻需要下載那些該死的資源。他們不應該為了下載適用于視網(wǎng)膜屏的巨大圖片受到這樣的折磨。” Frost 說,“我們需要一個方法去很好的解決這個問題。”
我們采訪的設計師們回應了 Frost的擔憂,但是仍然暗示蘋果樹立的新標桿(其他人肯定很快會跟風)將會帶來一些新機遇。
“Web 開發(fā)者將開始思考怎么讓網(wǎng)站適應視網(wǎng)膜分辨率,但是在短期內(nèi)將沒有答案。” ZURB的合伙人 Jonathan Smiley告訴我們,要創(chuàng)建一個適用于new iPad 的視網(wǎng)膜屏幕的網(wǎng)站,需要對(媒體查詢)media queries、(像素比例)pixel ratios以及自身抉擇都有深入了解,還需用于傳遞正確內(nèi)容的后端工具。“最重要的是移動優(yōu)化,即使new iPad支持4G,但它對圖片的要求還是太苛刻。”
圖標藝術(shù)家和設計師Jon Hicks說,new iPad 毫無質(zhì)疑的會對行業(yè)產(chǎn)生影響:“不僅在矢量圖形的采用上,還在創(chuàng)建這些內(nèi)容的工具上。我們期待看到開發(fā)者致力于創(chuàng)建能產(chǎn)生高質(zhì)SVG的繪圖apps,就像 之前圍繞著CSS animation所創(chuàng)建的那些animation工具” Hicks 補充道,有了高分辨率的屏幕,“在創(chuàng)建圖形時因為反鋸齒處理和像素網(wǎng)格所的限制所帶來的問題都將不復存在,繪圖就像是打印一樣銳利。”
工作量翻倍
在 這個過渡階段,Smiley料想將會存在令人敬畏的機遇,“一些人將帶頭沖鋒并且展示給其他人看這是怎么工作的,” 他補充道:“對于Web開發(fā)者來說適應這個并不比App開發(fā)者(需要兩套資源)容易,在iPhone4問世的兩年之后仍然有大量的App無法在視網(wǎng)膜屏幕 上使用。”
設計師 Sarah Parmenter認同Smiley的猜想:“設計師們可能“必須創(chuàng)建多套資源集,不論是Web設計還是App設計,” 但她認為:“我們處于一個發(fā)展臺階,因為css3的兼容性非常棒,尤其是在webkit方面,” 她希望設計師能越來越有創(chuàng)新,能在瀏覽器上實現(xiàn)本地化的體驗。她還表明服務方比如 Pictos Server 在很多方面具有擴展性,比如圖標。“我敢肯定在將來的幾個月內(nèi)我們會看到更多的解決方案,并且我認為我們需要進行一次有趣的討論,關(guān)于Web開發(fā)者是否需 要開始使用@2x方案作為標準,或者它是否該歸類為附加服務添加到已經(jīng)實現(xiàn)的功能之上。” 她補充道。
對 于Frost來說,設計師做的任何決定都需要仔細權(quán)衡性能和先進]顯示屏所帶來的改善之間的平衡。他告訴記者當iPhone4問世之后,“辦公室里同事們 都在搶著更新圖標和圖片以適應視網(wǎng)膜屏幕。對于這些品牌來說圖片非常重要,看到這么多圖片變得如此模糊,這太不可思議了。” 盡管這樣,F(xiàn)rost補充道:“平板仍然是移動設備,受網(wǎng)絡連接和低性能處理器的影響。”
Frost希望盡可能的保持事物的輕量以及與分辨率無關(guān)。 “避免圖片使用css漸變、圓角、盒陰影等等,使用html的特性以及圖標的網(wǎng)絡字體以減少對圖片的依賴性,”他推薦:“需要合理的使用這些技術(shù),因為不 是所有的瀏覽器都支持。漸漸的加強這些核心體驗,引進這些技術(shù)并在實際的設備和情境下測試。”他總結(jié)了一些關(guān)于將來在高分辨率屏幕上優(yōu)化網(wǎng)絡體驗的技巧, 并告訴我們最主要的規(guī)則是“高度關(guān)注用戶體驗(make contextually-considerate experiences)”以及“大量的思考和關(guān)注投入(requires a lot of thought and care)”。
【編輯推薦】