回覆列表
  • 1 # 專業H5案例分享

    本期分享從文案策劃到互動設計共包含19個工具/網站,全方位學習新媒體運營的知識,文字偏向於營銷H5策劃與設計製作。

    關於H5製作流程

    筆者接觸的H5製作輔助製作工作基本構成分為文案策劃、設計交流學習、製圖、影片編輯與剪輯、原型、H5動效/動畫製作、圖片/音影片壓縮、素材存檔,所以中間所使用的的工具也是這些。

    注:分享的有一些軟體需下載,有標註,無標註基本上是線上網站。

    文案策劃

    數英網-數字媒體及職業招聘網站

    介紹:

    數英網是一個數字營銷媒體平臺,內容涵蓋市場營銷、廣告傳媒、創意設計、電商、移動網際網路等各數字相關領域,並且進行熱門專案推薦,平臺還包含了人才招聘和社群版塊,使用者可透過平臺查詢合適招聘資訊,也可在社群釋出動態或關注他人。

    推薦理由:

    數英網是一個比較不錯的綜合平臺,無論是熱門的話題、品牌活動、刷屏的文案都可以找到對應的板塊,還有單獨的大廠的優秀的H5專案分享,是營銷媒體人必上網站之一。

    TOPYS | 全球頂尖創意分享平臺 OPEN YOUR MIND

    介紹:

    推薦理由:

    作為全球頂尖創意分享平臺,每個創意、視覺、文案都很讓人驚豔,十分推薦。

    視覺交流學習

    站酷(ZCOOL) - 設計師互動平臺

    介紹:

    站酷(ZCOOL),中國設計師互動平臺。深耕設計領域十二年,站酷聚集了650萬設計師、攝影師、插畫師、藝術家、創意人,設計創意群體中具有較高的影響力與號召力。

    推薦理由:

    站酷在設計師圈子有著超高人氣,匯聚了大批優秀設計師、攝影師、插畫師、藝術家、創意人,每天都有大量的首頁加精的優秀作品分享,是一個不錯的集靈感、設計技巧和專案經驗學習和交流為一體的設計師平臺。

    UI中國使用者體驗設計平臺

    介紹:

    UI 中國,前身為 iconfans,是專業的使用者體驗設計平 臺。會員均為職業 UI 設計師,覆蓋全國網際網路公司。我們將打造中國最專 業的 UI 設計交流平臺,為 UI 設計師……

    推薦理由:

    UI 中國與站酷面向人群基本重合,不過正如品牌名稱,特色是突出UI方面領域,傾向官網、APP、H5、小程式UI的使用者體驗設計,注重情感表達在人機互動中的表現,平臺定期會舉辦設計教程分享和大賽。

    製圖/排版

    製圖&修圖:Adobe Photoshop(需下載)

    介紹:

    Adobe Photoshop,簡稱“PS”,是由Adobe Systems開發和發行的影象處理軟體。

    推薦理由:

    這個不需要多介紹了吧,一款作圖的軟體,設計師吃飯的傢伙,我們平常說P圖大多是說這個。

    向量圖&排版:Adobe Illustrator(需下載)

    介紹:

    Adobe illustrator,常被稱為“AI”,是一種應用於出版、多媒體和線上影象的工業標準向量插畫的軟體。

    推薦理由:

    這個也不需要多介紹了吧,一款排版、製作向量圖的軟體,做的視覺無論放大多少倍都不會失真,一般配合PS綜合使用。

    素材網站

    千圖網-免費設計圖片素材網站

    介紹:

    千圖網是中國素材最多的網站之一,擁有800多萬張素材。 提供:向量圖 、psd原始檔、圖片素材、網頁素材、3D模型 素材、手機 APP 素材、 ppt 、畫冊 、圖示熱門主流素材下載服務,千圖網以其獨特的定位和全新運營模式,處於素材 網站 領先地位。

    推薦理由:

    介紹:

    包圖網是素材線上交易網站,主要服務是提供圖片、影片、音訊、psd 原始檔 等形式的素材。包圖網內容版塊已有廣告設計、攝影圖、字型、UI設計、電商淘寶、多媒體、辦公文件、裝飾·模型、插畫配圖九大類別。

    推薦理由:

    介紹:

    Adobe After Effects簡稱“AE”是 Adobe 公司推出的一款圖形影片處理 軟體,適用於從事設計和影片特技的機構,包括電視臺、動畫製作公司、個人後期製作工作室以及多媒體工作室。屬於層型別後期軟體。

    推薦理由:

    同樣是 Adobe 旗下的為設計打造的影片處理處理編輯軟體,利用三維外掛和關鍵幀動畫可以製作出網頁原生動畫實現不了的動畫效果,可匯出影片、序列、GIF增加H5的視覺表現和互動效果,製作H5互動影片是個不錯的玩法。

    影片剪輯:Adobe Premiere(需下載)

    介紹:

    Premiere的簡稱,由 Adobe 公司開發是一款常用的影片編輯 軟體,由 Adobe 公司推出。現在常用的版本有CS4、CS5、CS6、CC 2014、CC 2015、CC 2017、CC 2018 CC2019以及2020版本。Adobe Premiere是一款編輯畫面質量比較好的軟體 ,有較好的相容性 ,且可以與Adobe公司推出的其他軟體相互協作。

    推薦理由:

    十分強大的影片剪輯軟體,也是Adobe旗下的產品,是如今自媒體人必學的軟體之一,可以剪輯、配樂、專場,一般會配合AE一起使用。

    會聲會影中文版免費下載-會聲會影中文官網(需下載)

    介紹:

    會聲會影是 加拿大 Corel公司製作的一款功能強大的影片編輯 軟體,正版英文名:Corel VideoStudio,具有影象抓取和編修功能,可以抓取,轉換 MV、DV 、V8、TV和實時記錄抓取畫面檔案,並提供有超過100 多種的編制功能與效果,可匯出多種常見的影片格式,甚至可以直接製作成DVD和VCD光碟。

    推薦理由:

    平常使用的不多,還是在大學時期使用了一些,小白可以很方便製作看起來有些炫酷的影片特效與剪輯。

    原型設計

    墨刀- 遠端辦公好幫手 線上產品原型設計與協作平臺

    介紹:

    墨刀是一款線上原型設計與協同工具,藉助墨刀,產品經理、設計師、開發、銷售、運營及創業者等使用者群體,能夠搭建為產品原型,演示專案效果。墨刀同時也是協作平臺,專案成員可以協作編輯、審閱,不管是產品想法展示,還是向客戶收集產品反饋,向投資人進行Demo展示,或是在團隊內部協作溝通、專案管理。

    推薦理由:

    產品特色包括素材庫、設計、高效演示及評審、匯入Sketch稿、雲端編輯、多人協作,可以線上製作APP及活動頁面。

    H5製作工具

    意派∙Epub360-專業H5頁面線上互動設計製作工具

    介紹:

    意派Epub360隸屬於上海意派科技,是專業級的H5互動設計平臺,採用視覺化元件編輯,可實現複雜的H5互動動畫、資料及邏輯,是華為、招商銀行、上海觀察等企業的共同選擇。

    專業互動功能:支援專業級動畫控制、互動設定、社交應用與資料應用,保障企業的商業需求順利實現。

    操作簡易:採用由簡到難遞進式產品設計模式,效果元件化,減少使用者上手難度,穩定的操作環境助力企業持續創意輸出。

    提供企業服務:我們為企業/媒體單位提供H5工具培訓、定製及私有化部署服務,定製服務包含掃碼簽到、大屏互動、H5遊戲等多種場景,是上海解放日報、招商銀行、廣西日報等多家單位長期合作伙伴。

    推薦理由:

    意派Epub360是一款專業的H5互動設計神器,無需下載軟體,線上編輯製作H5作品,2014年上線,算是比較早的專業H5設計工具,可以零程式碼製作電腦、ipad和微信端H5作品,國內領先支援SVG支援SVG路徑動畫、SVG變形動畫、精細控制、手勢觸發、搖一搖、拖拽互動、碰撞檢測、重力感應、關聯控制...並結合Epub360提供的數十種觸發器控制,曾經兩天時間快速上線一個炫酷產品宣傳的H5作品,超神速!算是一款可以製作出高質量H5作品的H5互動設計神器。

    圖片壓縮

    圖片壓縮:Tinypng

    介紹:

    TinyPNG For Photoshop 外掛是一款 PNG 圖片壓縮外掛,透過這款外掛你可以將 PNG 圖片進行高壓縮但對圖片質量的影響微乎其微。只需要簡單的兩步就可以完成對 PNG 圖片的高壓縮而且還不會影響 PNG 圖片的質量,這樣就可以解決網頁設計師因圖片太大而影響網站載入網頁速度的難題。

    推薦理由:

    TinyPNG雖然是英文網站,但開啟很快,不需要看懂,拖動圖片到中間上傳的圖示上就可以, 壓縮率很高,支援壓縮JPG、PNG,整體壓縮幅度是 70%,而且幾乎不損失畫質。 但每次壓縮限制大小5兆和 最多20 張圖片,如果是序列圖則不太適合,不過一般使用是完全夠用的,另外自定義壓縮質量還可以使用國內壓縮工具“壓縮圖”。

    圖片壓縮:壓縮圖

    介紹:

    壓縮圖是線上圖片壓縮工具,支援GIF壓縮、PNG壓縮、JPG壓縮,還可以線上圖片加水印、圖片旋轉、製作長圖拼接、圖片改顏色、圖片新增文字、圖片去底色、證件照換底色……

    推薦理由:

    有失真壓縮,但支援壓縮JPG、PNG和GIF,支援壓縮質量百分比、寬高比,有時我會跟tinypng混著用,部分大圖壓縮使用壓縮圖。

    音影片壓縮

    Handbrake

    介紹:

    HandBrake是一款小巧到極致的實用影片轉換軟體,軟體功能非常強大,介面簡潔明晰、操作方便快捷,設計得很人性化。HandBrake中文版支援Win/Mac/Lin作業系統,批次轉換影片格式,並自帶壓縮功能。需要的朋友千萬不要錯過哦!

    推薦理由:

    這款軟體是介面是英文的,需要看懂幾個基礎的英文專業用詞,現在經常在Mac系統上,之前用的window中國產小軟體不能用了,但是它同時支援Mac與window系統,有設定壓縮速率,我一般設定成22左右,壓縮質量和體積綜合較強,壓縮速度快,曾經我用這款軟體把1.2G的影片檔案壓縮到22.6兆,可謂是驚呆了我和我的小夥伴們!確實是一款國外的優秀壓縮軟體!

    格式轉化:格式工廠

    介紹:

    格式工廠是一款免費多功能的多媒體檔案轉換工具。格式工廠功能強大,可以幫助使用者簡單快速的轉換需要的影片檔案格式。不僅如此,格式工廠軟體操作簡便,使用者安裝後就可以上手進行使用,為使用者帶來快速簡便的使用體驗。

    推薦理由:

    這款軟體我個人用的不是很多,因為有一陣子使用Windows系統比較多,經常需要壓縮音訊、影片和各個影片格式的轉化,挺方便,同時這也是一個免費的中國產壓縮軟體,介面是中文的比較好操作。壓縮質量中上,但速度很快,很適合對質量要求不是很專業的小白使用者。

    修改建議協同文件

    石墨文件-遠端辦公系統/解決方案

    介紹:

    石墨文件是全新一代雲 Office 辦公軟體,支援多人線上協作編輯文件和表格,獨有內容級安全,全過程留痕可追溯。PC 端和移動端全覆蓋,隨時隨地遠端辦公。

    推薦理由:

    石墨最大的特點是協同辦公,這點可以在我們專案製作修改意見有效的溝通並記錄,傳統方式,客戶在專案交流群裡,以聊天的形式反饋建議,一會兒沒看可能就幾十條,有時還穿插著59秒的語音建議,分分鐘想哭好嘛?要是對方領導太多,一個人一張嘴,不經歷你根本想象不到有多慘!有了這個,不會忽視每一條修改建議,客戶透過標註的方式,實時反饋與按條修改,修改效率會大大提升!

    素材存檔

    百度網盤,讓美好永遠陪伴

    介紹:

    百度網盤為您提供檔案的網路備份、同步和分享服務。空間大、速度快、安全穩固,支援教育網加速,支援手機端。現在註冊即有機會享受15G的免費儲存空間。

    推薦理由:

    這個也不需要多介紹了,之前有幾家網盤接連官宣停止運營,目前也就百度網盤、騰訊微雲等大平臺還在。我們在做H5專案一開始就養成一個好的習慣,每次做完專案,專案中所有的原始檔、圖片、音訊、影片請新建資料夾歸類。老設計師都知道,隨著接觸的專案越多,檔案都放在電腦上,每個盤都塞得慢慢的,時間一長電腦執行肯定卡,這時候基本上要依靠行動硬碟和雲盤,行動硬碟本地儲存安全私密性高,但是某寶某東上搜一下,價格偏高,如果壞了難以修復,百度網盤基礎使用的空間一般是夠用了,缺點是免費版的下載速度真是龜速,不過也沒花錢不是嘛哈哈。

  • 中秋節和大豐收的關聯?
  • 屬雞的人明年命運如何?