移動互聯背景下網頁設計分析

摘 要：隨著全球化時代的到來，互聯網為人類社會在各個領域的發展帶來了無比廣闊的空間。在現代人們的生活之中，互聯網已經成為不可或缺的重要組成部分。由于智能手機與平板電腦的普及應用，表明將有愈來愈多的人民群眾會通過移動設備訪問互聯網。4G網絡在生活中無所不在，已經使移動互聯網成為社會熱點，而網頁設計作為網絡信息傳播的載體，也在潛移默化中有了更高的要求。本文就基于移動互聯網的背景下，對網頁設計如何給互聯網用戶更好的服務及體驗進行了分析。

關鍵詞：移動互聯網；4G；網頁設計；通訊產品；智能手機；平板電腦

通行設備性能與無線網絡通信速度的提升，以移動智能終端數量的快速增長為主要標志，主要體現在智能手機和平板電腦在大眾生活中的出現。據中國工業和信息化部的研究與統計及互聯網應用報告分析認為，中國在全球互聯網世界中所扮演的角色，部分程度上是由其互聯網市場的規模所決定的。據研究顯示，2015年，中國移動互聯網用戶數預計達到了7.9億人，與2014年數量相比增長8.4%，增速呈現走低的趨勢，進入平穩增長階段。2015年，中國移動互聯網市場規模達到23134.3億元，增幅達到72.2%。而2016年，移動互聯網整體將繼續保持高增長速度。雖然人口福利消失，但是基于商業模式的不斷創新，單用戶價值將呈現大幅提升的趨勢。預計在未來3～5年的時間里，移動互聯網規模將繼續保持高增長的速度。但是，每一項科學技術的發展都會帶來相關產業的變化，從互聯網到移動互聯網，體現在網絡速度得到飛速提高、網絡資費套餐更加優惠。同時，擺脫了寬大固定的顯示屏和鍵盤鼠標的局限，替代的是小巧方便的智能手機，易于攜帶的平板電腦以及各種各樣的袖珍終端。這樣，網頁設計作為網絡瀏覽的載體，在一定程度上也帶來了變化及要求。如何應對及改造這一變化，成為移動互聯網中重要的問題。

1 移動互聯網當前發展現狀

1.1 4G網絡的應用推動了移動通信服務的發展

移動互聯網通信服務全世界得到了長足發展，而且發展勢頭十分迅猛，主要是通過4G網絡的推動。4G網絡，即移動通信系統的第四代產品，它的最大特點主要就是在通信容量上超大，在速度上超快，以及可在全球范圍內實現自由對接、任意漫游。并且，能夠很好地處理圖像、聲頻和視頻，能夠以影視等各種多媒體形式來提供商務電話與視頻、電話會議及網頁瀏覽等信息服務。[1]所以，4G移動在生活中的廣泛應用，給人們生活與工作帶來了便利，也有效地提高了移動互聯網的發展。

1.2 移動互聯網應用的采用模式

在應用的層面上，移動互聯網的業務在目前階段主要使用兩種應用模式，其一為WAP方式。它所使用的是無線網絡應用協議，其網站模式主要是針對手機電腦而設計的。移動終端與移動通信網絡二者的速率都有著自身的特點，固定互聯網就是依照它們的速率特點，從而設計出全新的適應移動互聯網應用的采用模式。在這個過程中也相應地失去了一定的固定互聯網內容。其二為Web方式。它所使用的是固定互聯網，將移動終端的速配完全輸進固定互聯網的內容。它不需要再次開發網站內容，只要通過移動客戶終端，使用移動瀏覽器就能夠實現。目前所采用的兩種移動互聯網應用模式，都可以滿足在互聯網中用戶實現網絡沖浪的需求。

2 移動互聯背景下網頁設計的可行性原則分析

2.1 明確目標用戶群

在每一項產品設計中，最重要的是對目標用戶群的確定。對移動互聯產品進行網頁設計。通常的慣性要求是以使用移動網絡用戶的需求為主要設計目標，設計對象是移動手機電腦終端客戶群。因為利用手機上互聯網的用戶比使用電腦上互聯網的用戶數量多得多，所以在網頁設計上應充分考慮到手機用戶的喜好特性，明確設計產品具體針對哪些用戶群，以達到事半功倍的效果。

2.2 了解應用平臺的細節

由于網頁本身和外在的因素影響，在瀏覽網頁上呈現出的移動通訊產品具有一定的復雜性。所以，首先要掌握目標應用平臺的相關細節。一般來說，生產軟件或硬件的廠家會根據用戶的需要提供和介紹詳細的規范文檔，以便從中規范文檔中獲得自己所要求的目標平臺信息，然后將所有不同的信息進行綜合處理，形成一種個性化的版本，這樣就提高了移動應用的可用性。[2]

3 移動互聯產品在網頁設計上的具體策略

智能手機、平板電腦及各種移動互聯網的載體，為了使用戶方便攜帶及被充分利用，需要挖掘出一些使用功能。例如，功能的多方面改造提升，需要提高產品價格；尺寸的大小變化，要考慮到電池上的耐用問題。最重要而言，移動互聯網具有豐富而精彩的多媒體服務，這是受到終端客戶群青睞的重要原因。因此，要想使這些豐富的多媒體服務成為現實，在網頁設計上實行人性化設計是必不可少的。

3.1 改造舒適性整體

為了移動通訊產品能夠走進人們的現實生活中，并被廣泛地接受，首先要針對網頁設計在整體性上進行有效改造。一般來說，用戶在瀏覽網頁時都是處于隨機狀態或者是浮動狀態。因此，網站上所有的信息要達到迅速、準確、容易、方便地被瀏覽或者被閱讀。所以，在網頁設計中要合理地規劃菜單和文本，盡可能地優化圖片與內容，把較大面積與分辨率縮小成手機或平板電腦的顯示屏中，避免由此造成各種不合理的縮放變化，為用戶打造一個舒適性的網頁整體。

