移動端網頁設計常見問題和技巧研究

彭芳

摘 要：互聯網時代的到來，加快了移動端網頁設計的發展速度，新時期下需要積極了解移動終端網頁設計工作的特殊性，積極掌握網頁設計技術。構建移動終端網頁設計適配測試平臺，有效解決了移動端網頁設計常見問題。文章以移動端網頁設計為例，主要針對目前移動端網頁設計常見問題以及解決技巧進行具體分析，以此方式促進移動端網頁設計行業的穩定發展。

關鍵詞：移動端網頁設計 常見問題 技巧研究

中圖分類號：TP393 文獻標識碼：A 文章編號：1672-3791（2018）06（a）-0016-02

積極調查我國移動端網頁設計現狀，了解移動終端網頁設計技術的優勢，強化移動端網頁設計技術效果，嚴格執行科學有效的任務，掌握網頁設計技術。在智能手機不斷普及的情況下，移動終端成為人們獲取信息的主要渠道，積極進行移動終端訪問，更好的進行移動終端網頁設計實踐，從此來提高移動端網頁設計水平[1]。對移動網頁進行無障礙設計，明確互聯網環境，積極了解移動終端網頁設計標準。大力推進網頁設計系統建設，促進了網絡信息的及時傳遞，站在技術設計的角度來指導移動終端網頁設計工作，促進了移動設備的有效運用和普及，推動了移動網絡技術的健康發展，注重觸屏操作，更多的了解客戶需求，有效拓展移動終端的信息獲取渠道。

1 移動端網頁設計的必要性

科技研發部門推出了移動終端操作系統，實現了對其源代碼的開放式共享，其技術的關鍵是內核代碼和上層接口，因此移動終端系統得到了迅速發展，同時得到廣大用戶喜愛。現如今移動終端操作系統較為復雜，鑒于當前在移動終端網頁設計中出現的諸多問題，只有強化網頁設計，提高移動終端系統的設計能力才能滿足新時期下用戶的個性化需求。目前移動終端市場競爭環境復雜，網頁設計行業之間的競爭尤為激烈，一些移動終端廠商已經遭到投訴[2]。為了促進移動終端的國際化發展，需要強化移動端網頁設計，積極借助第三方檢測機構來測試移動端網頁設計能力，更好的規范了市場，提高了移動終端的適配能力，促進系統穩定，便于用戶安裝，給用戶帶來了個性化體驗。

2 移動端網頁設計常見問題的相關分析

2.1 沒有遵循網頁設計基本原則

在移動終端網頁設計環節要積極體現精簡原則，在頁面設計中要盡量做到重點突出、精簡，這樣的設計才能更好的滿足用戶的個性化要求，提升網頁瀏覽的便捷性和畫面感，給用戶帶來不同的視覺體驗。然而，當前在移動終端網頁設計的過程中相關人員沒有嚴格按照標準流程進行設計，設計重點不突出，不夠精簡，手機屏幕尺寸偏大，這給用戶造成了諸多不便，網頁瀏覽起來不方便，網頁相應內容不夠簡明扼要[3]。

2.2 自動彈窗設計不夠合理

用戶在網頁瀏覽的過程中，網頁自動彈窗，用戶等待時間過長，從而導致了流量消耗過多，這使得用戶的滿意度降低，不利于移動終端網頁設計工作的更好發展。

2.3 對目標終端屏幕特征掌握不夠

在移動終端網頁設計的過程中相關人員一定要積極了解目標終端屏幕特征。然而在實際工作中，設計人員卻沒有做到這點，對目標終端屏幕特征的了解不夠，頁面渲染效果受到瀏覽器像素寬度的影響。多數用戶都經常使用豎屏手機，而平板電腦是橫屏使用的，因此，實際設計中由于沒有考慮到這點，導致了用戶頁面的渲染效果受到了一定影響，對分辨率范圍的劃分不夠合理，沒有考慮到移動終端不同，相應的屏幕分辨率就會不同。

3 移動端網頁設計的技巧研究

3.1 了解移動終端網頁設計的功能需求

