在《建設(shè)移動(dòng)端專題頁(yè)需要注意些什么》這篇文章中讓大家了解了制作手機(jī)網(wǎng)站專題網(wǎng)頁(yè)需要注意的兩個(gè)問(wèn)題，下面就來(lái)說(shuō)一下移動(dòng)端專題網(wǎng)頁(yè)制作應(yīng)該怎么設(shè)計(jì)。

第一、專題頁(yè)面的寬度以及可以擴(kuò)展的區(qū)域要適應(yīng)主流的分辨率。這個(gè)與電腦版的專題頁(yè)設(shè)計(jì)是一樣的，都要先確定好一個(gè)安全的寬度，把頁(yè)面重要的信息控制在640px內(nèi)。

第二、對(duì)圖片的大小要控制好。專題頁(yè)面中的大圖一般都會(huì)有一種強(qiáng)烈的視覺(jué)感受，但是在移動(dòng)終端上加載一張圖片比在電腦上加載的時(shí)間要多很多，而且速度也比較慢。如果一張圖片的加載時(shí)間超過(guò)5秒，70%的用戶將會(huì)關(guān)閉頁(yè)面，即使再精彩的專題頁(yè)沒(méi)有機(jī)會(huì)展示給用戶。如果專題頁(yè)面的頭部圖片實(shí)在太大超出了640px?？梢圆捎眉兩?，漸變的，平鋪的方式減少圖片的大小，提高加載速度。

第三、使用的字體。手機(jī)使用的字體大小一般都是電腦上的兩倍，而且在字體上的設(shè)計(jì)要使用iOS以及安卓系統(tǒng)默認(rèn)的字體，這樣可以使得頁(yè)面更加真實(shí)。

第四、空間之間的交互觸控范圍建設(shè)。手機(jī)專題網(wǎng)頁(yè)制作上的主要按鈕的高度一般都是大于80px，可以根據(jù)活動(dòng)的需求防止在手機(jī)網(wǎng)站的首屏上。文字鏈接之間的距離是大于80px，手指在屏奴的熱區(qū)上的最小感應(yīng)是44px。

第五、手機(jī)專題網(wǎng)頁(yè)制作應(yīng)該避免使用跳轉(zhuǎn)。要知道在手機(jī)上查看網(wǎng)站比電腦麻煩多了，如果頁(yè)面有跳轉(zhuǎn)的設(shè)計(jì)，會(huì)給用戶造成巨大的壓力。因此在手機(jī)專題設(shè)計(jì)上，要將主要信息合理地展示在頁(yè)面中最合適的位置。

設(shè)計(jì)手機(jī)端的專題頁(yè)面要遵循以上五個(gè)原則。