每每見到一個尤其牛X的H5著作的情況下，是否特想要知道那誰是怎么保證的！！個性字體、美圖照片、動漫、精致的配搭。。。強勁的視覺撞擊力震撼新手的膝關節。因此我把珍藏數年的好商品展現出去，諸位小伙伴們記好哦！

字體樣式工具

藝術字在線轉化成工具

一般H5工具情景中并沒有帶來過多字體樣式，是由于手機上不兼容多字體樣式。

假如要想好幾個字體樣式，可以用藝術字生成工具，實際效果極大地！

選擇自己感興趣的字體樣式；例如隨意鍵入一詞或句子文章標題瀏覽；轉化成圖片，下載另存；

除開能夠挑選字體效果外，大多數制作器還適用字體大小、字色及環境的選用設定，小伙伴們能夠按照自身的愛好或必須來調節。

轉化成圖片后（一般全是無環境png格式）就可同時導進H5在線編輯器開展使用了。

下邊我們列出了一些常見的在線生成器，供各位查詢采用：

【毛筆書法在線生成器】毛筆書法在線生成器

【第一字體轉換器】書法藝術字體轉換器在線轉換

【QT86】藝術字體在線生成器 藝術字轉換器

文本擁有，很有可能你能為找不著適合的配圖圖片發愁，因此個人收藏好多個常見的圖片素材網也是很需要的。

圖片素材圖片

常見的搜圖網站

找圖片一般都是在瀏覽器搜索框立即輸入有關標識，就能搜到許多 各種各樣的圖，例如百度搜索圖片檢索、搜狗、360搜圖等?？墒且话惬@得的效果圖是很不足的，畫面質量也不一定抵達規定，更難堪的是有可能會涉及到版權問題哦。

設計方案一個著作的過程中必須的圖片素材圖片大多數超清、大幅面且頗具藝術創意、視覺沖擊，因此給大伙兒介紹一些比較技術專業或歸類非常齊備、圖片品質較高的搜圖網站：千庫網： 千庫網_潛心完全免費設計元素下載的網址500px：www.500px.com

Frickr：Filckr-storm、Compfight

圖蟲：圖蟲網 - 最好是的攝像師都是在這

此外給人覺得較為文藝范兒的也有花瓣網、堆糖，沒事兒多去旅游觀光總是會有探索與發現。并且世界各國許多 付錢的網址圖片品質是非常高的，我也是期待朋友們多多的適用圖片使用者，終究過日子不容易！

有關圖片縮小的工具還記得在前面【武器】一期有詳解，

在這兒再嘮叨一兩句吧：

智圖：智圖_圖片縮小線上工具

Tinypng：TinyPNG – Compress PNG images while preserving transparency

假如你還是需自身開展一些圖片制作，設計方案大神用Photoshop，普通用戶用光影魔術手也基本上達到，可是可是靜態數據的圖片很有可能太簡單，你還是必須一些動態性原素，例如gif圖、flash動畫等。

動態圖片

GIF圖制作工具

提及動態圖片大伙兒第一想起的或許會是手機微信、qq上滿天飛舞的表情圖，但H5的動態圖不同于這些神情，展現是一種情景。GIF圖素材圖片的添加會使你的創作更為頗具轉變與炫酷，尤其是一些具備有趣的動態圖片。

強烈推薦gif動態圖片庫資源：GUIFFF – Animated Dribbble GIFsGIF動漫改動制作工具【Ulead GIF Animator】

Ulead GIF Animator——友立公司出版發行的動漫GIF制作手機軟件，內建的Plugin有很多現有的效果能夠 直接套入，可將AVI文檔轉成動漫GIF文檔，并且還能將動漫GIF圖片預設值，能將你放到頁面上的動漫GIF圖檔減肥瘦身，便于使人可以更迅速的網頁瀏覽。Ulead GIF Animator實際操作簡易，假如你不怎么會應用ps制作gif圖片，提議應用這款手機軟件。

在這里我禁不住要提及的一款武器是：微信對話制作器

比如說轉化成微信對話的工具，在微信朋友圈搞網上代購的人可能最熟練，你懂得的，也有轉化成微信朋友圈情況關注點贊的工具。轉化成微信對話的可以用下邊這一：

（濃濃的招數有沒有~~/(ㄒoㄒ)/~~）

ps：若有須要能夠在百度搜安卓版哦~

文本、圖片都是有了，姿勢都加上好啦，很有可能你也必須一首適合的BGM!

音樂背景工具

BGM下載與制作

