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

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

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

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

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

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

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

3單色繪圖

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

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

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

因此，當(dāng)顏色單一時(shí)使用png8，當(dāng)顏色豐富時(shí)使用jpg，當(dāng)需要精度時(shí)使用png24。

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

每個(gè)人都知道——叮叮

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

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

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

7擅長用H5工具匹配多個(gè)終端

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

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

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

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

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

在不影響動(dòng)態(tài)圖形整體效果的前提下，通過修改尺寸、質(zhì)量、幀數(shù)等進(jìn)行優(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)視頻時(shí)長:3分鐘以內(nèi)。近年來，流行的全屏視頻長度不到3分鐘。例如，薛之謙歷史上最瘋狂的廣告(由騰訊制作，2分51秒)就是為了避免跳得太高。

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

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

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

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

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

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

13善于重用元素

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

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

14小心使用水平屏幕

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

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

15謹(jǐn)慎的輸入行為

輸入行為或復(fù)雜的交互行為會導(dǎo)致用戶流失。

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

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

16充分利用父對象

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

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