Adobe宣布推出新的 網頁設計 工具Shadow,該工具可以協助網頁設計人員在多個智慧型手機中檢視網頁,並進行調整。Adobe同時也更新其HTML5動畫工具軟件Edge到Preview4。


Shadow分爲三個部分,電腦端的主程式、電腦端Chrome瀏覽器擴充功能及智慧型手機端App。目前主程式支持Windows7及Mac OS X,可以從Adobe Lab網頁中下載,預計2012年底正式發行。智慧型手機則支持iOS及Android,需從AppStore或Google Play免費下載。


當電腦與智慧型手機配對之後,網頁設計人員可以透過Chrome瀏覽器,讓電腦與智慧型手機同時顯示一個網頁的內容,檢視電腦端與智慧型手機端的顯示效果 是否正確。由於Shadow可以同時控制多部智慧型手機,因此設計師可以同時在衆多不同智慧型手機中檢驗網頁。Shadow最多曾經連接35台智慧型手 機,Adobe未透漏最多可以控制多少台,但認爲用戶不可能會遇到上限的連線數。


若任何智慧型手機出現預期之外的差異時,設計師可以透過Chrome瀏覽器的Shadow擴充功能使用除錯工具來修改網頁內容,例如HTML、CSS或JavaScript,並在儲存後於不同裝置觀看修改後的效果。


除了Shadow之外,Adobe也提供在線服務BrowserLab讓網頁設計人員檢驗網頁在不同智慧型手機呈現的狀況,差異在於BrowserLab以模擬的方式呈現,而Shadow采實體的方式呈現。


Shadow是基於開放源碼項目Winre開發。Winre在安裝與使用上需要程式編譯技巧,而Shadow大幅降低使用者的技術門檻。Adobe挑選 Chrome瀏覽器來搭配的主要原因在於瀏覽器引擎使用開放源碼Webkit,擁有目前最佳、最普及,並積極定期更新的網頁檢測、除錯工具。


目前Shadow支持iOS 4。2、Android2。2及兩者更新版本的智慧型手機。藍莓機或Windows Phone等其他平台暫時不在支援行列,Adobe尚未決定是否支援iOS及Android之外的智慧型手機平台。

 


轉貼來源:ASP站長之家

 http://www.piece2ec.com.tw/news.asp?ID=973


參考文獻:

1.李青蓉等編著.(1998).人機介面設計,台北縣:空大。

2.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。

3.許峻誠、張恬君、莊明振.(2001).網頁風格認知與設計要素之探討-以企業網站首頁為例,第六屆設計學術研究果研討會論文集。







 程式設計

arrow
arrow
    全站熱搜

    巨群資訊 發表在 痞客邦 留言(0) 人氣()