一般 在挑選歌曲的時候會期待用這些超好聽的流行曲或電影配樂及舒緩音樂，可是通常這些音頻文件都非常大且無法立即上傳入H5在線編輯器內，因此尋找文件格式尺寸適宜的背景音樂也須要費些時間。百度搜索搜索音樂 ，歌曲名字 手機鈴聲，下載那類500kb、mp3格式的歌曲；音效網下載（站長素材）：聲效 音效素材 音效網 聲效下載留意！音樂背景最好是把控在500KB尺寸上下很大載入的過程中會較慢！但這種聲效很有可能并不可以符合要求，又特期待應用自身關注的歌曲，那么就必須親力親為制作音樂背景：簡單一點的如：酷狗鈴聲制作工具（如下圖），針對一些簡易音樂剪切基本上媽達到；

升階一些的如 :Goldwave ,一個功能齊全的數據音樂編輯器，是一個集聲音編輯、播放視頻、視頻錄制和轉化的聲頻工具。它可以對聲頻信息開展轉換視頻格式等解決。

有歌曲了也許還不符合，有時還期待加一些小視頻這類的素材圖片，可是一般糖在H5著作中添加過長的短視頻是會影響到載入與訪問的，如確實必須或是必須做好視頻剪輯解決。

視頻工具

視頻剪輯與制作

除開一些常見視頻平臺能夠下載視頻，一些專業給予視頻素材的網址想來更對焦、更方便快捷。

如一些搜圖的平臺也給予視頻：我圖網

高清視頻網站：Pexels Videos

對收集來的材料開展解決下邊介紹好多個工具：

新手入門：愛剪輯視頻，簡易實用，輕輕松松入門，解決基本的視頻剪接每日任務充足了；升階：繪聲繪影，能夠開展圖片、歌曲、文本等素材圖片組成、制作、實際效果加上這些，高級：PR/AE，二者相結合應用可以制作出史詩大面積，自然這種必須一些專業技能，實際操作也比較繁雜，必須細心。

表格工具

回收利用數據信息與問卷調查

H5內嵌的表格基本上達到了活動推廣、邀約、包含一些問卷調查作用等，且一般都兼顧數據分析作用。但比較于致力于表格行業的一些工具，很有可能并無法符合所有的消費者的要求。因此給予下面好多個強勁的工具服務平臺產考：

麥客：組件化的設計方案、可對所需項開展拖動設定、且有模版可供采用開展更換或自定；

金數據：對手機微信的適用比較好，尤其是手機微信提高包，十分強勁；業務流程偏重營銷推廣行業；會依據選定領域配對模版；

妙趣問卷調查：致力于問卷調查行業，

當全部的材料都是有了，可便是對界面沒什么感覺，看起來花里胡哨實際上雜亂無技巧，例如排版設計與色彩搭配等，那這時你也許須要一個配色工具來融洽輔助全部界面了。

配色工具

純度對比很重要

要讓創作更為融洽，看上去舒適或更具有視覺沖擊色彩搭配不可或缺，那有關顏色的平臺有以下幾條：

Kuler ： http://kuler.adobe.com/

0to255：0to255 a€“ A simple tool that helps web designers find variations of any color

HTML Color Codes ：http://html-color-codes.info/

NIPPON COLORS - 日本の伝統色 ：http://nipponcolors.com/

Adobe Kuler - 最技術專業，最好用

Adobe 家的 Kuler 了，其幾十年在廣告設計行業的雄厚積淀，促使這款配色運用擁有 充足的技術性份量。技術專業、功能強大，也許是很質樸的語匯，但描述這款 App 再適合但是了。

http://EyeDrop.me - 視覺設計師的好幫手

作為一名視覺設計師，在計劃方案之際，常常會為怎樣作出一套好的配色計劃方案而擔心，根據一張漂亮的風景相片從這當中提煉出多個顏色開展配搭，便是一種非常常用的作法。

1. 可以查詢特定網址的配色

2. 順手照相，轉化成與眾不同配色表

3. 配色能夠推送Photoshop。

RealHex - 拾色器還能夠這樣用！

RealHex 做為一個撿取顏色并紀錄顏色變量值的運用，不僅是室內設計師，美術家，攝像師的專利權，所有人都能夠創造性應用它，挖掘你不曾發覺的奇妙主要用途！

此外，在挑選衣服褲子、PSps修圖，乃至染頭發、做美甲、畫妝時都可以用上，防止形成偏色。

假如之上的輔助工具拿手中，是不是你感覺H5制作so easy了！

最終只需加上一個H5制作工具，將你的idea轉換為好看的著作。

輕輕松松制作H5

看過那么多，我沒有功績還有能者多勞(⊙o⊙)哇，你沒關心下嗎？

H5互動推廣

填補：配色的輔助工具實際上也許多 ，例如:

Adobe Color CC

實際上本人感覺，H5也罷，人機交互、平面圖也罷，最后反映水平的是一種關愛，對客戶的關愛，裝x的講法便是說白了核心理念了。

可是對一個制作者而言，反映其水準工作能力和使用價值的是最后結果，boss or leader全是注重成果的。

服務平臺與工具僅僅方式，頁面與互動僅僅方式，主要表現與內容則是心態，身后的需求才算是實質！