互聯(lián)網(wǎng)iPad化 網(wǎng)絡(luò)應(yīng)用程序設(shè)計(jì)正在變革
51CTO編者按：在蘋果正式推出iOS 4.2后，對iPad多任務(wù)等100多項(xiàng)功能進(jìn)行了改進(jìn)，目前移動(dòng)設(shè)備的興起正在給互聯(lián)網(wǎng)帶來一場新的革命，由iPad***的一場風(fēng)潮正在席卷整個(gè)互聯(lián)網(wǎng)世界。
北京時(shí)間12月10日消息，據(jù)國外媒體報(bào)道，谷歌已經(jīng)正式推出其網(wǎng)絡(luò)應(yīng)用程序商店Chrome Web Store。商店里的應(yīng)用程序采用了JavaScript語言和HTML5規(guī)范等先進(jìn)技術(shù)。并且Chrome應(yīng)用商店大部分程序都能應(yīng)用在任何一款現(xiàn)代瀏覽器上，而不僅僅是谷歌Chrome上。
iPad 已經(jīng)改變了互聯(lián)網(wǎng)設(shè)計(jì)，我們將這種現(xiàn)象稱為“互聯(lián)網(wǎng)的iPad化”。正如iPad對互聯(lián)網(wǎng)設(shè)計(jì)產(chǎn)生的影響一樣，它對第二波網(wǎng)絡(luò)應(yīng)用程序的影響也表現(xiàn)得更為明顯。
看過谷歌程序商店，我們很難不注意到有些應(yīng)用程序與其iPad對應(yīng)程序以及iPad 應(yīng)用程序和iPad網(wǎng)站總趨勢的相似之處 -- 有些程序簡直就是其iPad對應(yīng)程序的翻版。舉例如下：
今日美國
今日美國（USA Today）為iPad發(fā)行的新聞軟件（USA Today for iPad）（iTunes鏈接）使用起來極為方便。它能提供完全根據(jù)iPad屏幕尺寸進(jìn)行優(yōu)化的閱讀體驗(yàn)、以及***的觸摸體驗(yàn)，并附帶內(nèi)置社交共享功能。
為Chrome設(shè)計(jì)的“今日美國”網(wǎng)絡(luò)程序（兼容HTML5的瀏覽器也可在optimus.usatoday.com上訪問此程序）近似iPad程序的綠色版。事實(shí)上，我們可以很自信地說，除了一些iPad專用優(yōu)化之外（主要是導(dǎo)航功能），它就是個(gè)iPad應(yīng)用程序。
從任何意義上來講，這都不是件壞事。此程序提供了標(biāo)準(zhǔn)今日美國網(wǎng)站之外的超級(jí)閱讀及瀏覽體驗(yàn)。
NPR新聞網(wǎng)站
另一明顯借鑒iPad對應(yīng)程序的新聞軟件是Chrome NPR。
我們都非常喜歡iPhone和iPad上的NPR應(yīng)用程序，因此，其對應(yīng)的Chrome NPR也被添進(jìn)了我們的程序清單之中。其他瀏覽器也可在npr.org/webapp上訪問此程序。
HTML5應(yīng)用框架SproutCore曾被用來創(chuàng)建NPR程序的一個(gè)早期演示版。我們感覺早期演示中的某些元素已應(yīng)用到新的網(wǎng)絡(luò)版之中。
不僅界面十分實(shí)用、***吸引力，還創(chuàng)建出不同平臺(tái)之間的一致體驗(yàn)。
Flixster
為Chrome設(shè)計(jì)的Flixster網(wǎng)絡(luò)應(yīng)用程序（也可在flixster.rottentomatoes.com上訪問）極清楚地反映了其iPad對應(yīng)程序的布局。
想想左邊欄目里缺少的滾動(dòng)條——滾動(dòng)條獨(dú)立于主欄目之外——這跟 iPad程序完全一樣。
不過，兩種程序在按鈕和導(dǎo)航站上的確存在差異。iPad程序使用的是屏幕底端（iPad用戶界面設(shè)計(jì)的常見模式）；而網(wǎng)絡(luò)程序使用的是頂端。
此網(wǎng)絡(luò)程序還設(shè)置了不足1000的固定像素寬度。在風(fēng)景模式下， iPad的分辨率是1024×768。公平地說，許多上網(wǎng)本的分辨率是1024×600。但我們?nèi)匀徽J(rèn)為設(shè)計(jì)這樣的固定像素寬很有意思。
亞馬遜購物應(yīng)用Windowshop
Chrome上的亞馬遜購物應(yīng)用程序Windowshop僅僅只是windowshop.com的一個(gè)書簽，但是，這并不是意味著，它算不上是個(gè)出色的網(wǎng)絡(luò)應(yīng)用程序。
此網(wǎng)絡(luò)程序與其iPad對應(yīng)程序布局完全一致。
唯一的差別——這一點(diǎn)很重要——是在網(wǎng)絡(luò)程序的右下端添加了一個(gè)滾動(dòng)控制條，用戶可以在程序內(nèi)或不同板塊間上下左右來回滾動(dòng)。
對我們來說，這使得一點(diǎn)非常明白——那就是此程序首先是為觸摸屏設(shè)置的，然后為鼠標(biāo)和鍵盤進(jìn)行了調(diào)整。
地下氣象
Chrome上的地下氣象程序（chrome.wunderground.com上可訪問）跟iPad上的對應(yīng)程序存在差異。
但是，這款為用戶提供***方式查看和搜索天氣情況的Chrome程序，的確與其他一些iPad氣象應(yīng)用程序有著驚人的相似之處。
例如，Weather HD (iTunes鏈接)采用非常類似的方式來展示天氣情況。Weather HD使用動(dòng)畫圖像（這也是地下氣象希望效仿的一個(gè)方面），還能展示每小時(shí)的天氣情況。但是兩款程序的總體布局相似。
模糊HTML5和本地應(yīng)用程序之間的界限
谷歌的官方定義可能是Android用于平板電腦，而Chrome OS用于上網(wǎng)本。但是實(shí)際上，似乎越來越多的網(wǎng)絡(luò)開發(fā)者在設(shè)計(jì)網(wǎng)絡(luò)應(yīng)用程序時(shí)，將平板電腦外形因素和功能考慮在內(nèi)，比如說多點(diǎn)觸摸等。
這也可以理解，因?yàn)閺囊陨纤e的例子中可以看出，許多iPad程序在很大程度上只適用于HTML5。當(dāng)然，為諸如iOS或Android等平臺(tái)設(shè)計(jì)一款本地應(yīng)用程序有一些好處——即便這個(gè)程序很大程度是上用HTML5編寫的——但是，隨著HTML5規(guī)范和JavaScript語言漸漸成為創(chuàng)建這種應(yīng)用程序的基礎(chǔ)，將這些程序移植到別的平臺(tái)上或是設(shè)備中就顯得并無任何挑戰(zhàn)性。
上周，美國Netflix公司的工程師在博客中寫道，公司決定在新開發(fā)的許多程序中使用HTML5規(guī)范。
很顯然，許多其他公司也看到了這些優(yōu)點(diǎn)。我們認(rèn)為iPad的設(shè)計(jì)線索和未來的Android平板電腦將延續(xù)其對傳統(tǒng)網(wǎng)絡(luò)瀏覽器中網(wǎng)絡(luò)設(shè)計(jì)和發(fā)展的影響。
雖然這些不同類型設(shè)備的真正融合——桌面和平板電腦——仍然還有很長的路要走，但是用戶已開始在不同計(jì)算平臺(tái)上看到類似的用戶界面、應(yīng)用體驗(yàn)以及功能。
Phone Club——51CTO移動(dòng)開發(fā)線下技術(shù)沙龍
本期主題：Android應(yīng)用開發(fā)技術(shù)進(jìn)階
地點(diǎn)：創(chuàng)新工場 北京市海淀區(qū)北四環(huán)西路66號(hào)第三極大廈B座18層
演講講師：王明禮（創(chuàng)新工場） 范懷宇（網(wǎng)易）
【編輯推薦】
