H5的基調選擇取決于你的主題調性和用戶群體，基調吻合了，自然就能吸引第一眼印象，讓用戶產生“打開看看”的想法。以下總結出H5里常見的七大基調，值得循環再用，永不過時。
 

一、軟萌可愛風

 
全民皆萌的年代，沒什么是賣個萌不能解決的。無論你是粉紅蘿莉、冷面御姐、霸道總裁、肌肉狂人，不會賣萌的都不好意思出來混了。軟萌可愛就相當于日語的“卡哇伊”，一般形容對象為人、小動物、小巧玲瓏的東西等，而用在H5，往往是以一些水嫩Q萌的卡通形象作為設計主體，色調偏向粉色系，浪漫的氛圍特別受女生歡迎。
 
示范案例：相宜本草《女神駕到》
 
相宜本草為宣傳護理品牌“Juicy Tango覺醒甜果”而策劃的H5小游戲。“Juicy Tango覺醒甜果”是為年輕女性肌膚定制的品牌，所以軟萌可愛風的基調正好匹配了用戶特性，粉紅色主調，還有那一只只讓人很想捏臉的喵星人，可謂是將萌屬性表現得淋漓盡致。
 

 
二、惡搞逗逼風

 
如果說軟萌可愛風是用來疼愛的，那么惡搞逗逼風就是用來暴打的？惡搞逗逼風我想不用過多的文字解釋了，看看你收藏的表情包，還怕不懂這種風格的關鍵點么？就是要賤、奸、色、壞、痞。這些看上去是負能量的詞語，往往能演繹出一種槽點滿分的詼諧，具有強烈的趣味感和娛樂感。
 
示范案例：凡科微傳單《2016凡科大學生H5營銷大賽》
 
“2016凡科大學生H5營銷大賽”針對的是大學生群體，這類群體對于張力大的顏色特別敏感，所以設計上以鮮亮的色調為主。其次，大學生是伴隨著互聯網長大的一個群體，有極強的網感，大膽夸張的逗逼漫畫也特別對他們口味，H5里的多款插圖都是屬于那種張揚活潑、創意十足的畫風，很好地契合了大賽的主旨和目標人群。
 



 

三、文藝清新風

 
文青、森女們的摯愛，沒有過多鮮艷浮夸的設計，也沒有過多酷炫掉渣的交互，一幅小清新圖片，一段暖心文字，足矣。文藝清新風強調的是返璞歸真的慢生活，在最日常的場景或事物捕捉小確幸，越是細嚼，就越是嘗出久違的味道。
 
示范案例：騰訊影業《致每一個被光影打動過的人》
 
串聯了《阿甘正傳》、《少年派奇幻漂流記》、《楚門的世界》、《阿凡達》、《肖申克的救贖》、《星際穿越》六部不同年代電影，以黑白灰的剪影貫穿光與影，配上經典電影臺詞與值得推敲與細讀的頓悟文字，喚起了大家對電影的美好回憶。
 



 

四、催淚煽情風

 
與文藝清新風相類似，都是簡樸素雅的視覺呈現。催淚煽情風更強調文案的走心，以細膩治愈的深情戳中感動的淚點。盡管當下依然是快熟時代，“回歸情懷”的呼聲卻越來越高漲，用戶也需要一個沉淀思緒，抒發情感的空間。
 
示范案例：首草《首草先生的情書》
 
一封首草先生的情書，只愿半生為你。以信件的形式回憶戀愛、結婚、生子這些人生的重要時刻，抒發對妻子的愛意。洗盡鉛華的文案，真摯質樸的情感，最后升華出“女人最好的補品不是首草，而是愛。”的主旨，讀來娓娓動人，讀罷淚光閃閃。
 



 

五、懷舊復古風

 
穿越感最強的一種風格，借助過去年代的特色元素來創造懷舊的氛圍，筆觸厚重，輪廓分明，霓虹色配色。有那個時代熏陶的用戶很容易被這樣的設計所吸引，即使你沒有在那個時代生活過，對那個時代并不熟悉，復古設計也有著相當不錯的形式感，作為一種“漂亮的設計”也很容易被接受和喜愛。
 
示范案例：大眾點評《九步之遙》
 
《九步之遙》是大眾點評為電影《一步之遙》制作的推廣頁，紅與黑的主色調，富有年代感的復古擬物風格，美得純粹。




 

六、未來科幻風

 
既然有“回到過去”，當然就有“前往未來”。科幻風基調就像個冷靜睿智的理科生，多用藍黑灰色調及天文物化元素，呈現一種愛因斯坦式的高端思維，不明覺厲的即視感。但這些往往只是“看上去很厲害”的樣子，在H5的世界里，似乎一本正經的背后，最終都是在胡說八道？
 
示范案例：百度《歡迎來到腦洞大開的世界》
 
百度在《歡迎來到腦洞大開的世界》可謂是下足了功夫，五道測試題用重力感應+全景+AR的方式展現，每道題的選項代表事物以投影的形式顯示在頁面上，既形象生動又加強科技感，搭配高樓大廈、智能機器人等科幻元素，與百度智能營銷解決方案發布會的AR、AI主題形成絕妙呼應。
 



 

七、冷淡簡約風

 
說到冷淡簡約風，典型的品牌代表就是MUJI無印良品，清心寡欲的極簡主義，去掉繁復的雕飾，只保留最天然最實用的。應用到H5設計上，其實就是用最低調的元素玩出最高調的逼格，再普通不過、其貌不揚的線條、文字也能洞穿靈魂，直指本源。
 
示范案例：E家潔《“斷舍離”收納藝術展邀請函》
 
E家潔《“斷舍離”收納藝術展邀請函》的受眾定位是喜歡整潔的追求生活質感的高端人士，弄一些眼花繚亂的元素顯然不合口味，所以放棄花俏，以簡約的線條搭配文字，黑白分明，通過搖一搖將雜亂無章的文字整理成通順的段落，回歸到干凈整潔的頁面，這確實是很“斷舍離”。