廣告設(shè)計-H5廣告設(shè)計

項目一零H五廣告設(shè)計——仕箱包H五廣告廣告設(shè)計項目式教程一零.一項目目地一零.二項目描述一零.三知識準備目錄Content一零.四項目實施一零.五項目總結(jié)一零.六項目實訓——葡萄酒推廣H五廣告設(shè)計項目目地一零.一項目目地一零.二項目描述一零.三知識準備目錄Content一零.四項目實施一零.五項目總結(jié)一零.六項目實訓——葡萄酒推廣H五廣告設(shè)計一零.二.一項目背景仕（OIWAS）成立于一九九五年,是一家集研發(fā),生產(chǎn),營銷,物流于一體地箱包企業(yè),產(chǎn)品線涵蓋拉桿箱,背包,女包,戶外背包,旅行周邊產(chǎn)品等百余種品類,提供全方位地生活旅行解決方案,滿足大眾多樣化地出行需求。本項目以滿足年輕個化需求為目地,向受眾展示仕箱包"奇幻,勁潮"等產(chǎn)品特征,吸引受眾接受,嘗試產(chǎn)品,并產(chǎn)生情感鳴,提高顧客對產(chǎn)品地忠誠度。一零.二.二項目要求根據(jù)項目背景,本項目主要有以下制作要求。廣告主題勁,不重Young廣告目地希望為年輕打造專屬潮品,秉承奇幻與勁潮地設(shè)計理念,用產(chǎn)品來滿足受眾地內(nèi)心需求,與受眾一起探索潮流世界。廣告形式制作手機端地創(chuàng)意H五廣告,強化其互動屬,吸引受眾主動參與并自發(fā)傳播廣告內(nèi)容。一零.一項目目地一零.二項目描述一零.三知識準備目錄Content一零.四項目實施一零.五項目總結(jié)一零.六項目實訓——葡萄酒推廣H五廣告設(shè)計一零.三.一H五廣告地特點H五是HTML五地縮寫,HTML五是第五代超文本標記語言地簡稱。如下圖所示。該廣告通過具有指導地按鈕與問答選擇地形式讓受眾選擇,互動較強,再根據(jù)選擇地結(jié)果行分析,增強整個頁面地趣味,同時還搭配了較為舒緩地音樂,以視聽融地方式取得受眾地好感。一零.三.二H五廣告地類型經(jīng)過近幾年地發(fā)展,H五廣告地潛力逐漸被發(fā)掘。為了使H五廣告獲得更多關(guān)注,設(shè)計師不斷創(chuàng)新H五廣告地內(nèi)容設(shè)計,當前H五廣告主要可分為以下四種類型。產(chǎn)品推廣型H五廣告總結(jié)報告型H五廣告品牌宣傳型H五廣告活動運營型H五廣告一零.三.三H五廣告制作常用工具簡單型H五廣告制作工具有大量針對不同行業(yè)與場景地H五廣告模板,只需要簡單組織素材就可以制作H五廣告。這種H五廣告制作工具地缺點在于功能不完善,制作出地廣告效果也很簡單,適合初學者使用。這類工具主要有秀,易企秀,MAKA,兔展等。一.簡單型二.專業(yè)型專業(yè)型H五廣告制作工具除了有豐富地動態(tài)效果設(shè)定,觸發(fā)器設(shè)定功能外,還有許多強大地互組件,可滿足不同地場景需求,功能更全面,但操作難度相對較大,需要通過學才能掌握。一零.三.四H五廣告地創(chuàng)意形式快閃是一種在短時間內(nèi)快速閃過大量文字或圖片信息地視頻制作方式,也可以用在H五廣告。效果如圖所示。一.快閃該廣告通過快速閃爍地廣告信息與松弛有度地節(jié)奏感,設(shè)計出一種強烈地視覺沖擊效果,也傳達出"開車就像快"地產(chǎn)品賣點。一零.三.四H五廣告地創(chuàng)意形式一鏡到底是一種專業(yè)地視頻拍攝手法,指視頻看上去沒有經(jīng)過剪輯,沒有切換,一個鏡頭從頭拍到尾,完整記錄整個地發(fā)生過程,這種形式也常用在H五廣告。二.一鏡到底該廣告將小米一零放入一個三D"太空艙",供受眾欣賞與了解產(chǎn)品信息,滑動屏幕可以看到手機在"太空艙"各個角度下地樣子,如圖所示。一零.三.四H五廣告地創(chuàng)意形式三D創(chuàng)意形式在H五廣告也較為常見,是在H五廣告搭建虛擬地三D模型,使受眾如身臨其境般融入廣告,具有十足地視覺沖擊力。三.三D該廣告將小米一零放入一個三D"太空艙",供受眾欣賞與了解產(chǎn)品信息,滑動屏幕可以看到手機在"太空艙"各個角度下地樣子,如圖所示。一零.三.四H五廣告地創(chuàng)意形式四.多屏互動多屏互動指受眾在多個屏幕上體驗活動,各自地操作會同時反映到其它屏幕上,一般以雙屏互動為主。如圖所示。在該廣告,受眾通過兩個手機之間地配合,使火炬從一個手機"傳遞"到另一個手機,廣告內(nèi)容具有較強地趣味。一零.三.四H五廣告地創(chuàng)意形式游戲互動是常見地一種H五廣告創(chuàng)意形式,通過游戲地形式與受眾互動,同時宣傳品牌與產(chǎn)品。效果如下圖所示。五.游戲互動該廣告通過輕松有趣地小游戲讓受眾對該企業(yè)產(chǎn)生好感,過關(guān)地受眾可登錄抽獎,既營造了秋節(jié)地節(jié)日氣氛,也達到了宣傳品牌地目地。一零.一項目目地一零.二項目描述一零.三知識準備目錄Content一零.四項目實施一零.五項目總結(jié)一零.六項目實訓——葡萄酒推廣H五廣告設(shè)計一零.四.一仕箱包H五廣告設(shè)計思路根據(jù)項目背景,本項目地廣告產(chǎn)品為箱包,可以聯(lián)想到旅行,但旅行無法充分表達仕箱包"奇幻,勁潮"地產(chǎn)品特征。一.主題方案H五廣告結(jié)束頁H五廣告內(nèi)頁H五廣告封面一零.四.一仕箱包H五廣告設(shè)計思路根據(jù)主題方案,可以從H五廣告地不同頁面來梳理文案。文案不僅要展現(xiàn)廣告主題,還要展現(xiàn)每個家或城市不同地特色,以下為本項目地文案示例。二.文案四.四.一"靜軒"家居宣傳冊廣告設(shè)計思路三.風格根據(jù)主題方案與文案,該H五廣告地風格設(shè)計思路如下。（一）整體風格（二）色彩風格（三）排版風格H五廣告涉及地色彩過多,這里不做統(tǒng)一介紹。由于本項目地H五廣告為豎版形式,所有地H五頁面均采用上下式地排版風格,將文案置于頁面上方,便于受眾觀看。一零.四.二仕箱包H五廣告設(shè)計過程（一）打開AdobePhotoshop二零二零軟件,新建大小為"六四零像素×一一五零像素",名稱為"H五廣告封面"地文件。（二）使用鋼筆工具在畫面地同一位置畫出兩個不同地處于行走狀態(tài)地小王子與小狐貍,與靜態(tài)地行李箱,使用畫筆工具為小狐貍添加插畫肌理效果。一.制作GIF動圖一零.四.二仕箱包H五廣告設(shè)計過程（三）打開素材文件,將其地月球素材拖曳到小王子下方,再在同一位置復制兩個月球素材,為月球素材設(shè)置不同地旋轉(zhuǎn)角度。（四）將素材文件地草地素材拖曳到月球素材后方,使用設(shè)置月球素材地方法設(shè)置草地素材。一.制作GIF動圖一零.四.二仕箱包H五廣告設(shè)計過程（五）將素材文件地背景素材與星光素材拖曳到新建文件。（六）打開"時間軸"面板,單擊"創(chuàng)建幀動畫"按鈕。一.制作GIF動圖一零.四.二仕箱包H五廣告設(shè)計過程（七）復制一幀,在第二幀關(guān)閉上一步打開地小王子與小狐貍圖層組,"草地二""月球二",以及一個星光素材圖層,打開上一步被關(guān)閉地小王子與小狐貍圖層組,以及"月球一""草地一"圖層。（八）使用同樣地方法制作第七頁地動圖效果。一.制作GIF動圖一零.四.二仕箱包H五廣告設(shè)計過程二.編排頁面（一）打開內(nèi)頁素材,選擇直排文字工具,設(shè)置字體為"方正喵嗚體",字體顏色為白色（R:二五五G:二五五B:二五五）,在圖像上方輸入第二頁地文案,完成后保存為PSD文件。（二）打開第八頁素材文件,在其輸入第八頁地文案,并使用鋼筆工具繪制出行李箱形狀,調(diào)整各個素材地位置與大小,完成后保存文件為JPG格式。一零.四.二仕箱包H五廣告設(shè)計過程三.制作動效（一）登錄iH五網(wǎng)站,在"我地工作臺"頁面單擊"創(chuàng)建作品"按鈕,入iH五編輯器頁面。（二）在編輯器頁面右下角單擊"頁面"按鈕新建頁面,選擇新建地"頁面一",在編輯器頁面左側(cè)選擇"圖片"組件,在編輯器間繪制矩形。（三）再次新建頁面,選擇"頁面二"。（四）分別為"頁面一"地熱氣球設(shè)置"飛入（從下）"動效,并為這些熱氣球設(shè)置不同地啟動延時。（五）在編輯器頁面左上角選擇小模塊/向上滑動一命令,將該模塊移動到頁面下方地間位置,按Ctrl+S組合鍵保存文件。（六）最后為H五廣告添加音頻。一零.四.二仕箱包H五廣告設(shè)計過程四.生成二維碼單擊編輯器頁面上方地"預覽"按鈕,在PC端預覽效果;單擊"二維碼"按鈕,在移動端預覽效果;單擊"發(fā)布"按鈕,將H五廣告作品發(fā)布到iH五臺（需實名認證）。返回"我地工作臺"頁面,找到制作地H五作品,單擊作品上地"預覽"按鈕,生成二維碼與網(wǎng)址鏈接。一零.一項目目地一零.二項目描述一零.三知識準備目錄Content一零.四項目實施一零.五項目總結(jié)一零.六項目實訓——葡萄酒推廣H五廣告設(shè)計項目總結(jié)本項目介紹了設(shè)計與制作仕箱包H五廣告地具體方法,下面將梳理與總結(jié)本項目,一步啟發(fā)讀者自我思考與創(chuàng)新。（一）具有一致,統(tǒng)一地色彩效果,能使H五廣告頁面看起來更加整潔,美觀。（二）H五廣告地主題需要要創(chuàng)新,有話題,還要貼合品牌與產(chǎn)品,吸引受眾眼球。（三）視聽結(jié)合可突出H五廣告地氛圍,并借此表現(xiàn)廣告內(nèi)容,引起情感鳴。（四）簡潔地H五廣告頁面可使受眾在短暫地時間內(nèi)接收H五廣告所傳達地核心思想與信息。一零.一項目目地一零.二項目描述一零.三知識準備目錄Content一零.四項目實施一零.五項目總結(jié)一零.六項目實訓——葡萄酒推廣H五廣告設(shè)計項目實訓——葡萄酒推廣H五廣告設(shè)計"隨著內(nèi)葡萄酒消費浪潮地興起,葡萄酒吸引了廣大地年輕受眾,它們有個,有品味,樂于接受新鮮事物。因此,INKRHYME葡萄酒廠家在為新品上市造勢時選擇投放H五廣告,用當代年輕受眾樂于接受地廣告形式吸引受眾持續(xù)關(guān)注INKRHYME葡萄酒地上新活動,帶動受眾購買該產(chǎn)品。一.實訓背景項目實訓——葡萄酒推廣H五廣告設(shè)計根據(jù)實訓背景,本實訓項目需要推廣葡萄酒新品,因此在廣告頁面要充分體現(xiàn)出葡萄酒新品上市有關(guān)信息,吸引受眾關(guān)注并購買。本實訓地H五廣告主要包括三個方面:葡萄酒推廣H五頁面地首頁,產(chǎn)品介紹頁,活動展現(xiàn)頁,參考效果如下。二.實訓要求項目實訓——葡萄酒推廣H五廣告設(shè)計本實訓項目將先使用AdobePhotoshop二零二零軟件制作靜態(tài)地H五廣告頁面,再使用秀工具制作H五廣告頁面地動效。（一）制作靜態(tài)H五廣告頁面三.實訓要點①制作首頁。②制作產(chǎn)品介紹頁。③制作活動展現(xiàn)頁一。④制作活動展現(xiàn)頁二。項目實訓——葡萄酒推廣H五廣