h5該如何抓住它的表現力？

h5的畫面表現可以大致歸納為3個層面，分別是：視覺氣氛、形式感、參與互動，它是設計畫面前的一個構思和思考的部分，還具有一定的策劃屬性：

1.視覺氣氛（傳遞正確的情感）

明確視覺氛圍，可以清楚地引導我們理解設計表現的意圖，每一支h5所表現的內容跟氛圍都不同，需要營造的視覺感受也不一樣，不同的氛圍會牽連不同元素。整個設計需要統一在完整的調性內，是理性規劃與藝術創作的結合。

如果說，設計的目的是促銷，那麼整個畫面的元素都要採用與促銷相關，內容上需要非常直接的凸顯促銷信息，甚至需要非常粗暴。在色彩上大部分借用暖色調為主。

如果設計的目的是宣傳電子產品，那麼整個視覺調性通常會凸顯精緻、嚴肅，給人一種品質和理性的氛圍，自然藍綠色調會成為首選，而畫面更會注意科技元素的引用，給人比較強烈的科技感。

如果設計目的是一封專屬會議邀請函，整個作品會的調性會去營造較強的「嘉賓分享陣容「或「突出會議氣氛」，或者用一些與會議相關的信息來吸引用戶注意。

如果說設計的目的是品牌形象的塑造與傳遞。那麼就需要作品能夠凸顯出品牌獨有的氣質，設計過程中需要去沿用品牌的視覺特徵，從而打造專屬品牌獨有的h5作品。

如果是選擇使用工具平台製作h5，那麼設計模板與調性則需要思考是不是所要傳遞的內容？最為快捷的方法是參考類似h5進行取捨的方法，思考它們的配色和元素的組織方法。

由於h5是一連串的內容載體，因此在視覺上所有頁面需要統一，如果形態各異，會讓體驗者造成內容混淆，讓情緒很難被牽引，想要表現的調性，也會因頁面與頁面之間缺乏聯繫難以延續。

那麼在調性上需要注意什麼呢？

1.統一的背景

擁有統一的色調和背景，畫面更容易被記憶。

2.成套的色彩和元素

除了特殊要求，一般在色彩上建議過多，應該遵守成套原則。如果畫面涉及到圖標、文字、和元素，它們之間的特徵應統一。 一般設計師都是提前設計好所有的靜幀畫面，並統一色調、元素和文字，即使頁面數量並不多，仍然體現著自己的應有的視覺系統。高水準的h5設計，則往往體現在細節設計上。

2.形式感（打動用戶的重要方法）

好的形式是h5受歡迎程度的重要標準，其中優秀的作品大部分都關注情感，洞察人們的內心世界。h5頁面是快傳播的移動網頁，只要形式上的創意能夠打動用戶，即使細節不夠出彩，它也可以說是成功的。

例如個人傳記，我們會聯想到書本，到紙張和書寫，然後書寫的方式又有筆墨、打字機、電腦鍵盤等形式，選用一台打字接作為是視覺氣氛的表現，來設計整支h5。

3.參與感（h5設計的爆點）

參與感不同於「形式感」，用戶可以通過h5定製帶有自身特徵的內容並能夠參與到內容的創作與傳播，往往這類h5內容比較容易受到歡迎，並且極為容易創造出非常誇張的刷屏效果，但創作難度又往往較大，它需要人們對h5有著深入的理解和探究，而未來移動端優秀的h5案例會越來越多的牽扯到用戶的真實參與。

參與感的形式往往需要藉助前端開發和高級h5製作工具才能順利完成，你會發現，更好的參與感，其實是讓用戶來參與創作，讓用戶分享出去的每個h5都不相同，雖然這類作品有一定的製作門檻，但這類形式必然是未來營銷類h5設計的方向。

我們從3個維度對h5的視覺氣氛做了一個比較宏觀的分析和探討，從單純的畫面表現——形式感的追求——再到參與感的創新。

h5的視覺更傾向於對用戶的思考與用戶互動方式的突破。一沉不變的設計方式不再適合這個領域，設計師再設計h5時，再也不能認為自己只是畫圖，更需要關注用戶，更多的去理解用戶的行為。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！