完善的 H5 頁面的制作流程為:
策劃案—>原型圖—>文案拟定—>視覺設計—>動畫設計—>音效編輯—>代碼或工具實現—>上線
這是一種比較理想的作業流程,一般到了一定規模的制作公司會采用這種方式。如果公司的細分程度做不到這麼細的話,那就身兼數職,但是流程是不變的。
1、軟件H5 頁面正規流程下需要用什麼軟件制作(不要網上那種幾張圖片擺擺自動生成的)
策劃階段:word、PPT,我還見過用 excel 做策劃案的(還做得相當不錯呢)
原型:墨刀、OmniGraffle、Origami、乎之原型、Easel、Prott(其實我常常就是在紙上畫出來,然後丢給設計童鞋,如果是設計童鞋參與到策劃階段,可以直接出簡單的手繪稿)
視覺設計:PS、AI
動畫設計:AE,C4D
音效編輯:garageband、final cut、Adobe Premiere
實現:
大衆型工具:MAKA、兔展、易企秀,還有很多,也很優秀。利用模闆,支持一定範圍的自由創作,推薦 MAKA。
專業型工具:支持自由創作,推薦 ih5 和意派
代碼實現
2、技術需要用到哪些技術(比如哪些程序語言):Html5,、CSS3、js、three.js、webGL、node.js、SVG、PHP……
如果是做 H5 的遊戲,那就涉及到 egret 和 layabox 和 cocos,我們用 egret 多些。
還有一些開發接口:百度 API、微信紅包 API、還有圖片識别和聲音識别的接口。
3、效果實現微信裡的一些特殊的動态效果,比如搖一搖、傾斜手機、舉起手機是怎樣實現的?這些是利用陀螺儀和重力感應做出來的,實現方法已經很成熟了,Bing 一下吧。
4、H5 頁面發布到微信上等你做好一個 H5 的時候,我相信你就已經會怎麼發布到微信上了,所以,just do it,不要什麼都沒做,就問題一大堆。即便你隻是複制粘貼,你也先把整個流程走完,然後再提問。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!