幫助中心 | 我的帳號 | 關於我們

H5移動營銷廣告設計全攻略(軟體操作+應用開發+視覺設計+實戰案例)

  • 作者:編者:劉松異
  • 出版社:人民郵電
  • ISBN:9787115511560
  • 出版日期:2019/07/01
  • 裝幀:平裝
  • 頁數:224
人民幣:RMB 59 元      售價:
放入購物車
加入收藏夾

內容大鋼
    本書是一本介紹移動H5設計的實例操作型教程,講解了H5的開發工具、圖文內容設計、應用開發製作、移動視覺營銷和創意製作,以及H5設計實戰案例等方面知識,幫助讀者從新手成長為移動H5設計高手。
    本書共11章,包括H5營銷的優勢、工具軟體簡介、Photoshop製作詳解,移動H5的策劃與開發、熱門開發技術,移動H5的視覺風格、視覺創意設計要點與方法,還有H5移動單頁及節日場景、產品推廣、企業招聘廣告綜合設計等內容,讀者學后可以融會貫通、舉一反三,製作出更多精彩、完美的移動H5頁面效果。
    本書適合從事移動互聯網工作的設計師、微信營銷人員,以及利用H5進行營銷的公司和需要進行移動互聯網營銷的企業相關人員使用。隨書附贈教學資源,包括書中案例的素材文件、效果文件,以及在線操作演示視頻,讀者可以邊學習邊練習,提高學習效率。

作者介紹
編者:劉松異

目錄
軟體操作篇
  第1章  H5微營銷:互動性更強的場景體驗
    1.1  H5移動營銷,更小、更快、更簡單
      1.1.1  為什麼選擇做H5營銷
      1.1.2  H5移動營銷的功能特色
      1.1.3  細數用戶的行為特徵
    1.2  用實力說話,H5移動營銷的優勢
  第2章  工具:H5常用工具簡介
    2.1  設計方法:H5移動設計的3種途徑
    2.2  元素設計:H5的圖形圖像、影音開發工具
      2.2.1  Photoshop——功能強大的設計工具
      2.2.2  Illustrator——專業的矢量圖繪製工具
      2.2.3  Sketch——移動UI界面設計工具
      2.2.4  After Effects——製作炫酷的視頻特效
      2.2.5  Cinema 4D——專業的三維軟體工具
      2.2.6  Final cut Pro——專業視頻非線性編輯軟體
      2.2.7  Garage Band——數碼音樂創作軟體
    2.3  動畫設計:H5設計的演示動畫製作工具
      2.3.1  Keynote——設計吸引人的PPT
      2.3.2  HYPE——做出悅目的動畫效果
    2.4  技術實現:H5的定製化發揮和創作工具
      2.4.1  FWA——H5可以實現什麼動態效果
      2.4.2  W3school——了解H5的基礎代碼知識
    2.5  快速套用:互聯網模板類H5開發平台
      2.5.1  人人秀——3分鐘製作H5微場景平台
      2.5.2  易企秀——一鍵生成企業營銷H5
      2.5.3  兔展——讓H5設計不再單調
      2.5.4  MAKA——輕鬆搞定H5定製推廣
      2.5.5  初頁——把你的照片變成故事和書
    2.6  創意設計:互聯網功能類H5開發平台
      2.6.1  互動大師(iH5)——可視化的H5在線編輯器
      2.6.2  意派360——非常懂設計師的專業H5工具
    2.7  組合使用:各種H5工具的選擇方式
      2.7.1  開發類H5工具的選擇
      2.7.2  網站類H5工具的選擇
    2.8  省時省力:H5設計常用的輔助工具
      2.8.1  格式工廠——聲音/視頻壓縮工具
      2.8.2  PsPlay——在手機上預覽Photoshop設計稿
      2.8.3  TinyPNG——圖片壓縮工具
      2.8.4  草料——二維碼生成工具
  第3章  重點:H5之Photoshop詳解
    3.1  圖像設計:輕鬆提升H5作品的顏值
      3.1.1  控制移動H5圖像的畫布
      3.1.2  運用工具裁剪移動H5圖像
      3.1.3  移動H5圖像的摳圖合成
      3.1.4  移動H5圖像的影調調整
      3.1.5  移動H5圖像的色彩調整
      3.1.6  移動H5圖像設計的繪圖基礎
      3.1.7  移動H5圖像的路徑編輯技巧
      3.1.8  移動H5圖像的修飾與修復

    3.2  文字設計:做出有質感的好作品
      3.2.1  認識移動H5中的文字
      3.2.2  輸入移動H5圖像文字
      3.2.3  設置移動H5文字屬性
      3.2.4  設置移動H5段落屬性
      3.2.5  設置H5文字的排版樣式
      3.2.6  設置H5的標題文字格式
      3.2.7  製作移動H5界面路徑文字
      3.2.8  製作與編輯變形移動H5文字
