51CTO編者按：在蘋(píng)果正式推出iOS 4.2后，對(duì)iPad多任務(wù)等100多項(xiàng)功能進(jìn)行了改進(jìn)，目前移動(dòng)設(shè)備的興起正在給互聯(lián)網(wǎng)帶來(lái)一場(chǎng)新的革命，由iPad***的一場(chǎng)風(fēng)潮正在席卷整個(gè)互聯(lián)網(wǎng)世界。

[[16798]] 
互聯(lián)網(wǎng)iPad化

北京時(shí)間12月10日消息，據(jù)國(guó)外媒體報(bào)道，谷歌已經(jīng)正式推出其網(wǎng)絡(luò)應(yīng)用程序商店Chrome Web Store。商店里的應(yīng)用程序采用了JavaScript語(yǔ)言和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對(duì)互聯(lián)網(wǎng)設(shè)計(jì)產(chǎn)生的影響一樣，它對(duì)第二波網(wǎng)絡(luò)應(yīng)用程序的影響也表現(xiàn)得更為明顯。

看過(guò)谷歌程序商店，我們很難不注意到有些應(yīng)用程序與其iPad對(duì)應(yīng)程序以及iPad 應(yīng)用程序和iPad網(wǎng)站總趨勢(shì)的相似之處 -- 有些程序簡(jiǎn)直就是其iPad對(duì)應(yīng)程序的翻版。舉例如下：

今日美國(guó)

今日美國(guó)（USA Today）為iPad發(fā)行的新聞軟件（USA Today for iPad）（iTunes鏈接）使用起來(lái)極為方便。它能提供完全根據(jù)iPad屏幕尺寸進(jìn)行優(yōu)化的閱讀體驗(yàn)、以及***的觸摸體驗(yàn)，并附帶內(nèi)置社交共享功能。

為Chrome設(shè)計(jì)的“今日美國(guó)”網(wǎng)絡(luò)程序（兼容HTML5的瀏覽器也可在optimus.usatoday.com上訪問(wèn)此程序）近似iPad程序的綠色版。事實(shí)上，我們可以很自信地說(shuō)，除了一些iPad專(zhuān)用優(yōu)化之外（主要是導(dǎo)航功能），它就是個(gè)iPad應(yīng)用程序。

從任何意義上來(lái)講，這都不是件壞事。此程序提供了標(biāo)準(zhǔn)今日美國(guó)網(wǎng)站之外的超級(jí)閱讀及瀏覽體驗(yàn)。

NPR新聞網(wǎng)站

另一明顯借鑒iPad對(duì)應(yīng)程序的新聞軟件是Chrome NPR。

我們都非常喜歡iPhone和iPad上的NPR應(yīng)用程序，因此，其對(duì)應(yīng)的Chrome NPR也被添進(jìn)了我們的程序清單之中。其他瀏覽器也可在npr.org/webapp上訪問(wèn)此程序。

HTML5應(yīng)用框架SproutCore曾被用來(lái)創(chuàng)建NPR程序的一個(gè)早期演示版。我們感覺(jué)早期演示中的某些元素已應(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上訪問(wèn)）極清楚地反映了其iPad對(duì)應(yīng)程序的布局。

想想左邊欄目里缺少的滾動(dòng)條——滾動(dòng)條獨(dú)立于主欄目之外——這跟 iPad程序完全一樣。

不過(guò)，兩種程序在按鈕和導(dǎo)航站上的確存在差異。iPad程序使用的是屏幕底端（iPad用戶界面設(shè)計(jì)的常見(jiàn)模式）；而網(wǎng)絡(luò)程序使用的是頂端。

此網(wǎng)絡(luò)程序還設(shè)置了不足1000的固定像素寬度。在風(fēng)景模式下， iPad的分辨率是1024×768。公平地說(shuō)，許多上網(wǎng)本的分辨率是1024×600。但我們?nèi)匀徽J(rèn)為設(shè)計(jì)這樣的固定像素寬很有意思。

亞馬遜購(gòu)物應(yīng)用Windowshop