3.2 精準化內容

利用最小的成本呈現最有價值的內容，是對流量的節約，用戶體驗的改善，最直接的是為用戶省去不必要的費用。[3]網頁設計者可以從精簡頁面設計到導航與書簽功能，盡可能地幫助用戶避免不必要的文本信息輸入，縮減不必要的程序與功能，減少設計過深的多級菜單，以人性化與客戶滿意度為主要目標，對呈現內容盡量精準化。

3.3 增添延續性操作

互聯網的發展十分迅速，由Web1.0發展到Web2.0，再由Web2.0發展到現在的Web3.0[4]，所用時間非常之短。Web1.0是互聯網的發展初期，使用的技術是靜態網頁開發技術，由于靜態網頁為互聯網的發展初期，交互性差是它的短板，但是它具有快速訪問的特點以及穩定性強的特點。Web2.0的發展保存了Web1.0的優點，而揚棄了它的交互性差的缺點，從而改善了Web1.0存在的漏洞，提高了網站與用戶的交互性，給新聞網站、博客和電子商務等帶來了便利，但是它的缺點是安全性能不高。隨著在傳統技術上的改造與發展，Web3.0改善了這些技術問題，并逐步完善了網絡體系。因此，移動科學技術的發展與更替，還是以傳統互聯網為基礎。現不少手機用戶仍然堅持著傳統的互聯網操作，所以在網頁設計上，最好延續傳統互聯網的特點，取其精華，去其糟粕，讓用戶能夠更快地熟悉移動通訊產品的新興上網功能，更快地與移動互聯網融合。

3.4 設計視覺要素

在網頁設計中，文字、色彩、圖形以及圖像是最為根本的視覺傳達元素。通過點、線、面構成了立體基本形態，在交互中以瞬息萬變的視覺變化沖擊著受眾的眼球，從而形成了網頁設計的視覺語言。文字作為一種傳統的視覺符號，設計人員通過對復雜繁瑣的文字信息經過精心處理變成簡單濃縮的特性，有利于改善客戶的心理體驗。

把文字信息逐步向圖形、圖像及色彩轉變。[5]隨著網絡的不斷發展，原本只能呈現單一文字的互聯網現在可以利用每一個栩栩如生的圖形和圖像進行顯示。并且，這些圖形和圖像所表達的信息量大大超過了任何文字的表述，從而使用戶在視覺上受到了強烈的沖擊。但因圖形圖像本身數據量占用空間及數據量較大，給用戶在時間上和流量上產生了不少的費用。因此，網頁設計要盡可能地減少使用色彩艷麗的圖像。這樣不但能夠使數據量的穩定性得到有效的保證，而且又可保障圖形圖像的表達效果，提高設計程序的工作效率。

3.5 增加返回按鈕和鏈接

為用戶帶來更好的人性化服務及直觀體驗，最好在網頁上設計出返回按鈕，以及設置鏈接等。[6]由于一些智能手機和平板電腦其自身程序沒有設置返回按鈕，所以在設計的過程中盡量設置返回按鈕，以便為用戶提供更多的方便。由于在移動網站上進行輸入非常不方便，其難度較大。因此，在網頁設計過程中，應當向客戶給出單選按鈕及列表，這樣用戶就能夠根據自己意愿進行自由選擇。一般來說，移動設備屏幕面積尺寸都較小，用戶點擊鏈接時需要準確地點擊，所以設計師可以使用以下方法：第一，要適當地設計出較大的字體；第二，在鏈接的周圍，應當設計出較大面積的留白；第三，要為鏈接加上下劃線及背景顏色，以方便移動設備用戶能更快地確認他們點擊的鏈接內容。

4 結語

通過對移動互聯網的使用，人民群眾的工作和生活變得更加豐富多彩、方便快捷。移動互聯網將成為一種嶄新的多功能平臺，它包括媒體信息服務、社會公共服務、電子商務以及生活娛樂等等。網頁設計技術必須緊跟科學時代的發展不斷改革創新，為移動互聯網服務。如今，移動互聯網已成為大眾獲得信息和生活交流的一種重要方式，對移動設備的網頁進行科學設計是時代的要求。移動通訊產品的網頁設計大大地提高了人民群眾的生活水平。

參考文獻：

[1] 梅倩.移動互聯網時代下的網頁設計[J].科技創新導報，2010（4）.

[2] 陸遠蓉，李曉婷.與職業能力對接的高職計算機課程開發探索——以《移動互聯網站設計》為例[J].九江職業技術學院學報，2014（2）.

[3] 陸遠蓉，李曉婷.基于工作過程系統化的《移動互聯網站設計》學習情境設計[J].當代職業教育，2014（6）.

[4] 楊穎.高職“網頁設計與制作”課程教學改革探索[J].職教通訊，2015（18）.

[5] 周勝安，王圓.移動互聯網下的電子商務專業課程體系構建[J].中國信息技術教育，2014（19）.

[6] 李歡.基于移動互聯的IM交互設計研究[D].北京交通大學，2013.

[7] 于淼.淺析網頁設計的發展趨勢[J].中國科技博覽，2011（14）.

[8] 劉守鵬.基于用戶體驗的移動互聯網網頁設計研究[J].大眾文藝，2012（5）.

作者簡介：翁立立（1975—），男，江蘇蘇州人，碩士，蘇州工藝美術職業技術學院視覺傳達系副教授。