現(xiàn)在古風設計風格盛行，很多年輕人都比較熱衷于古代的設計元素，這讓很多物料設計師們也有了新的設計靈感，對于H5頁面來說，也是個新的類型。下面小編就來給大家分享幾個古風類H5頁面開發(fā)案例，感興趣的伙伴一起來體驗一下。

案例：1000年前夜宴上的你

品牌：谷粒多

1.創(chuàng)意定位，谷粒多端午節(jié)作品，用一場聲勢浩大的大唐夜宴，講述谷粒多“紅氧顆顆”飲品的配方和滋潤皮膚的功效，吸引用戶購買。

2.策劃邏輯，打開作品，視頻自動播放，一個女生在熱鬧街頭打開了谷粒多“紅氧顆顆”，仿佛打開了新世界大門，身邊的景象變成了大唐夜宴，旁白與右側字幕開始出現(xiàn)，鏡頭推向遠處高高的觀景臺，李白打開飲品即興賦詩，女生臉色紅潤，化身舞姬與大唐舞團首席共同翩然起舞，將飲品放在孔明燈上獻給皇上，皇上與皇后品嘗后十分滿意，定為御品，舞團人手一瓶飲品共同起舞，背景音樂的歌詞是用飲品的配方和功效編寫的歌曲，最后是品牌端午節(jié)宣傳海報，用戶可點擊觸點，選擇角色，上傳頭像后合成海報，在海報界面可點擊參與活動和登陸購買。

3.設計上，真人實拍的視頻，用大唐舞姬氣色好的大眾印象闡述飲品功效，畫面也是紅金色系，繁榮大氣，符合產(chǎn)品主色定位，李白的傲然姿態(tài)，舞姬動作幅度很大的集體舞蹈看起來很美觀盛大，鏡頭不斷變換角度拍攝，特寫與集體畫面交叉，不斷刷新視覺新鮮感，產(chǎn)品多次出現(xiàn)，加深用戶印象。

案例：世界讀書日

品牌：廣東省文明辦&騰訊大粵網(wǎng)

1.創(chuàng)意定位，這是由廣東省文明辦和騰訊大粵網(wǎng)聯(lián)合推出的宣傳類H5，宣傳讀書日，讓用戶了解書的發(fā)展歷史。

 2.策劃上，①進入H5后，出現(xiàn)了一段電子版小說。②用戶根據(jù)指示推動了接下來關于古代書的故事介紹。③在田字格中填寫正確的古籍選字，并展示包含此字的古詩詞。④最后點擊抽取書簽按鈕，出現(xiàn)古詩詞的書簽海報，供用戶分享轉發(fā)。

3.設計上，漫畫風格，結合恢弘的背景音樂，讓用戶通過一個簡單的故事就能了解到書源遠流長的發(fā)展歷史。

案例：至IN中國風，竟然來自紫禁城？

品牌：三元

1.創(chuàng)意定位，這是由三元牛奶推出的宣傳類H5，邀請用戶觀看中國風的發(fā)展史，并借此宣傳產(chǎn)品。

2.策劃上，①進入H5后，用戶需要橫屏觀看，向左滑動屏幕觀看畫卷。②頁面介紹了從古至今的中國風的發(fā)展史，并舉出了中國風旗袍登上了Dior的秀場、竹元素登上Armani春夏秀場兩個例子。③最后，從中國風的介紹引申出三元牛奶的宮藏系列，劃動到底部用戶可以點擊按鈕直接跳轉去購買。

3.設計上，一鏡到底的形式，古風漫畫風格，畫卷色彩古樸，針對不同時代都應用了與之相符的獨特元素；背景音樂悠然動聽。

以上就是本次案例分享的全部內(nèi)容，如想體驗更多案例，可關注我們藍橙互動公眾號，獲取最新案例內(nèi)容，如有H5定制開發(fā)需求，可直接咨詢網(wǎng)站客服，了解開發(fā)服務。

相關文章：《職場主題H5案例》