第5講H5的設計與制作工具H5的元素設計工具PARTONE功能強大的設計工具——PhotoshopPhotoshop簡稱“PS”，它是平面設計、建筑裝修設計、三維動畫制作、網(wǎng)頁設計的必備軟件之一，具有使用方便、功能強大的特點，可以高效地進行圖片處理與制作。A常用來制作H5頁面中的視頻、音頻和簡單的動效等內容。簡稱“AI”，它是一款矢量繪畫軟件，具有矢量動畫設計、頁面設計、網(wǎng)站制作、位圖編輯和網(wǎng)頁動畫制作等多種功能，適合設計小型項目或大型的復雜項目。專業(yè)的矢量圖繪制工具——Illustrator廣告設計商標設計網(wǎng)頁制作排版輸出插圖繪制AfterEffects：簡稱“AE”，是一款圖形視頻處理軟件，具有視頻處理、動畫制作、多層剪輯等多種功能?？犰乓曨l特效制作工具——AfterEffects酷炫視頻特效制作工具——AfterEffects幫助用戶高效且精確地創(chuàng)建動態(tài)圖形和動畫特效。與其他Adobe軟件可完成2D和3D合成，以及動畫的特效制作。常用AE進行酷炫視頻特效的制作，使整個頁面更具動感，更吸引用戶注意。A使用及特點音效設計制作工具——Audition即AdobeAudition，是多音軌編輯工具，支持128條音軌、多種音頻格式和特效，并且可對音頻文件進行修改、合并。功能強大，可輕松創(chuàng)建音樂、制作廣播短片等音頻的錄制音頻的混合音頻的編輯音頻的裁剪音頻的合成H5的動效設計工具PARTTWOMAKA（碼卡）是一款H5在線創(chuàng)作及創(chuàng)意工具，使用該工具可進行形象宣傳、活動邀請、產品展示、活動報名等方面的設計。定制推廣H5制作工具——MAKAMAKA的模板商城提供了針對不同行業(yè)和場景的模板，同時提供視頻、新媒體、電商等不同類型的素材供用戶使用。MAKA（碼卡）定制推廣H5制作工具——MAKAMAKA的模板商城支持翻頁H5、長頁H5、手機海報、視頻、公眾號、微信紅包封面、簡歷、畫冊、微信朋友圈、社交名片等內容的在線創(chuàng)作功能；用戶只需簡單拖曳即可完成邀請函、促銷廣告、活動宣傳、招聘招生、節(jié)日賀卡等H5的設計。H5企業(yè)營銷H5制作工具——易企秀輕設計互動視頻易企秀是一款基于智能內容創(chuàng)意設計的數(shù)字化營銷工具。長頁易表單支持PC、App、小程序等多種端口的使用主要用于：易企秀操作簡單，只需使用模板或素材添加即可制作各種形式的創(chuàng)意作品，并支持快速分享到社交媒體平臺開展營銷活動?？捎糜谄髽I(yè)活動邀約、品牌宣傳、數(shù)據(jù)搜集、電商促銷、人才招聘等多媒體多場景的音效需求。企業(yè)營銷H5制作工具——易企秀快速制作H5工具——兔展定位普通用戶，是微信H5頁面、微場景、微頁、微雜志、微信邀請函、場景應用的專制作工具。A兔展A少部分模板免費，大部分模板需要付費購買。注意微場景H5制作工具——人人秀人人秀是一款基于H5的微場景制作工具，具有免費、簡單易用、發(fā)布迅速等特點。A人人秀功能和模板比較單一，適合初學者使用照片故事H5制作工具——初頁邀請函微信公號歡迎頁電視電影初頁是一款面向個人用戶的H5設計工具，其作品可在微信、微博、移動端社交媒體展示與傳播。團隊照片頁新品發(fā)布海報普通用戶可用來制作生活旅行、偶像海報、微雜志、生日賀卡、周年紀念冊、喜帖等內容。H5的創(chuàng)意開發(fā)工具PARTTHREE專業(yè)H5工具——意派Epub360意派Epub360是一款專業(yè)級H5制作工具。A豐富的動畫設定B觸發(fā)器設定功能C強大的交互作用專業(yè)H5工具——意派Epub360全景360拖曳交互搖一搖手勢促發(fā)畫板涂鴉畫中畫一鏡到底關聯(lián)控制重力感應碰撞檢測意派Epub360功能組件設計人員可以自由制作H5互動游戲和多種場景宣傳，適合企業(yè)設計人員、新媒體運營、市場營銷等用戶。一個生動的H5頁面，應具有一定的動畫展示。意派Epub360除了提供基本的動畫展示外，還支持路徑動畫、序列幀動畫、組合動畫等方式。動畫展示01意派Epub360針不同的模板，提供高度自由度的交互設計。針對不同模板，提供高自由度的交互設計，如頁面觸發(fā)、組件觸發(fā)、動畫觸發(fā)、手勢及搖一搖觸發(fā)等交互，增強用戶的交互體驗。觸發(fā)交互02專業(yè)H5工具——意派Epub360意派Epub360支持微信高級接口，支持微信拍照、錄音、身份認證等功能，可提升用戶的參與感，增加互動性。用戶互動03支持參數(shù)賦值、交互式表單、評論、投票等功能，讓設計人員無須編寫代碼，即可完成輕游戲及數(shù)據(jù)應用的H5設計。數(shù)據(jù)應用04專業(yè)H5工具——意派Epub360iH5是一款操作較為復雜的H5制作工具，初學者應用難度較大。A應用難度較大，能制作出復雜的頁面邏輯交互、動效、3D等效果；特點在線編輯H5工具——iH5通過代碼的形式對H5頁面的內容和動畫進行展示和制作。優(yōu)勢iH5增加繪畫、物理引擎、時間軸動畫、設備相應、數(shù)據(jù)庫、跨屏互動等新功能，能實現(xiàn)H5頁面的制作，游戲、網(wǎng)站、交互等設計。綜合性能強iH5官網(wǎng)提供了使用說明、免費視頻教程等內容供用戶學習和提升。平臺開放iH5具備交互性強、功能豐富、效果多樣等特點，可用于日常宣傳推廣、品牌營銷、企業(yè)活動宣傳，對企業(yè)端用戶和個人用戶分別設置了不同的使用途徑。應用領域廣泛在線編輯H5工具——iH5H5的輔助工具PARTFOUR音視頻壓縮工具——格式工廠格式工廠是一款免費的格式轉換軟件，可將音頻、視頻、圖片等素材進行格式的轉換，以滿足設計人員的需求。格式工廠可將所有類型的音頻轉換為MP3、WMA、FLAC、AAC、MMF、AMR、M4A、M4R、OGG、MP2、WAV等格式。音頻轉換格式工廠可將所有類型的圖片轉換為JPG、PNG、ICO、BMP、GIF、TIF、PCX、TGA等格式。圖片轉換格式工廠可將所有類型的視頻轉換為MP4、3GP、AVI、MKV、WMV、MPG、VOB、FLV、SWF、MOV，新版的格式工廠還支持RMVB、xv等格式。視頻轉換音視頻壓縮工具——格式工廠手機預覽設計稿——PSPlayPSPlay是一款通過Wi-Fi網(wǎng)絡，能在終端設備上預覽、調試、保存PSD文件，并可實現(xiàn)即時分享的跨終端應用。ATinyPNG簡介TinyPNG是一款免費的圖片壓縮工具，具有圖片保真率高、文件量小的特點。圖片壓縮工具——TinyPNGBTinyPNG特點壓縮強度高，保真度高。相對于JPG格式的圖片，對透明PNG圖片的壓縮率更高。為