根據(jù)國外某調(diào)查機(jī)構(gòu)表述：在針對(duì)100個(gè)旅游品牌的移動(dòng)端表現(xiàn)進(jìn)行數(shù)據(jù)分析和追蹤，影響在移動(dòng)端網(wǎng)站首頁的7個(gè)可視元素，如下7點(diǎn)：

1、網(wǎng)頁加載時(shí)間

2、網(wǎng)站格式（網(wǎng)站設(shè)計(jì)、響應(yīng)能力）

3、搜索功能（在頁面上可見）

4、點(diǎn)擊呼叫

5、登錄（在頁面上可見）

6、社交媒體功能

7、APP展示（在頁首或頁尾顯示鏈接）

所以 ，我們在設(shè)計(jì)和開發(fā)移動(dòng)手機(jī)版APP專題頁面的時(shí)候，需要注意上面7大方面，同時(shí)也要看看人家給出的一些移動(dòng)端設(shè)計(jì)經(jīng)驗(yàn)。

同時(shí)我們在設(shè)計(jì)移動(dòng)手機(jī)版APP專題頁面設(shè)計(jì)的時(shí)候，也要注意下APP所處在的行業(yè)，

因?yàn)橐苿?dòng)APP行業(yè)化，僅僅對(duì)行業(yè)了解是不夠的，還要將對(duì)行業(yè)的理解融入到開發(fā)過程當(dāng)中，從細(xì)節(jié)入手，從而將APP行業(yè)化落實(shí)到產(chǎn)品上。我們設(shè)計(jì)的APP要不斷去與企業(yè)所需的東西碰撞，滿足客戶的不同需求，逐步優(yōu)化APP,使得該APP核心競爭力更為突出，充分適應(yīng)市場所需。

移動(dòng)手機(jī)版APP專題頁面設(shè)計(jì)規(guī)范1、安全寬度與擴(kuò)展區(qū)域讓頁面適應(yīng)主流分辨率

與PC上網(wǎng)頁的做法一樣，確定一個(gè)安全寬度，把重要信息控制在640PX寬度內(nèi)（以iphone分辨率為安全寬度。目前主要瀏覽器在iphone4S下的首屏高度如下,可以根據(jù)具體頁面投放的渠道做響應(yīng)的首屏高度

移動(dòng)手機(jī)版APP專題頁面設(shè)計(jì)規(guī)范2、控制圖片的大小

專題的頭圖一般有很強(qiáng)的視覺，對(duì)于手機(jī)用戶來說，加載一張圖片的等待時(shí)間比PC上成本大很多，如果一個(gè)頁面加載時(shí)間超過5秒，70%的用戶會(huì)選擇關(guān)閉，那么再出彩的專題也沒辦法呈現(xiàn)再用戶面前了,所以需要對(duì)設(shè)計(jì)稿做折中的處理。

在做頭部的延展區(qū)域（超出640px范圍），推薦使用純色，漸變，可以平鋪的素材，以便于減少頭圖的大小，提高加載速度，并且延展區(qū)域可以無縫連接。模糊的背景可以最大限度的壓縮圖片質(zhì)量。

移動(dòng)手機(jī)版APP專題頁面設(shè)計(jì)3、字體

手機(jī)中的字號(hào)一般上電腦中的兩倍，一般在電腦中用的12px的字體在手機(jī)網(wǎng)頁中就該使用24px。在設(shè)計(jì)的過程中，也要使用iOS和安卓默認(rèn)渲染的字體，以便更真實(shí)的還原真實(shí)環(huán)境。在規(guī)范手游移動(dòng)版專題中，主要字號(hào)控制在3個(gè)，大中小都有一個(gè)區(qū)間。避免隨意用字體字號(hào)，并且字號(hào)必須上整數(shù)。

移動(dòng)手機(jī)版APP專題頁面設(shè)計(jì)4、控件交互區(qū)域適合觸控

手機(jī)專題的主按鈕高度大于80px，并且根據(jù)活動(dòng)的需求放在首屏內(nèi)。文字鏈接上下的間距大于80px，手指在屏幕上熱區(qū)最小感應(yīng)是44px。

移動(dòng)手機(jī)版APP專題頁面設(shè)計(jì)5、移動(dòng)端網(wǎng)頁少用跳轉(zhuǎn)

手機(jī)用戶的網(wǎng)絡(luò)環(huán)境不如PC用戶，頁面的跳轉(zhuǎn)會(huì)對(duì)用戶產(chǎn)生更大的心理效力，如果在手機(jī)頁面中能吧信息合理的展示在一個(gè)頁面中最佳。如果非要跳轉(zhuǎn)，咱們可以用些假裝不是跳轉(zhuǎn)的方式，比如展開，浮出等。減少用戶產(chǎn)生的不安全感。

注意了以上5點(diǎn)，移動(dòng)手機(jī)專題頁面也可以設(shè)計(jì)的很出彩，很漂亮！趕快動(dòng)手吧！

雖然手機(jī)因?yàn)樾阅?，網(wǎng)絡(luò)等限制因素，不能達(dá)到PC專題那么優(yōu)秀的效果。但手機(jī)網(wǎng)頁還是有他獨(dú)有的優(yōu)勢。手機(jī)網(wǎng)頁也是可以動(dòng)起來的，而且還可以通過手機(jī)特有的重力感應(yīng)功能做視差滾動(dòng)效果的交互，看起來很優(yōu)雅。通過手機(jī)控制PC頁面的瀏覽也是一種新體驗(yàn)，不妨試試挖掘更多可能性。

相關(guān)的移動(dòng)手機(jī)版的知識(shí)和干貨分享：

1、2014國外html5手機(jī)網(wǎng)站欣賞及手機(jī)網(wǎng)站模板

2、webAPP或手機(jī)網(wǎng)站開發(fā)設(shè)計(jì)實(shí)用小技巧分享

3、手機(jī)移動(dòng)端APP界面設(shè)計(jì)之引導(dǎo)設(shè)計(jì)篇