Chrome上的亞馬遜購(gòu)物應(yīng)用程序Windowshop僅僅只是windowshop.com的一個(gè)書(shū)簽，但是，這并不是意味著，它算不上是個(gè)出色的網(wǎng)絡(luò)應(yīng)用程序。

此網(wǎng)絡(luò)程序與其iPad對(duì)應(yīng)程序布局完全一致。

唯一的差別——這一點(diǎn)很重要——是在網(wǎng)絡(luò)程序的右下端添加了一個(gè)滾動(dòng)控制條，用戶可以在程序內(nèi)或不同板塊間上下左右來(lái)回滾動(dòng)。

對(duì)我們來(lái)說(shuō)，這使得一點(diǎn)非常明白——那就是此程序首先是為觸摸屏設(shè)置的，然后為鼠標(biāo)和鍵盤(pán)進(jìn)行了調(diào)整。

地下氣象

Chrome上的地下氣象程序（chrome.wunderground.com上可訪問(wèn)）跟iPad上的對(duì)應(yīng)程序存在差異。
但是，這款為用戶提供***方式查看和搜索天氣情況的Chrome程序，的確與其他一些iPad氣象應(yīng)用程序有著驚人的相似之處。

例如，Weather HD (iTunes鏈接)采用非常類(lèi)似的方式來(lái)展示天氣情況。Weather HD使用動(dòng)畫(huà)圖像（這也是地下氣象希望效仿的一個(gè)方面），還能展示每小時(shí)的天氣情況。但是兩款程序的總體布局相似。

模糊HTML5和本地應(yīng)用程序之間的界限

谷歌的官方定義可能是Android用于平板電腦，而Chrome OS用于上網(wǎng)本。但是實(shí)際上，似乎越來(lái)越多的網(wǎng)絡(luò)開(kāi)發(fā)者在設(shè)計(jì)網(wǎng)絡(luò)應(yīng)用程序時(shí)，將平板電腦外形因素和功能考慮在內(nèi)，比如說(shuō)多點(diǎn)觸摸等。

這也可以理解，因?yàn)閺囊陨纤e的例子中可以看出，許多iPad程序在很大程度上只適用于HTML5。當(dāng)然，為諸如iOS或Android等平臺(tái)設(shè)計(jì)一款本地應(yīng)用程序有一些好處——即便這個(gè)程序很大程度是上用HTML5編寫(xiě)的——但是，隨著HTML5規(guī)范和JavaScript語(yǔ)言漸漸成為創(chuàng)建這種應(yīng)用程序的基礎(chǔ)，將這些程序移植到別的平臺(tái)上或是設(shè)備中就顯得并無(wú)任何挑戰(zhàn)性。

上周，美國(guó)Netflix公司的工程師在博客中寫(xiě)道，公司決定在新開(kāi)發(fā)的許多程序中使用HTML5規(guī)范。

很顯然，許多其他公司也看到了這些優(yōu)點(diǎn)。我們認(rèn)為iPad的設(shè)計(jì)線索和未來(lái)的Android平板電腦將延續(xù)其對(duì)傳統(tǒng)網(wǎng)絡(luò)瀏覽器中網(wǎng)絡(luò)設(shè)計(jì)和發(fā)展的影響。

雖然這些不同類(lèi)型設(shè)備的真正融合——桌面和平板電腦——仍然還有很長(zhǎng)的路要走，但是用戶已開(kāi)始在不同計(jì)算平臺(tái)上看到類(lèi)似的用戶界面、應(yīng)用體驗(yàn)以及功能。

【編輯推薦】

1. 移動(dòng)Web開(kāi)發(fā)設(shè)計(jì)五大***實(shí)踐
2. 如何設(shè)計(jì)一個(gè)簡(jiǎn)結(jié)的移動(dòng)互聯(lián)網(wǎng)站
3. 多圖詳解移動(dòng)Web界面設(shè)計(jì)概要、技巧和案例
4. 移動(dòng)設(shè)備界面UI設(shè)計(jì)注意事項(xiàng)全解析
5. 什么決定移動(dòng)設(shè)備設(shè)計(jì)與軟件應(yīng)用的可用性？