欧美18videosex性欧美tube1080,男人的天堂国产亚洲,美女极度色诱视频国产,欧美bbbbbbsbbbbbb,欧美不卡一区二区三区

1嘗試在三秒鐘內(nèi)渲染第一個屏幕。

騰訊《手機頁面用戶行為報告》第1條指出，74%的用戶在加載超過5秒后會離開頁面。

用戶不耐煩了。第一個屏幕渲染越短越好。

因此，有必要盡可能減小第一屏幕的尺寸。業(yè)內(nèi)普遍以中國聯(lián)通3G網(wǎng)絡(luò)的平均338千字節(jié)/秒(2.71兆字節(jié)/秒)為標準，渲染在3秒內(nèi)完成。因此，第一個屏幕資源不應(yīng)超過1014KB。

2大型資源頁面采用加載頁面。

如果您不能保證第一個屏幕在3秒內(nèi)出現(xiàn)，請?zhí)砑右粋€有趣的加載頁面，以便在加載資源后預加載并顯示該頁面。雖然加載頁面可以緩解用戶等待的焦慮，但時間過長也會導致用戶流失。因此，H5材料優(yōu)化是絕對的原則。

3單色繪圖

這是三個200*200像素圖像、第一單色塊、第二垂直梯度和第三對角線梯度的體積比較。對H5來說，流暢往往比畫面的精致更重要。

4盡可能將靜態(tài)地圖保存為png8

這是一張1M的圖片，由PS壓縮成jpg、png8和png24。應(yīng)該補充的是，Png8最多只能顯示265種顏色，而png24最多可以顯示1600萬種顏色。

因此，當顏色單一時使用png8，當顏色豐富時使用jpg，當需要精度時使用png24。

5網(wǎng)站上可用的無損壓縮圖像

每個人都知道——叮叮

業(yè)界的好名聲——智圖

6圖片避免調(diào)整大小

根據(jù)要求上傳相應(yīng)尺寸的圖片，以避免調(diào)整大小，并且不超過640像素(基于手機屏幕的總寬度)，以避免殘留的圖片質(zhì)量。

7擅長用H5工具匹配多個終端

H5背景圖片的寬度固定在640像素，如何匹配高度？

如果你用H5制造tool-ih5.cn，你可以解決它。

打開ih5.cn，在舞臺下添加[移動設(shè)備]功能，設(shè)置不同方案的高度，案例可以根據(jù)終端設(shè)備自動跳轉(zhuǎn)到相應(yīng)的方案進行瀏覽。這種方法需要重復設(shè)計各種尺寸的圖紙，這可以稱為一種讓設(shè)計師筋疲力盡的方法。

懶惰的設(shè)計者使用——按照最大計劃，即640*1040px創(chuàng)建設(shè)計文檔，然后添加一個移動設(shè)備，選擇默認高度，在設(shè)計文檔時記住把主要信息放在中間，并把重要按鈕盡可能放在中間。

8動態(tài)圖優(yōu)化和再優(yōu)化

在不影響動態(tài)圖形整體效果的前提下，通過修改尺寸、質(zhì)量、幀數(shù)等進行優(yōu)化。

9充分利用背景顏色屬性

如果您正在使用H5工具編輯案例，以ih5為例。如果需要使用純色作為背景或其他環(huán)境，可以使用圖形工具中的背景顏色屬性或舞臺和頁面的背景屬性。

▲ih5平臺頁面屬性面板

10開發(fā)人員都喜歡的H5音頻規(guī)范

格式:mp3，單軌，最好在30秒內(nèi)，文件大小最好控制在10萬以內(nèi)。

從上圖中可以看出，較大的mp3文件主要是由于高比特率，64kbps對于H5背景音樂比特率來說一般就足夠了。使用Adobe試聽、格式化工廠或一些音樂播放軟件來編輯和壓縮音樂。應(yīng)該注意的是，作為無限循環(huán)的背景音樂，頭部和尾部必須連接正確，并逐漸淡入淡出。

11：3分鐘內(nèi)的視頻，H.264格式

(1)視頻時長:3分鐘以內(nèi)。近年來，流行的全屏視頻長度不到3分鐘。例如，薛之謙歷史上最瘋狂的廣告(由騰訊制作，2分51秒)就是為了避免跳得太高。

(2)格式:MP4，h264編碼后生成的視頻文件尺寸小，圖像質(zhì)量好。藍光技術(shù)和幾乎所有高清攝像機都采用這種格式。

(3)在保證基本定義的前提下，使用format factory軟件進行壓縮。視頻寬度也是640像素，尺寸越小，尺寸越小。

12不要濫用網(wǎng)絡(luò)字體

通用瀏覽器只支持一些默認字體，中文如宋體，微軟優(yōu)雅黑，中文精細黑，英文如Helvetica，阿麗亞娜，佐治亞，泰晤士報。

H5使用其他字體，需要下載、解析和重繪當前頁面。它應(yīng)該盡可能少的使用，或者文本應(yīng)該直接轉(zhuǎn)換成圖片然后導入。

但是，在ih5中，如果您使用中文字體組件輸入文本，它實際上是自動將文本轉(zhuǎn)換為圖片，您不需要擔心這個問題。

13善于重用元素

H5在生產(chǎn)過程中經(jīng)常使用相同的元素，如按鈕、箭頭等。我們可以在iH5編輯階段直接復制或直接填充重用元素的連接，從而避免了重復插入圖片的需要，節(jié)省了案例記憶，提高了流暢性。

▲圖片屬性面板記錄資源位置

14小心使用水平屏幕

水平屏幕需要用戶設(shè)備開啟屏幕旋轉(zhuǎn)功能才能正常觀看，用戶操作成本高(許多安卓手機經(jīng)常不響應(yīng)水平屏幕)。

對于具有不同屏幕的手機，長寬比是不同的，這使得很難顯示最佳的視覺效果。

15謹慎的輸入行為

輸入行為或復雜的交互行為會導致用戶流失。

用戶不耐煩了。如果他們必須輸入，最好嘗試改變選擇的形式。

例如，ih5平臺的設(shè)計師吳皋叔叔在他的作品《你，你有什么資格睡覺》中將一些輸入行為轉(zhuǎn)化為選擇行為。對于H5的每個測試班，都有一個參考。

16充分利用父對象

當需要同時控制多個對象時，控制父對象比逐個控制要好。例如，在ih5中，操作模式需要在其他索引位置執(zhí)行，并且父對象可以被添加到目標坐標以在父對象的幫助下減少操作。例如，可以在父對象上設(shè)置碰撞，以減少碰撞事件的計算，碰撞將在畫布下更加平滑地流動。

這16種H5設(shè)計技術(shù)中有許多屬于H5規(guī)范。充分利用這些規(guī)范可以節(jié)省很多時間與開發(fā)兄弟們戰(zhàn)斗。為什么不呢？