小⑤覺得良好的視覺氣氛可以更好的引導消費者理解你想展現的內容，每個用H5做的廣告設計的目的，面對的消費人群都不同，不同的氣氛會牽連不同元素，我們需要把整個設計統一協調在一個完整的調性內，理性規劃與藝術創作才能製作傳播效果好的H5。
H5的目的是促銷，勢必需要採用和促銷有關的氣氛元素，銷售內容時間優惠幅度等直接明瞭，最重要的是要粗暴的突出銷售信息，畫面色調暖色為主。
假如這次設計目的是宣傳一個電子類產品，整個視覺調性上要點就是精緻嚴肅，給消費者品質和理性的氛圍，OPPO和VIVO那樣的綠藍色會成為首選，搭配科技元素的引用賦予廣告強烈的科技感。
假如這次設計目的是一場會議的邀請函，整個作品主打的調性是營造較強的分享陣容或與會議相關的嚴肅神秘氣氛，用會議出席人的信息，會議主題裝飾H5,吸引用戶注意。
假如這次主題是品牌形象的塑造和傳遞，多用五感創作，多用視覺，聽覺，嗅覺，味覺，這點和豆瓣的電影圖書，音樂，搜索社群，美食，評價討論相似，整個項目以解謎GAME方式進行，貫徹始終的都是一個不斷成長的豆子，色調也和品牌相似，這是一個和自身品牌形象聯繫即為緊密的H5。
若你要使用IH5這樣的工具平臺製作H5，設計模板風格是不是適合所有傳遞的內容，這一點需要反覆思考和理解，小⑤建議參考模仿風格類似的H5作品，思考借鑑配色和元素。
時刻記住H5是一連串內容載體，需要面對所有頁面進行視覺氣氛的統一，新手設計師會把分屏的頁面設計的心態各異，雖然看上去不缺美感，但實際體驗容易視覺混淆，造成用戶情緒波動，頁面和頁面之間缺乏聯繫。
統一上一個注意的背景，在統一色調和背景下，畫面會被大腦記住，就像走馬燈一樣，90後的生活方式，採用了容易被記住的非常明快的黃色背景。
統一上另一個注意的是用成套的色彩元素，色彩不宜超過三種，遵守成套原則，涉及到圖標，文字和各種元素，即使數量不多，仍然是一個小的視覺系統，區別一個H5設計的水平的高低，往往是這些細節，長久聯繫才能把握。
致另一個無用的我這個作品，它的畫面和元素和logo都是一個調風格，消費者在體驗時候有更好的代入感。
01
形式感
形式感是打動用戶最好的方法，優秀的作品時常關注用戶的情感，洞察內心世界，會為形式犧牲掉一些功能，H5頁面可以快速傳播，形式上創意能打動用戶，即使細節不夠出彩也是成功的。有趣的東西能夠快速打動用戶，看下面幾個。
為表現個人傳記，會想到書本，通過書本聯想倒紙書寫，筆墨，打字機，電腦鍵盤，最後選用了一臺打字機用作自己的、H5的氣氛渲染線索。
代言人-人物傳記-書本-書寫-文字打字機-H5頁面
正因為這樣一連串推理，最後的H5畫面顯得意外而不失新鮮，隱藏著作者的思考。
H5隨著行業的發展外形越來越多，小⑤建議習慣用推理的方式獲得有效的形式，一個篩子，書本等都可被挖掘延展。好的形式，實際上就是舊元素的新組合。
這次定製項目的案列用在線H5工具平臺都可以實現，套模板雖然簡單但可以同樣去創造新形式，一點點小洞察就能改變整個H5的氣質，打破和創新。
02
參與感（H5設計爆點）
用戶可以通過H5自身的特徵內容並能參與其中內容的創作，這類H5容易受到歡迎，並且創造出非常誇張的刷屏傳播效果（東軟一百問），但創作施工難度大，需要對H5有著深入的理解和研究，未來移動端的優秀H5會更多讓用戶自己來參與。
比如互動遊戲，請畫一個小人，該H5沒有好看的畫面，但每個用戶都可創作出不同的作品，用戶覺得非常有趣，設計好的作品還可以拿到店裡打印參加比賽，進而擴展出多種營銷。
體驗過結婚照生成器的H5的用戶會把逼真的偽造截圖分享到朋友圈和QQ空間，朋友看到又會點贊評論詢問云云，二次傳播，營造非常不同的參與感。
小⑤總結，平庸的作品往往將一個好形式透支到厭煩，以至於過早的消亡，我們要學習是對參與感的理解，從微信生態表面重新設計了作品的傳播，而不是你做一個結婚照生成器，我就做一個豪車賬單生成器。
參與感的形成需要藉助前端開發和高級H5製作工具才行，更好吃的參與感就像畫畫那個一定是讓用戶來參與創作的，每個人分享出去的H5都不同，雖然有一定門檻，但這類形式必然是未來營銷類H5的設計方向，獲得足夠多的形式感和參與感並存。
今天從3個維度對H5畫面表現做了一個比較宏觀的分析和探討，從單純的視覺氣氛到形式感的追求，你會發現，傳統的H5以一套精美的畫面輻射所有受眾的套路在被帶有個人定製化的變現形式慢慢替代，H5的世界更傾向對用戶思考湖人用戶互動的方式突破，一成不變的設計方式已經不再適合這個領域，設計師和新媒體運營需要更加關注用戶，更多理解用戶行為。
閱讀更多 H5初學者 的文章
