移動端網(wǎng)站設計優(yōu)化要點

影響移動端網(wǎng)站首頁的可視元素

網(wǎng)頁加載時間
主要影響因素是靜態(tài)資源文件、圖片等

網(wǎng)站格式[設計與響應]

可見搜索功能

點擊呼叫

可見登錄

社交媒體功能

App展示

移動端首頁設計規(guī)范

移動端專題頁設計規(guī)范

設置安全區(qū)
無論移動端還是PC端，都應該確定一個安全區(qū)域作為用戶的視觸區(qū)域，重要信息都應該放置在安全區(qū)域內(nèi)。移動端安全區(qū)設定：移動屏幕寬度兩側適當留白，首屏高度做響應適配。

控制圖片大小
專題的頭圖往往給用戶很強的視覺沖擊，但是由于移動端網(wǎng)絡限制，加載一張圖片的等待成本往往比PC上大得多，因此頭圖的延展區(qū)域適合使用純色、漸變可平鋪的素材來減少網(wǎng)絡流量，提高加載速度。

字體
專題頁中，主要字號應控制在3個以內(nèi)，字體盡量使用移動端系統(tǒng)默認字體渲染，避免隨意使用字體字號，并且保證字號是整數(shù)。
一般移動端字號是PC端的兩倍。

控件交互區(qū)域
移動端往往為指控面板，手指在屏幕熱區(qū)最小感應是44px，在移動端交互區(qū)域設計時，應關注該問題。

減少跳轉
限于手機網(wǎng)絡環(huán)境，頁面的跳轉會對用戶產(chǎn)生更大的心理不安，因此應盡可能的在一個頁面中合理展示關鍵信息。如果跳轉必要，可使用展開、浮出、下拉等方式減少用戶的心理效力。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com