本期分享從文案策劃到交互設(shè)計共包含19個工具/網(wǎng)站庆亡，把控你的H5制作。
關(guān)于H5制作流程
筆者接觸的H5制作輔助制作工作基本構(gòu)成分為文案策劃呼伸、設(shè)計交流學(xué)習(xí)身冀、制圖、視頻編輯與剪輯括享、原型、H5動效/動畫制作珍促、圖片/音視頻壓縮铃辖、素材存檔，所以中間所使用的的工具也是這些猪叙。
注：分享的有一些軟件需下載娇斩，有標(biāo)注仁卷，無標(biāo)注基本上是在線網(wǎng)站。
▌文案策劃
數(shù)英網(wǎng)-數(shù)字媒體及職業(yè)招聘網(wǎng)站
介紹：
數(shù)英網(wǎng)是一個數(shù)字營銷媒體平臺犬第，內(nèi)容涵蓋市場營銷锦积、廣告?zhèn)髅健?chuàng)意設(shè)計歉嗓、電商丰介、移動互聯(lián)網(wǎng)等各數(shù)字相關(guān)領(lǐng)域，并且進行熱門項目推薦鉴分，平臺還包含了人才招聘和社區(qū)版塊哮幢，用戶可通過平臺查找合適招聘信息，也可在社區(qū)發(fā)布動態(tài)或關(guān)注他人志珍。
推薦理由：
數(shù)英網(wǎng)是一個比較不錯的綜合平臺橙垢，無論是熱門的話題、品牌活動伦糯、刷屏的文案都可以找到對應(yīng)的板塊柜某，還有單獨的大廠的優(yōu)秀的H5項目分享，是營銷媒體人必上網(wǎng)站之一敛纲。
TOPYS | 全球頂尖創(chuàng)意分享平臺 OPEN YOUR MIND
介紹：
作為中國成立最早莺琳、最受歡迎的創(chuàng)意垂直網(wǎng)站,TOPYS立志打造一個多元、完備的泛創(chuàng)意知識產(chǎn)品系統(tǒng)和學(xué)習(xí)平臺,試圖成為“A Creative Institution”,希望借由創(chuàng)意的學(xué)習(xí)……
推薦理由：
作為全球頂尖創(chuàng)意分享平臺载慈，每個創(chuàng)意惭等、視覺办铡、文案都很讓人驚艷辞做，十分推薦五垮。
▌視覺交流學(xué)習(xí)
介紹：
站酷(ZCOOL),中國設(shè)計師互動平臺棍郎。深耕設(shè)計領(lǐng)域十二年,站酷聚集了650萬設(shè)計師叠纹、攝影師鸿秆、插畫師酌畜、藝術(shù)家、創(chuàng)意人,設(shè)計創(chuàng)意群體中具有較高的影響力與號召力卿叽。
推薦理由：
站酷在設(shè)計師圈子有著超高人氣桥胞，匯聚了大批優(yōu)秀設(shè)計師、攝影師考婴、插畫師贩虾、藝術(shù)家、創(chuàng)意人蕉扮，每天都有大量的首頁加精的優(yōu)秀作品分享整胃，是一個不錯的集靈感、設(shè)計技巧和項目經(jīng)驗學(xué)習(xí)和交流為一體的設(shè)計師平臺喳钟。
介紹：
UI 中國,前身為 iconfans,是專業(yè)的用戶體驗設(shè)計平 臺屁使。會員均為職業(yè) UI 設(shè)計師,覆蓋全國互聯(lián)網(wǎng)公司。我們將打造中國最專 業(yè)的 UI 設(shè)計交流平臺,為 UI 設(shè)計師……
推薦理由：
UI 中國與站酷面向人群基本重合奔则，不過正如品牌名稱蛮寂，特色是突出UI方面領(lǐng)域，傾向官網(wǎng)易茬、APP酬蹋、H5、小程序UI的用戶體驗設(shè)計抽莱，注重情感表達在人機交互中的表現(xiàn)范抓，平臺定期會舉辦設(shè)計教程分享和大賽。
▌制圖/排版
制圖&修圖：Adobe Photoshop（需下載）
介紹：
Adobe Photoshop食铐，簡稱“PS”匕垫，是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。
推薦理由：
這個不需要多介紹了吧虐呻，一款作圖的軟件象泵，設(shè)計師吃飯的家伙，我們平常說P圖大多是說這個斟叼。
矢量圖&排版：Adobe Illustrator（需下載）
介紹：
Adobe illustrator偶惠，常被稱為“AI”，是一種應(yīng)用于出版朗涩、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件忽孽。
推薦理由：
這個也不需要多介紹了吧，一款排版谢床、制作矢量圖的軟件兄一，做的視覺無論放大多少倍都不會失真，一般配合PS綜合使用萤悴。
▌素材網(wǎng)站
千圖網(wǎng)-免費設(shè)計圖片素材網(wǎng)站
介紹：
千圖網(wǎng)是中國素材最多的網(wǎng)站之一瘾腰，擁有800多萬張素材。 提供：矢量圖 覆履、psd源文件蹋盆、圖片素材、網(wǎng)頁素材硝全、3D模型 素材栖雾、手機 APP 素材、 ppt 伟众、畫冊 析藕、圖標(biāo)熱門主流素材下載服務(wù)，千圖網(wǎng)以其獨特的定位和全新運營模式凳厢，處于素材 網(wǎng)站 領(lǐng)先地位账胧。
推薦理由：
千圖網(wǎng)各類素材較多竞慢，質(zhì)量整體中等，部分圖標(biāo)治泥、節(jié)日元素筹煮、海報可以作為H5使用，快速短期出平面居夹，建議企業(yè)用戶败潦，可以商用素材，避免不必要的版權(quán)風(fēng)險准脂，若自己有原創(chuàng)能力盡量自己PS劫扒。
包圖網(wǎng)_專注原創(chuàng)商用設(shè)計圖片下載
介紹：
包圖網(wǎng)是素材在線交易網(wǎng)站，主要服務(wù)是提供圖片狸膏、視頻沟饥、音頻、psd 源文件 等形式的素材环戈。包圖網(wǎng)內(nèi)容版塊已有廣告設(shè)計闷板、攝影圖、字體院塞、UI設(shè)計遮晚、電商淘寶、多媒體拦止、辦公文檔县遣、裝飾·模型、插畫配圖九大類別汹族。
推薦理由：
包圖網(wǎng)與千圖網(wǎng)屬于同類網(wǎng)站萧求，但偏向于UI、插畫等方向顶瞒，質(zhì)量整體中上夸政，部分圖標(biāo)、節(jié)日元素榴徐、海報可以作為H5使用守问，建議企業(yè)用戶，可以商用素材坑资，避免不必要的版權(quán)風(fēng)險耗帕。
▌視頻編輯/剪輯
視頻編輯：Adobe After Effects（需下載）
介紹：
Adobe After Effects簡稱“AE”是 Adobe 公司推出的一款圖形視頻處理 軟件，適用于從事設(shè)計和視頻特技的機構(gòu)袱贮，包括電視臺仿便、動畫制作公司、個人后期制作工作室以及多媒體工作室。屬于層類型后期軟件嗽仪。
推薦理由：
同樣是 Adobe 旗下的為設(shè)計打造的視頻處理處理編輯軟件荒勇，利用三維插件和關(guān)鍵幀動畫可以制作出網(wǎng)頁原生動畫實現(xiàn)不了的動畫效果，可導(dǎo)出視頻钦幔、序列枕屉、GIF增加H5的視覺表現(xiàn)和互動效果常柄，制作H5互動視頻是個不錯的玩法鲤氢。
如H5互動視頻作品：《王小藝的朋友圈》
視頻剪輯：Adobe Premiere（需下載）
介紹：
Premiere的簡稱，由 Adobe 公司開發(fā)是一款常用的視頻編輯 軟件西潘，由 Adobe 公司推出【碛瘢現(xiàn)在常用的版本有CS4、CS5喷市、CS6相种、CC 2014、CC 2015品姓、CC 2017寝并、CC 2018 CC2019以及2020版本。Adobe Premiere是一款編輯畫面質(zhì)量比較好的軟件 腹备，有較好的兼容性 衬潦，且可以與Adobe公司推出的其他軟件相互協(xié)作。
推薦理由：
十分強大的視頻剪輯軟件植酥，也是Adobe旗下的產(chǎn)品镀岛，是如今自媒體人必學(xué)的軟件之一，可以剪輯友驮、配樂漂羊、專場，一般會配合AE一起使用卸留。
會聲會影中文版免費下載-會聲會影中文官網(wǎng)（需下載）
介紹：
會聲會影是 加拿大 Corel公司制作的一款功能強大的視頻編輯 軟件走越，正版英文名：Corel VideoStudio，具有圖像抓取和編修功能耻瑟，可以抓取旨指，轉(zhuǎn)換 MV、DV 匆赃、V8淤毛、TV和實時記錄抓取畫面文件，并提供有超過100 多種的編制功能與效果算柳，可導(dǎo)出多種常見的視頻格式低淡，甚至可以直接制作成DVD和VCD光盤。
推薦理由：
平常使用的不多，還是在大學(xué)時期使用了一些蔗蹋，小白可以很方便制作看起來有些炫酷的視頻特效與剪輯何荚。
▌原型設(shè)計
墨刀- 遠程辦公好幫手 在線產(chǎn)品原型設(shè)計與協(xié)作平臺
介紹：
墨刀是一款在線原型設(shè)計與協(xié)同工具，借助墨刀猪杭，產(chǎn)品經(jīng)理餐塘、設(shè)計師、開發(fā)皂吮、銷售戒傻、運營及創(chuàng)業(yè)者等用戶群體，能夠搭建為產(chǎn)品原型蜂筹，演示項目效果需纳。墨刀同時也是協(xié)作平臺，項目成員可以協(xié)作編輯艺挪、審閱不翩，不管是產(chǎn)品想法展示，還是向客戶收集產(chǎn)品反饋麻裳，向投資人進行Demo展示口蝠，或是在團隊內(nèi)部協(xié)作溝通奸焙、項目管理多糠。
推薦理由：
產(chǎn)品特色包括素材庫、設(shè)計柱宦、高效演示及評審国瓮、導(dǎo)入Sketch稿灭必、云端編輯、多人協(xié)作乃摹，可以在線制作APP及活動頁面禁漓。
▌H5制作工具
意派?Epub360-專業(yè)H5頁面在線交互設(shè)計制作工具
介紹：
意派Epub360隸屬于上海意派科技，是專業(yè)級的H5交互設(shè)計平臺孵睬，采用可視化組件編輯播歼，可實現(xiàn)復(fù)雜的H5交互動畫、數(shù)據(jù)及邏輯掰读，是華為秘狞、招商銀行、上海觀察等企業(yè)的共同選擇蹈集。
專業(yè)交互功能：支持專業(yè)級動畫控制烁试、交互設(shè)定、社交應(yīng)用與數(shù)據(jù)應(yīng)用拢肆，保障企業(yè)的商業(yè)需求順利實現(xiàn)减响。
操作簡易：采用由簡到難遞進式產(chǎn)品設(shè)計模式靖诗，效果組件化，減少用戶上手難度支示，穩(wěn)定的操作環(huán)境助力企業(yè)持續(xù)創(chuàng)意輸出刊橘。
提供企業(yè)服務(wù)：我們?yōu)槠髽I(yè)/媒體單位提供H5工具培訓(xùn)、定制及私有化部署服務(wù)颂鸿，定制服務(wù)包含掃碼簽到促绵、大屏互動、H5游戲等多種場景嘴纺，是上海解放日報败晴、招商銀行、廣西日報等多家單位長期合作伙伴颖医。
提供優(yōu)質(zhì)模板：提供豐富的模板庫位衩，500+優(yōu)質(zhì)的企業(yè)H5模板，各種邀請函熔萧、招聘、節(jié)日海報僚祷、H5小游戲應(yīng)有盡有佛致。
推薦理由：
意派Epub360是一款專業(yè)的H5交互設(shè)計神器，無需下載軟件辙谜，在線編輯制作H5作品俺榆，2014年上線，算是比較早的專業(yè)H5設(shè)計工具装哆，可以零代碼制作電腦罐脊、ipad和微信端H5作品，國內(nèi)領(lǐng)先支持SVG支持SVG路徑動畫蜕琴、SVG變形動畫萍桌、精細(xì)控制、手勢觸發(fā)凌简、搖一搖上炎、拖拽交互、碰撞檢測雏搂、重力感應(yīng)藕施、關(guān)聯(lián)控制...并結(jié)合Epub360提供的數(shù)十種觸發(fā)器控制，曾經(jīng)兩天時間快速上線一個炫酷產(chǎn)品宣傳的H5作品凸郑，超神速裳食！算是一款可以制作出高質(zhì)量H5作品的H5交互設(shè)計神器。
▌圖片壓縮
介紹：
TinyPNG For Photoshop 插件是一款 PNG 圖片壓縮插件芙沥，通過這款插件你可以將 PNG 圖片進行高壓縮但對圖片質(zhì)量的影響微乎其微诲祸。只需要簡單的兩步就可以完成對 PNG 圖片的高壓縮而且還不會影響 PNG 圖片的質(zhì)量尘盼，這樣就可以解決網(wǎng)頁設(shè)計師因圖片太大而影響網(wǎng)站加載網(wǎng)頁速度的難題。
推薦理由：
TinyPNG雖然是英文網(wǎng)站烦绳，但打開很快卿捎，不需要看懂，拖動圖片到中間上傳的圖標(biāo)上就可以径密， 壓縮率很高午阵，支持壓縮JPG、PNG享扔，整體壓縮幅度是 70%底桂，而且?guī)缀醪粨p失畫質(zhì)。 但每次壓縮限制大小5兆和 最多20 張圖片惧眠，如果是序列圖則不太適合籽懦，不過一般使用是完全夠用的，另外自定義壓縮質(zhì)量還可以使用國內(nèi)壓縮工具“壓縮圖”氛魁。
介紹：
壓縮圖是在線圖片壓縮工具,支持GIF壓縮暮顺、PNG壓縮、JPG壓縮,還可以在線圖片加水印秀存、圖片旋轉(zhuǎn)捶码、制作長圖拼接、圖片改顏色或链、圖片添加文字惫恼、圖片去底色、證件照換底色……
推薦理由：
有損壓縮澳盐，但支持壓縮JPG祈纯、PNG和GIF，支持壓縮質(zhì)量百分比叼耙、寬高比腕窥，有時我會跟tinypng混著用，部分大圖壓縮使用壓縮圖旬蟋。
▌音視頻壓縮
Handbrake
介紹：
HandBrake是一款小巧到極致的實用視頻轉(zhuǎn)換軟件油昂，軟件功能非常強大，界面簡潔明晰倾贰、操作方便快捷冕碟，設(shè)計得很人性化。HandBrake中文版支持Win/Mac/Lin操作系統(tǒng)匆浙，批量轉(zhuǎn)換視頻格式安寺，并自帶壓縮功能。需要的朋友千萬不要錯過哦!
推薦理由：
這款軟件是界面是英文的首尼，需要看懂幾個基礎(chǔ)的英文專業(yè)用詞挑庶，現(xiàn)在經(jīng)常在Mac系統(tǒng)上言秸，之前用的window國產(chǎn)小軟件不能用了，但是它同時支持Mac與window系統(tǒng)迎捺，有設(shè)置壓縮速率，我一般設(shè)置成22左右凳枝，壓縮質(zhì)量和體積綜合較強抄沮，壓縮速度快，曾經(jīng)我用這款軟件把1.2G的視頻文件壓縮到22.6兆岖瑰，可謂是驚呆了我和我的小伙伴們叛买！確實是一款國外的優(yōu)秀壓縮軟件！
格式轉(zhuǎn)化：格式工廠
介紹：
格式工廠是一款免費多功能的多媒體文件轉(zhuǎn)換工具蹋订。格式工廠功能強大率挣，可以幫助用戶簡單快速的轉(zhuǎn)換需要的視頻文件格式。不僅如此露戒，格式工廠軟件操作簡便椒功，用戶安裝后就可以上手進行使用，為用戶帶來快速簡便的使用體驗玫锋。
推薦理由：
這款軟件我個人用的不是很多蛾茉，因為有一陣子使用Windows系統(tǒng)比較多，經(jīng)常需要壓縮音頻撩鹿、視頻和各個視頻格式的轉(zhuǎn)化，挺方便悦屏，同時這也是一個免費的國產(chǎn)壓縮軟件节沦，界面是中文的比較好操作。壓縮質(zhì)量中上础爬，但速度很快甫贯，很適合對質(zhì)量要求不是很專業(yè)的小白用戶。
▌修改建議協(xié)同文檔：
介紹：
石墨文檔是全新一代云 Office 辦公軟件,支持多人在線協(xié)作編輯文檔和表格,獨有內(nèi)容級安全,全過程留痕可追溯看蚜。PC 端和移動端全覆蓋,隨時隨地遠程辦公叫搁。
推薦理由：
石墨最大的特點是協(xié)同辦公，這點可以在我們項目制作修改意見有效的溝通并記錄供炎，傳統(tǒng)方式渴逻，客戶在項目交流群里，以聊天的形式反饋建議音诫，一會兒沒看可能就幾十條惨奕，有時還穿插著59秒的語音建議，分分鐘想哭好嘛竭钝？要是對方領(lǐng)導(dǎo)太多梨撞，一個人一張嘴雹洗，不經(jīng)歷你根本想象不到有多慘！有了這個卧波，不會忽視每一條修改建議时肿，客戶通過標(biāo)注的方式，實時反饋與按條修改港粱，修改效率會大大提升螃成！
▌素材存檔
介紹：
百度網(wǎng)盤為您提供文件的網(wǎng)絡(luò)備份、同步和分享服務(wù)啥容⌒饪牛空間大、速度快咪惠、安全穩(wěn)固,支持教育網(wǎng)加速,支持手機端』髦ǎ現(xiàn)在注冊即有機會享受15G的免費存儲空間。
推薦理由：
這個也不需要多介紹了遥昧，之前有幾家網(wǎng)盤接連官宣停止運營覆醇，目前也就百度網(wǎng)盤、騰訊微云等大平臺還在炭臭。我們在做H5項目一開始就養(yǎng)成一個好的習(xí)慣永脓，每次做完項目，項目中所有的源文件鞋仍、圖片常摧、音頻、視頻請新建文件夾歸類威创。老設(shè)計師都知道落午，隨著接觸的項目越多，文件都放在電腦上肚豺，每個盤都塞得慢慢的溃斋，時間一長電腦運行肯定卡，這時候基本上要依靠移動硬盤和云盤吸申，移動硬盤本地儲存安全私密性高梗劫，但是某寶某東上搜一下，價格偏高截碴，如果壞了難以修復(fù)梳侨，百度網(wǎng)盤基礎(chǔ)使用的空間一般是夠用了，缺點是免費版的下載速度真是龜速隐岛，不過也沒花錢不是嘛哈哈猫妙。
本期分享就到這里了，有更好的推薦也歡迎留言或私信~
