策劃
用戶樂于分享的H5大概分為以下幾類;1.利益驅(qū)動变泄;2.知識分享拍柒;3.游戲及測試归露;4.精彩故事;
在這四類基本玩法的基礎上再結(jié)合產(chǎn)品的特點和優(yōu)勢來進行策劃和執(zhí)行斤儿;
風格
在制定設計風格的時候剧包,不拘泥于眼前所接觸到的設計工具恐锦,手繪,泥塑疆液,3d一铅,剪紙,動畫堕油,影視及后期等等都是我們可以創(chuàng)造的工具潘飘,只要有好的想法就馬上執(zhí)行;
技術(shù)動效
常見的H5動效果:位移掉缺,旋轉(zhuǎn)卜录,翻轉(zhuǎn),縮放眶明,逐楨艰毒,淡入淡出,粒子效果搜囱,照片處理丑瞧、3D展示,重力感應等等蜀肘,多了解最新最前沿的技術(shù)绊汹,考慮如何更好的與設項目結(jié)合做出令人眼前一亮的作品;(http://fffNaNiscm.com這個網(wǎng)站里有h5所能實現(xiàn)的效果)
音效
考慮到用戶使用場景的多樣性扮宠,那種介紹類的如果要加背景音樂西乖,盡量不要太粗暴。有一點循序漸進最好坛增,給用戶留時間在騷擾別人之前可以關(guān)閉或者可以在開始時是關(guān)閉狀態(tài)浴栽。給前端設計師的音樂文件:格式為mp3等?,單軌轿偎,最好30秒以內(nèi),大小100k以內(nèi)最佳被廓,可以用Adobe Audition等軟件來壓縮坏晦;截取時一定要注意頭尾得連接得上。
字體
默認字體或者嵌入字體(參考滴滴運營H5運營案例)
適配
一般我們先用640X1136進行設計嫁乘,參考線會標在960高的地方昆婿,主要元素最好不要過高以適配各種機型。其他安卓機器前端切圖時可以適當拉伸蜓斧,變化不會太大就不用每個進行適配仓蛆。
響應式Web設計(Responsive Web design):頁面的設計與開發(fā)應當根據(jù)用戶行為以及設備環(huán)境(系統(tǒng)平臺、屏幕尺寸挎春、屏幕定向等)進行相應的響應和調(diào)整看疙。具體的實踐方式由多方面組成豆拨,包括彈性網(wǎng)格和布局、圖片能庆、CSS media query的使用等施禾。
規(guī)范
規(guī)范好品牌的展示位置以及展示時長