應用開發篇
  第4章  流程:移動H5的策劃與開發
    4.1  前期準備:讓H5設計事半功倍
      4.1.1  定目標:H5用來做什麼
      4.1.2  找熱點:H5如何火起來
      4.1.3  寫策劃:H5如何做起來
    4.2  程序設計:做H5的基本流程
      4.2.1  選擇模板:一鍵生成H5作品
      4.2.2  交互設計:讓H5更具互動性
      4.2.3  視覺設計:給H5錦上添花
    4.3  測試分析:做好H5的總結與沉澱
      4.3.1  程序測試:進行修改和完善
      4.3.2  活動上線:做好H5的推廣
      4.3.3  效果分析:實現數據化營銷
  第5章  技術:移動H5熱門開發技術
    5.1  讓H5人氣值爆棚的「黑科技
      5.1.1  運用720度全景技術打造全景畫面效果
      5.1.2  運用3D旋轉技術讓H5畫面更加動感
      5.1.3  運用人臉識別技術實現H5趣味營銷
      5.1.4  運用物理引擎技術創建出虛擬世界
      5.1.5  運用重力感應技術提升用戶的互動體驗
      5.1.6  運用手指跟隨產生滑動幻燈片效果
    5.2  H5+VR/AR/AI:融合高端定製開發
      5.2.1  運用AR技術結合線下活動和線上互動
      5.2.2  運用VR技術生成一種虛擬的動態情境
      5.2.3  運用AI技術讓移動H5作品變智能
    5.3  展現動態炫酷畫面的H5技術運用
      5.3.1  運用快閃影片讓H5作品更吸引眼球
      5.3.2  運用粒子特效展現炫酷的動畫效果
      5.3.3  運用視頻互動更好地展示品牌內容
      5.3.4  運用多屏互動打造互動娛樂新模式
      5.3.5  運用GIF動畫讓頁面變得生動
視覺設計篇
  第6章  風格:移動H5視覺風格設計
    6.1  設計原則:五大H5設計精髓要點
      6.1.1  有創意,少抄襲,多原創
      6.1.2  注重H5設計風格的統一
      6.1.3  H5原型圖的繪製與構思
      6.1.4  營造出合適的視覺氛圍
      6.1.5  讓用戶真實參與和體驗
    6.2  設計風格:12種H5設計風格解析

      6.2.1  扁平、插畫視覺風格設計
      6.2.2  手繪、動漫視覺風格設計
      6.2.3  水墨、復古視覺風格設計
      6.2.4  寫實、科技視覺風格設計
      6.2.5  極簡、拼貼視覺風格設計
      6.2.6  攝影、小清新視覺風格設計
    6.3  表現手法:6種H5視覺特效設計
      6.3.1  來電視覺特效表現手法
      6.3.2  擦除視覺特效表現手法
      6.3.3  動畫視覺特效表現手法
      6.3.4  SVG視覺特效表現手法
      6.3.5  拍立得視覺特效表現手法
      6.3.6  玻璃碎掉視覺特效表現手法
  第7章  創意:移動H5視覺創意設計
    7.1  版式設計:讓你的設計越來越出色
      7.1.1  視覺動線設計
      7.1.2  畫面焦點設計
      7.1.3  頁面層級設計
    7.2  活動設計:快速引爆H5頁面的熱度
      7.2.1  砍價活動設計
      7.2.2  抽獎活動設計
      7.2.3  調查問卷設計
      7.2.4  投票活動設計
      7.2.5  微信卡券活動設計
    7.3  動效設計:為H5頁面打造視覺動效
      7.3.1  了解移動H5的動效知識
      7.3.2  H5動效的主要類型與實現方法
      7.3.3  在H5作品中運用轉場類動效
      7.3.4  在H5作品中運用內容類動效
      7.3.5  在H5作品中運用輔助性動效
      7.3.6  在H5作品中運用功能性動效
    7.4  音效設計:更好展現H5作品個性與情感
      7.4.1  不能忽略H5作品中的聲音
      7.4.2  H5背景音效的注意事項
      7.4.3  選擇合適的H5背景音效
      7.4.4  H5作品中常見的輔助音效
      7.4.5  如何獲取更好的音效
    7.5  交互設計:增加互動性吸引更多人氣
      7.5.1  彈幕評論設計
      7.5.2  點擊觸發事件設計
      7.5.3  互動遊戲設計