在用戶界面設計環節，需要合理設計任務列表、任務創建頁、任務詳情、設備列表、反饋頁等多項設計，因此要求相應的設計人員要及時為用戶提供任務必要信息，便于用戶操作，提高用戶對移動終端網頁設計的滿意度。在任務創建頁還包括了任務內容、任務名稱、終端分辨率、執行條件、瀏覽器安裝、終端廠商等內容，要對屏幕分辨率、廠商、瀏覽器等作出合理選擇，只有這樣才能提高網頁設計的有效性，最終選用了最佳設備[4]。任務列表是為用戶提供了暫停、刪除、修改、查看等多項頁面功能選項，對每個任務的執行結果進行科學嚴格的審查，將系統功能通過率的檢測結果顯示出來，大大提升了頁面的流暢性。在任務詳情里還設置有執行結果審核入口，將相應設備的任務網頁截圖及時顯示在瀏覽器上，便于進行審核結果統計，有效減少用戶在頁面的等待時間[5]。

3.2 加大移動終端網頁設計的功能測試力度

對于移動終端客戶需要加大對系統的開發力度，用戶自動獲取相應測試任務，利用任務選擇瀏覽器來進行系統測試，促進頁面觸發，積極對服務器的運行狀態和設備信息進行有效測試，提高網頁瀏覽速度，給用戶操作頁面提供更多便利。任務服務器功能進行測試，需要向客戶端提供不同接口功能，如：客戶端運行狀態、客戶端下發任務測試、客戶端上傳測試等，更好的確保了設備信息流暢，用戶可以利用服務器直接對前臺頁面信息進行修改。加大了功能測試力度，大大提升了移動終端網頁設計功能的完善性。

3.3 考慮客戶端系統的兼容性

在移動終端系統更新環節，增加了移動開發應用接口和關閉應用接口，明確了用戶的權限。因為移動終端版本不同，為了避免程序兼容性差的問題，在網頁設計的過程中需要更多的考慮客戶端系統的兼容性。平臺借助移動終端自動化網頁適配測試功能來完提高客戶端系統的兼容性，積極提升系統的可拓展性，對于移動終端網頁設計工作來說，要想給用戶帶來全新體驗，需要考慮客戶端系統的可拓展性，確?？蛻舳酥С诌m配測試，具有良好的拓展性，只有滿足這個條件才能有效提升移動終端的功能開發能力。

3.4 重視網頁優化

在移動搜索市場，用戶需求呈現出了多樣化和個性化的趨勢，需要提高用戶服務的實時性，盡可能在最短時間內出現多個搜索結果，提高移動終端的搜索查詢速度，在系統安全的前提下適當增加查找關鍵詞的個數，同時不會受到搜索查詢字數的限制。利用移動樣式表單將傳統的移動終端網頁轉化為移動設備可直接瀏覽的網頁，對移動端的網頁標簽進行實時優化。比如在標簽優化環節，積極使用開放適配協議，在站點位置的源代碼頭部及時嵌入多行信息，利用移動客戶端系統來指明移動端對應的手機頁[6]。利用描述標簽來說明頁面的主體內容，作為網頁內容瀏覽的一個導向，提升移動用戶的使用體驗，采用滑動切換來提高用戶操作的主動性，吸引更多用戶，有效增強了動畫效果，便于用戶在瀏覽頁面時進行隨時切換。

4 結語

強化移動端網頁設計技術效果，嚴格執行科學有效的任務，從而掌握移動終端網頁設計技術。更好的滿足用戶個性化要求，強化移動端網頁設計，促進移動終端的國際化發展。了解移動終端網頁設計的功能需求，為用戶提供任務必要信息，便于用戶操作，提高用戶對移動終端網頁設計的滿意度?？紤]客戶端系統的兼容性，重視網頁優化，將傳統的移動終端網頁轉化為移動設備可直接瀏覽的網頁，實現了移動端網頁標簽的合理優化，增強動畫效果，提升了用戶滿意度。

參考文獻

[1] 王政達.面向移動終端的網頁適配測試平臺的設計與實現[D].哈爾濱工業大學，2013.

[2] 趙壤，黎藝，鄧雪剛，等.基于HTML5+CSS3的政府網站移動前端設計[J].電子技術與軟件工程，2016（12）：11-12.

[3] 李一佳.移動端搜索結果頁自動優化與優選方案的設計與實現[D].北京交通大學，2014.

[4] 王維斐，李德英，李旭，等.基于政府網站的智能移動客戶端設計和分析[J].電子政務，2014（11）：104-110.

[5] 田地.支持移動終端的C語言在線編譯系統的設計與實現[J].信息通信，2015（1）：113-114.

[6] 吳振全.移動終端界面設計中的視覺元素表現[J].美術學報，2016（4）：108-111.