眼下，移動互聯(lián)網(wǎng)正扮演著越來越重要的角色，無論開發(fā)者還是普通用戶，幾乎所有人都在談論它。傳統(tǒng)互聯(lián)網(wǎng)用戶所習慣的那些訪問內容、使用服務的交互方式正在被智能手機、平板電腦等設備迅猛的改變。作為線上內容及服務的提供者，我們必須盡快進入這個新興市場，學習新的游戲規(guī)則。

愿望是好的，“移動化”的方式卻會時常讓人找不著北。究竟應該怎么做？開發(fā)一款iPhone或Android應用嗎？還是為網(wǎng)站專門搞一套或N套適用于不同移動設備的設計方案？最重要的莫過于首先對自己產品的內容及功能進行正確定位，對移動化需求的程度進行合理的評估；在此基礎上，嘗試最適合自己的移動化方式。目前，有一些比較常見的思路可以供我們參考選擇：

什么也不做…

這確實是一種選擇，而且沒有聽上去那么讓人沮喪。

使網(wǎng)站在桌面瀏覽器與移動設備中的渲染方式保持一致——這種處理方式并非不可行，尤其是在缺乏各方面開發(fā)資源的情況下。對于iPhone或iPad一類擁有多點觸摸等功能的相對高端的設備來說，用戶多數(shù)已經習慣了、甚至樂于進行轉屏及雙指放大操作。何苦為了移動而移動的去為這些用戶提供一個縮水版本的網(wǎng)站呢？

這自然是再廉價不過的方案了。不過，平板電腦畢竟不是小型PC，智能手機也并非小型平板電腦，在很多方面，它們自身的特點都決定了獨特的交互方式。如果想切實提升網(wǎng)站內容或功能在不同設備上的適應能力，單獨開發(fā)移動版本顯然是一條必經之路。

響應式頁面設計

響應式頁面設計的主要思路是，頁面對瀏覽環(huán)境的尺寸所處的規(guī)格范圍進行判斷，并加載對應的預設樣式方案，從而響應式的調整布局結構、內容元素的尺寸等。

如果頁面的內容結構與樣式分離的足夠好，那么這種方式是具有長遠保證的，我們不需要為任何現(xiàn)有或將來的、擁有不同屏幕分辨率的設備面面俱到的進行單獨設計開發(fā)。這種方式無論從交互設計還是UI視覺等方面，其實仍屬于相對傳統(tǒng)的頁面設計開發(fā)模式，并不會增加太多的成本，可以說是一種性價比很高的選擇。

關于響應式Web設計的概念、組成要素、基本實現(xiàn)思路和開發(fā)方式等，可以參考之前的兩篇文章：“什么是響應式Web設計？怎樣進行？” 以及 “通過CSS3 Media Query實現(xiàn)響應式Web設計”。

Web應用（Web App）

通過對HTML5、CSS3、JavaScript或相關前端開發(fā)框架（Sencha、jQuery Mobile等）的配合使用，我們可以創(chuàng)建出一種獨特的頁面內容呈現(xiàn)及功能使用模式，無論是視覺風格還是交互方式，它都更像應用程序，而非我們習慣于在桌面瀏覽器中看到的頁面。

任何安裝了現(xiàn)代瀏覽器的設備都可以瀏覽使用Web應用，從這個角度講，它具有一定的跨平臺性。根據(jù)資源條件，你可以只做一款Web應用，也可以使用不同的UI元素風格為iOS、Android或是Windows打造不同的皮膚及相應的行為觸發(fā)方式。

然而，Web應用的本質仍然是頁面，它依賴于瀏覽器環(huán)境。所以，雖然在外觀和行為方面可以做到與原生客戶端應用很相似，但從功能和用戶體驗的角度來說，它仍然是一種局限很大的方式。

標簽： 移動互聯(lián)網(wǎng) 網(wǎng)站移動化 響應式Web設計 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。