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