近幾日，領導忽然要求做一個關於「雙11」相關的微信電子邀請函，大致提了一下H5頁面的核心製作理念與觀點，要求能夠在微信朋友圈中營銷傳播，原本興致勃勃的去問可以申請多少預算時候，0預算的答案瞬間讓我感受到了腦洞災難：夢想是美好的，現實是殘酷的。 沒有套路的套路下，悄悄度娘了「電子邀請函」，結果是這樣的：
「微信電子邀請函製作，免費，嗯哼，這不正是領導想要的麼？」 起初我是一頭霧水的，註冊之後又感覺到了無去無從。但是在自己的一番閒逛與客服的耐心指引下，終於對「BlueMP」有了初步的了解，這是一家專業h5在線製作的平臺，從平臺層面來講，它屬於在營銷領域世界排名前10的「藍色光標傳播集團」，好感度瞬間提升了100倍不止；從功能層面來講，它包含製作微網站、微社區，以及後面要重點提到的H5頁面在線製作工具-H5幻燈片，都完全超出了我小小的電子邀請函的應用範圍。 從小老師就教育我，站好隊，挺重要。此刻腦袋裡面深深的刻寫了兩個字：靠譜。ok，接下來我們言歸正傳啦，在經歷一番思想絕殺後，也希望自己可以幫助像我一樣有同樣需求的小夥伴！ 1.入口 由於BlueMP的核心目的是幫助中小企業建站的，所以h5幻燈片作為組件的形式出現在平臺上，但是在功能的入口上，還是相對很好找到的，如下圖所示：
2.創建 BlueMP可以讓用戶免費創建10個h5幻燈片，這點還是讓我感到比較驚喜的，數量完全夠，因為我以後完全可以把用不著的幻燈片刪掉再創建就好啦。創建呢，當然就很簡單啦，如下圖：
上圖我們也看到了，也是可以查閱瀏覽量、分享量、數據收集的！當然，公司數據都是機密，就不展示啦！ 3.界面 點擊「創建新幻燈片」進入BlueMP的h5幻燈片的製作頁面後，可以很清晰的看到頁面分為了版式區、編輯區、功能區。如果使用官方提供的版式情況下，是可以很快速的創建h5頁面的，方便快捷了很多。但是作為一枚矯情的女設計獅，怎麼能讓別人來幹預我的設計咩！？沒毛病，當然自己來主導設計嘛～
當然了，在這裡還是想要吐個槽的啦，其實很想把自己的設計分享給更多的人，可以讓內心成就感「砰砰砰」嘛。But，But，But，和BlueMP的官方客服吐槽之後，收到的答案卻是17年初，有點小遺憾，但他們還是會上線類似的功能，這簡直是設計師的福音呢！贊贊贊，腦海裡充滿了蠻王的吶喊：「我的大刀已經饑渴難耐了！」 4.編輯 哦，我激動了，回來～回來，嗯，回來了。咱們接著往下聊聊編輯的功能啦。 如果你大概了解一些做圖的基本功的話，其實要實現在BlueMP的h5幻燈片裡編輯頁面的功能還是很簡單的啦，就像操作photoshop一樣，把需要的元素都添加進去，組合起來就好啦。
再晾一下使用的過的素材（悄悄的），就知道有多簡單啦~
當然，在編輯的過程中，是需要對每個元素的動畫時間都要做出一些調節的，相信大家在做這個頁面的時候，都會有一些自己獨到的見解的。 5.從保存到發布 保存就不必多說了，無論是編輯word文本，還是設計一張圖片，界面右上角的「保存」按鈕沒事點兩下，相信這是觸發頻率最高的操作啦。 終於做好了自己想要的頁面，那麼我們最關心的還是如何把這個頁面發布出去。點擊編輯界面的「預覽」後，進入預覽頁面，需要注意，現在是最關鍵的一步了。一個好的作品，漂亮的標題名稱、描述、圖標都是必不可少的，這可是關係著在朋友圈裡別人會不會點你的問題了。而且而且，設置的過程中，你是可以看到分享出去的樣子的，如下圖所示：
而發布就更加簡單啦，二維碼、連結，統統丟出去，朋友圈統統轉起來，就等著別人過來給你評論吧。 至此一個標準的H5頁面製作流程就算完成啦，第一次用這種在線免費工具，還請不要打臉咩～ 另外，看到平臺分享的幾個企業定製H5案例真心不錯，可惜老闆摳門，否則就不用那麼費勁巴拉的設計了~~，分享2個群裡發的：
最後最後呢，推薦一下這個比較靠譜的網站www.bluemp.cn，自己慢慢品嘗吧！一定會有驚喜！