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作品與收集求職者信息

同類熱銷排行榜

最近瀏覽的商品

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