實戰案例篇
  第8章  單頁:精美H5單頁移動設計
    8.1  旅行相冊H5頁面設計
      8.1.1  設計旅行相冊顆粒背景效果
      8.1.2  設計旅行相冊文字信息效果
      8.1.3  設計旅行相冊照片裝飾效果
    8.2  促銷活動H5頁面設計
      8.2.1  設計促銷活動背景紋理效果
      8.2.2  設計促銷活動文字邊框效果

      8.2.3  設計促銷活動產品布局效果
    8.3  年會邀請函H5頁面設計
      8.3.1  設計年會邀請函邊框效果
      8.3.2  設計年會邀請函主題效果
      8.3.3  設計年會邀請函整體效果
  第9章  綜合:節日場景H5移動設計
    9.1  春節活動H5作品設計的前期準備
      9.1.1  整體的創意構思
      9.1.2  素材圖像的收集
    9.2  通過Photoshop製作圖像效果
      9.2.1  製作節日主題文字效果
      9.2.2  摳取新年裝飾素材圖案
    9.3  通過工具網站生成H5作品
      9.3.1  設計H5作品的第1頁:活動標題
      9.3.2  設計H5作品的第2頁:祝福文案
      9.3.3  設計H5作品的第3頁:紅包活動
      9.3.4  為H5作品添加背景音效
    9.4  移動H5作品的發布和分享
      9.4.1  發布與上線H5作品
      9.4.2  將H5活動頁面分享到微信群
  第10章  綜合:產品推廣H5移動設計
    10.1  產品推廣H5作品設計的前期準備
      10.1.1  整體的創意構思
      10.1.2  素材圖像的拍攝與收集
    10.2  通過Photoshop製作圖像效果
      10.2.1  主題文字的設計
      10.2.2  產品圖片的調色處理
      10.2.3  產品圖片的詳情展示
    10.3  通過工具網站生成H5作品
      10.3.1  設計H5作品的第1頁:首頁設計
      10.3.2  設計H5作品的第2頁:推薦產品1
      10.3.3  設計H5作品的第3頁:推薦產品2
      10.3.4  設計H5作品的第4頁:產品展示
      10.3.5  設計H5作品的第5頁:產品預訂
      10.3.6  為H5作品添加背景音效
    10.4  移動H5作品的發布和分享
      10.4.1  發布與上線H5作品
      10.4.2  將H5作品分享到朋友圈
  第11章  綜合:企業招聘H5移動設計
    11.1  企業H5招聘廣告製作的前期準備
      11.1.1  H5招聘廣告的整體創意構思
      11.1.2  整理相關的招聘內容
    11.2  通過Photoshop製作圖像效果
      11.2.1  使用Photoshop製作招聘主題圖片
      11.2.2  使用Photoshop調整企業相關圖片
    11.3  通過工具網站生成H5頁面
      11.3.1  設計H5招聘廣告的第1頁:招聘主題
      11.3.2  設計H5招聘廣告的第2頁:公司實力展示
      11.3.3  設計H5招聘廣告的第3頁:工作環境展示
      11.3.4  設計H5招聘廣告的第4頁:企業福利展示

      11.3.5  設計H5招聘廣告的第5頁:招聘崗位展示
      11.3.6  設計H5招聘廣告的第6頁:在線報名申請
      11.3.7  為H5作品添加背景音效
    11.4  移動H5作品的發布和分享
      11.4.1  發布與上線H5作品
      11.4.2  分享H5作品與收集求職者信息

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032