我們談談如何設計移動終端專題網頁的制作。
首先,專題頁面的寬度和可擴展的區域應适應主流的分辨率。這與計算機版本的特殊頁面設計相同。首先确定一個安全的寬度,并将頁面的重要信息控制在640px内。
第二,控制圖片的大小。專題頁面上的大圖片一般都有很強的視覺感受,但是在移動終端上加載一張圖片的時間比在電腦上加載的時間多很多,速度也比較慢。如果一張圖片的加載時間超過5秒和70秒%用戶将關閉頁面,即使沒有機會向用戶用戶展示,用戶也會關閉頁面。如果專題頁面的頭部圖片太大,超過640px。可采用純色、漸變、平鋪的方式減少圖片大小,提高加載速度。
第三,使用字體。手機使用的字體大小一般是電腦的兩倍,字體設計應使用iOS以及安卓系統的默認字體,使頁面更真實。
第四,建設空間之間的交互觸摸範圍。手機網頁制作的主要按鈕高度一般大于80px移動網站的第一個屏幕可以根據活動的需要進行防止。文本鍊接之間的距離大于80px屏奴熱區手指的最小感應是44px。
第五,手機專用網頁的制作應避免跳轉。你應該知道,在手機上查看網站比在電腦上要麻煩得多。如果頁面有跳轉設計,将給用戶帶來巨大壓力。因此,在手機專題設計中,應合理地在頁面中最合适的位置顯示主要信息。
手機專題頁面的設計應遵循上述五個原則。
本文由妥妥網站建設原創,關注我,帶你一起長知識!
了解更多
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!