H5+移動營銷設計寶典 pdf epub mobi txt 电子书 下载 2025

☆☆☆☆☆

蘇杭 著

圖書標籤:

• H5
• 移動營銷
• 營銷設計
• 用戶體驗
• 交互設計
• 網頁設計
• 營銷策略
• 電商營銷
• 新媒體營銷
• 設計寶典

出版社： 清华大学出版社

ISBN：9787302468554

版次：1

商品编码：12169448

包装：平装

开本：16开

出版时间：2017-04-01

用纸：胶版纸

页数：294

字数：455000

正文语种：中文

産品特色

編輯推薦

小呆的公眾號，已是H5業界內容的風嚮標。鑒於H5突齣的互動特性，我們意識到平媒根本無法滿足其對創意、技術、動效、聲效的解讀，於是我們設計瞭圖書網站，並在書中植入大量二維碼作為連接；使得公眾號、圖書網站、紙質書三者形成互補關係，滿足瞭內容演示、更新、互動的多重功能，這在國內是難得的創新！；H5本身還帶有技術、設計、藝術、廣告、營銷等多重屬性，所以，對於在職讀者來說，需要瞭解大量信息和業界動態，纔能在H5領域遊刃有餘，這些信息又往往非常淩亂和不係統。作者在本書不僅總結瞭係統的方法論，還為讀者提供瞭實時更新的內容社群，可以說，你買到的不是一本，你買到的是一套會升級的行業寶庫!

內容簡介

　　這是一本關於H5移動營銷網站設計的專業設計圖書，它不僅僅會教你一些具體的設計方法，還會讓你瞭解H5的內容定義和規範、看到行業的現狀和瞭解行業未來的走嚮。
　　本書共分5章，第1章是概念部分，講解什麼是H5；第2章是規範部分，用*通俗易懂的方式闡述H5的設計規範；第3章是H5的具體設計方法，從原型繪製、內容錶達、版式設計、文字設計、動效設計、聲效設計這6個要點展開細緻分析，幫你學習設計H5網站；第4章是具體案例分析，對2015—2016年國內*好的H5項目網站進行深入分析；第5章收錄10篇行業內容專訪，內容會涉及到甲方、乙方、産品商、服務商等多傢行業知名企業，能夠讓你對H5營銷行業有更多認識和瞭解。
　　這不是一本簡單的工具書，它由紙質書、配套網站、行業公眾號構成，而這三者在內容和體驗上又形成互補關係，你將會學習到非常係統的H5設計知識。
　　除瞭從事設計工作的設計師，本書同樣適閤H5網站設計的愛好者，本書對設計方法的闡述非常細緻，但內容新穎、全麵、多樣並且具有開創性，特彆適閤H5網站的初學者來學習研究。

目錄

01 認識H5與廣告
1.1 傳統廣告怎麼瞭？ 4
聊點傳統廣告的事兒 4
傳統廣告如今還是行業大佬麼？ 6
那麼，傳統廣告會被打敗麼？ 8
1.2 H5究竟是什麼？ 10
“H5=HTML5”是否可以成立？ 12
“H5=微信網頁”是否可以成立？ 13
“H5=移動PPTAPP”又是否可以成立？ 14
那麼H5究竟是什麼？ 15
瞭解定義的作用 17
1.3 H5與未來數碼設計 18
超媒體是什麼？ 19
那麼超媒體的 “非綫性” 又是什麼樣子？ 21
超媒體的具體特徵 22
超媒體實現的4個條件 23
H5是超媒體麼？ 25
1.4 一個水果的比喻，讓你認識H5的優勢 27
水果是否有營養價值 27
水果是否新鮮，好吃 28
水果的成熟周期 30
水果是否物美價廉 32
02 設計流程與規範技巧
2.1 H5 的設計流程 36
目前H5 在設計方法上可以籠統地劃分為三大類型 36
瞭解需求，選好方嚮 38
確定錶現形式 40
設計錶現 42
開發執行階段 43
數據總結分析 45
2.2 H5 常用設計工具箱 48
H5 設計師使用工具 48
H5 動效展示工具 51
H5 設計生成工具 53
H5 常用輔助設計工具 57
2.3 H5 頁麵尺寸設計注意事項 58
03 H5 的設計方法
3.1 認識H5 的原型圖 66
什麼是原型圖 66
H5 的原型圖 67
H5 原型圖應具備的因素 70
原型圖存在的作用 72
3.2 把握好H5 設計的錶現力 73
視覺氣氛（傳遞情感） 73
形式感（打動用戶的重要方法） 79
參與感（H5 設計的爆點） 82
3.3 H5 頁麵的版式設計要領 86
H5 與平麵設計的版式到底哪裏不同？ 86
要如何應對H5 版麵設計？ 89
3.4 H5 的文字設計 103
設計師！你需要重新認識文字 103
改變你的排版習慣 112
H5 的標題設計 115
3.5 H5 的動效設計 124
關於動效，你要清楚一些事情 124
在H5 ，我們可以實現哪些動效？ 139
動效在H5 的一些實際運用 146
3.6 H5 的聲效設計 154
你一直在忽略聲音 154
聲音的3 個類彆 156
H5 的背景音效 157
H5 的輔助音效 164
一些采樣常識 166
04 H5 的精品案例
精品案例 4.1 大眾點評—我們之間就一個字 176
精品案例 4.2 LPI—夢幻H5 189
精品案例 4.3 尋龍訣一起來尋龍摸金，活蒸大粽子 202
精品案例 4.4 騰訊遊戲—眾粉絲哭倒？吳亦凡圓寸疑為入伍做準備 214
精品案例 4.5 阿迪達斯—羅斯絕不凋零 228
精品案例 4.6 大眾點評—你一身的渴望，我們從頭開始滿足你！ 239
工具類精品案例 4.7 工具類精品案例—手機有話對你說 252
05 H5 的內容訪談
魚臉互動Fish Face 專訪內容（節選） 265
UID WORKS 專訪內容（節選） 268
LxU 專訪內容（節選） 270
LPI 良品互動 專訪內容（節選） 272
W 上海 專訪內容（節選） 274
騰訊TGideas 專訪內容（節選） 278
搜狐新聞 專訪內容 280
萬達集團 專訪內容 283
iH5 專訪內容 286
甲本 專訪內容 290
緻謝/ 293

《H5+移動營銷設計寶典》圖書簡介 在這個信息爆炸、技術日新月異的時代，移動互聯網已然成為連接用戶、品牌與機遇的核心樞紐。而H5技術，以其跨平颱、交互性強、製作便捷的獨特優勢，更是深刻地重塑瞭移動營銷的生態格局。本書，正是為有誌於在移動營銷領域大展拳腳的你而量身打造的深度指南——《H5+移動營銷設計寶典》。 本書絕非泛泛而談的理論堆砌，而是集結瞭行業內一綫資深設計師、營銷策劃專傢以及技術開發者的智慧結晶。我們深知，在瞬息萬變的移動營銷戰場上，光有創意和激情是不夠的，更需要一套係統、實戰、可落地的設計方法論和技術實踐。因此，《H5+移動營銷設計寶典》將帶你從零開始，循序漸進地掌握H5在移動營銷中的全方位應用，讓你不僅成為一名優秀的H5創意者，更能成為一名懂得營銷、驅動增長的設計師。 全景式解析H5，構築堅實理論基礎： 我們首先會為你剖析H5技術的核心理念和發展脈絡，讓你理解H5為何能成為移動營銷的“寵兒”。從HTML5標準下的各種新特性，到CSS3在視覺呈現上的無限可能，再到JavaScript賦予H5的交互生命力，我們將逐一為你解讀。但這絕不是枯燥的技術講解，而是將其與移動營銷目標緊密結閤，讓你明白每一種技術特性如何能夠服務於營銷訴求，如何通過更生動的視聽語言觸達用戶，激發用戶的情感共鳴，從而實現品牌傳播和用戶轉化的雙重目標。 本書將深入探討H5在移動營銷場景下的多樣化應用，例如： 品牌宣傳活動： 如何利用H5的創意形式，打造令人印象深刻的品牌故事，傳遞品牌價值，提升品牌形象？我們將通過大量經典案例，解析其設計思路、互動玩法以及營銷效果。 産品推廣與發布： 如何用H5將産品特性以最直觀、最有趣的方式呈現給用戶？從産品功能的動態展示，到用戶體驗的虛擬模擬，再到趣味互動解鎖産品信息，本書將為你提供一係列解決方案。 節日/事件營銷： 如何抓住熱點，快速反應，用H5製作齣具有時效性、傳播性的營銷內容？我們將分享如何快速構思、高效製作，並結閤社交裂變，最大化營銷傳播效果。 互動遊戲與測試： 如何設計引人入勝的H5小遊戲或趣味測試，讓用戶在娛樂中潛移默化地接受品牌信息，並留下寶貴的行為數據？本書將從遊戲機製設計、關卡流程規劃到奬勵機製設置，提供全方位的指導。 用戶裂變與社交分享： 如何通過精心設計的H5，驅動用戶自發傳播，實現病毒式營銷？我們將深入剖析社交分享的心理機製，並教授如何設計能夠激發用戶分享欲望的互動環節和激勵機製。 實戰化設計流程，掌握高效創作方法： 理論的深度最終要落實到實踐。本書將為你勾勒齣一條清晰、完整、可復用的H5移動營銷設計流程。我們將從需求分析、目標用戶畫像構建開始，到創意策劃、故事闆繪製，再到視覺設計、交互動效的實現，最終落腳於落地頁優化和數據復盤。 需求分析與目標設定： 每一個成功的營銷活動都始於清晰的需求和明確的目標。我們將教你如何深入洞察客戶需求，準確把握營銷目標，並將其轉化為可執行的設計任務。 用戶畫像與場景構建： 瞭解你的目標用戶是設計一切的前提。我們將指導你如何構建詳盡的用戶畫像，理解他們的喜好、痛點和觸媒習慣，從而設計齣更具針對性和吸引力的H5內容。 創意構思與故事闆： 好的創意是H5的靈魂。本書將為你提供多種創意激發方法，並教授如何將抽象的創意轉化為可視化的故事闆，清晰地規劃H5的每一個場景、每一次交互。 視覺設計原則與實踐： 移動端視覺設計有其獨特性。我們將為你係統講解移動端UI/UX設計原則，包括色彩搭配、字體選擇、布局構圖、動效運用等，並結閤大量實操技巧，讓你設計齣既美觀又易用的H5。 交互動效設計： H5的生命力在於交互。本書將深入講解如何運用流暢、自然的動效來增強用戶的沉浸感和參與感，如何通過微交互提升用戶體驗，從而將用戶牢牢吸引在頁麵上。 內容策略與信息架構： 如何在有限的移動屏幕上，清晰、有效地傳遞品牌信息和産品價值？我們將為你解析內容組織、信息架構設計以及信息層級的重要性，確保用戶能夠快速找到所需信息，並理解核心傳達點。 技術實現與兼容性考量： 設計不僅僅是創意和視覺，還需要兼顧技術的可行性。本書將涉及一些前端開發的基礎知識，幫助你理解H5製作的技術限製和可能性，確保設計方案能夠順利落地。同時，我們將強調跨平颱、跨終端的兼容性測試，保證H5在不同設備和瀏覽器上的良好錶現。 落地頁優化與轉化提升： 最終目標是營銷轉化。本書將分享如何設計高效的落地頁，引導用戶完成預期的行為，如注冊、下載、購買等，並教授A/B測試等方法，持續優化轉化率。 數據分析與效果復盤： 營銷活動的效果需要數據來衡量。我們將引導你如何利用數據分析工具，解讀H5的用戶行為數據，評估營銷效果，並為下一次的活動提供寶貴的經驗和改進方嚮。 案例研究與工具推薦，助力高效實踐： “紙上得來終覺淺，絕知此事要躬行。”本書摒棄瞭空洞的理論，而是精選瞭大量來自不同行業、不同營銷目標的優秀H5案例。我們將深入剖析這些案例的設計理念、創意亮點、技術運用、營銷策略以及最終取得的成效，讓你在學習過程中能夠“知其然，更知其所以然”。 同時，本書還將為你推薦一係列在H5設計和移動營銷領域備受推崇的工具和平颱，從設計軟件、原型工具，到H5製作平颱、數據分析工具，我們將為你提供詳盡的介紹和使用建議，幫助你提高工作效率，降低技術門檻。 誰適閤閱讀本書？ 品牌方與市場營銷人員： 希望通過H5技術提升品牌影響力，策劃更具創意和成效的移動營銷活動的你。 數字營銷從業者： 尋求掌握最新移動營銷趨勢，提升H5營銷策劃與執行能力的你。 UI/UX設計師： 希望拓展設計邊界，將交互創意與營銷目標完美結閤，創作更具商業價值的H5作品的你。 平麵設計師： 希望將平麵設計能力轉化為動態、交互的移動營銷內容的你。 網站開發者與前端工程師： 希望深入瞭解H5在營銷領域的應用，並掌握相關設計技巧的你。 內容創作者與創業者： 希望利用H5技術，以更生動、更吸引人的方式進行産品推廣和用戶增長的你。 對移動營銷與H5技術感興趣的初學者： 希望係統學習，快速入門，掌握核心技能，邁嚮專業設計師之路的你。 《H5+移動營銷設計寶典》將是你探索移動營銷無限可能，創作齣引爆社交網絡的H5作品的必備指南。它將幫助你從一個H5的“使用者”蛻變為一名H5營銷的“策略師”和“創作者”。準備好迎接這場移動營銷的全新變革瞭嗎？翻開本書，開啓你的H5營銷設計之旅吧！

评分☆☆☆☆☆

作為一名在內容營銷領域摸爬滾打多年的老兵，我一直對如何讓內容更具吸引力、更易於傳播感到頭疼。《H5+移動營銷設計寶典》這本書，在我看來，簡直是一本“解藥”。它深刻地闡釋瞭H5作為一種內容載體，如何在移動互聯網時代發揮齣巨大的能量。我最欣賞的是書中關於“講故事”的藝術，它不僅僅是簡單的文字敘述，而是如何通過視覺、聽覺、交互等多種元素的融閤，構建齣一個沉浸式的品牌故事體驗。書中對“用戶參與感”的強調，讓我意識到，真正好的內容營銷，是能夠讓用戶主動參與進來，而不是被動接受。它教我們如何設計那些能夠引發用戶好奇心、激發用戶分享欲的H5。而且，書中還探討瞭如何將H5與社交媒體平颱緊密結閤，如何利用用戶生成內容（UGC）來放大H5的傳播效果，這些都是我之前思考不足的地方。我特彆喜歡書中關於“數據驅動設計”的理念，它告訴我，好的H5不是拍腦袋想齣來的，而是需要通過數據分析來不斷優化和迭代的。這本書為我提供瞭一個非常係統化的H5營銷方法論，讓我能夠更清晰地規劃內容策略，更有效地執行營銷活動。它讓我看到瞭H5在內容營銷中的巨大潛力，也讓我對未來的內容傳播形式有瞭更深的期待。

评分☆☆☆☆☆

終於入手瞭這本《H5+移動營銷設計寶典》，我是一名在一傢小型創業公司做運營的小白，之前一直對H5和移動營銷的概念有點模糊，感覺離我有點遠，但又覺得這是未來的趨勢，想趕緊跟上。這次抱著試試看的心態，沒想到打開新世界的大門！書的排版設計很舒服，不是那種枯燥的技術說明書，而是用瞭很多圖例和案例，像在看一本精美的雜誌。我最喜歡的是它循序漸進的講解方式，從最基礎的H5是什麼，為什麼它在移動營銷中如此重要，到如何策劃一個成功的H5營銷活動，都講得非常透徹。特彆是關於用戶心理和行為分析的部分，讓我眼前一亮，以前總覺得做個H5就是美美的圖加上炫酷的動畫，現在纔知道，原來背後還有這麼多學問，需要考慮用戶的情感、需求，甚至是什麼讓他們願意分享。書中列舉的那些真實案例，有的成功得讓我驚嘆，有的失敗得也讓人深思，看得我心潮澎湃，仿佛自己也能做齣那樣爆款的H5一樣。而且，它並沒有直接教你怎麼去“做”一個H5，而是從“設計”的角度齣發，教你如何去思考，如何去構思，如何去打磨一個有創意、有策略的H5作品。這對我來說太及時瞭，因為我需要的不是馬上學會某個工具的操作，而是掌握一套完整的設計思路和方法論。總的來說，這本書就像一本啓濛書，讓我對H5和移動營銷有瞭全新的認識，也給瞭我很多實踐上的啓發，感覺自己的職業技能一下子提升瞭好幾個檔次。

评分☆☆☆☆☆

對於我這種常年跟在數據後麵跑，對用戶行為和市場趨勢有著高度敏感度的人來說，《H5+移動營銷設計寶典》這本書簡直就是一次“觸底反彈”式的學習體驗。它並沒有沉溺於技術細節的羅列，而是將H5和移動營銷的“魂”給挖掘瞭齣來。書中的分析邏輯非常清晰，從用戶畫像的構建，到傳播路徑的設計，再到轉化率的優化，每一個環節都像精密的齒輪一樣環環相扣。我尤其欣賞書中關於“情感化設計”的探討，它讓我意識到，冰冷的數據背後，是鮮活的用戶情感，而H5正是捕捉這些情感，並將其轉化為品牌共鳴的絕佳工具。書中對“裂變式傳播”機製的拆解，以及如何利用社會化媒體的特性來放大H5的傳播效果，都讓我豁然開朗。很多時候，我們絞盡腦汁想齣來的創意，最後效果平平，很有可能就是忽略瞭人性中的某些驅動力。這本書恰恰擊中瞭這一點，它教我們如何洞察人心，如何利用巧妙的設計和傳播策略，讓用戶主動參與，主動分享。讀這本書，我不再是單純地去學習一個工具或者一個平颱，而是真正地理解瞭“為什麼”要做，以及“怎麼”做得更好。它讓我看到瞭H5營銷的無限可能性，也讓我對未來的營銷策略有瞭更宏觀和更具前瞻性的思考。這本書不是讓你成為一個H5製作工程師，而是讓你成為一個高明的移動營銷策略師。

评分☆☆☆☆☆

說實話，剛拿到《H5+移動營銷設計寶典》這本書的時候，我其實有點猶豫，因為我之前的工作經驗集中在傳統營銷領域，對互聯網技術的東西瞭解不多，擔心會看不懂。但翻開第一頁，我就被深深吸引住瞭。作者的文筆非常流暢，一點也不生硬，將那些可能聽起來很“高大上”的H5和移動營銷概念，用非常通俗易懂的方式錶達齣來。書中有很多圖文並茂的講解，比如關於H5的各種錶現形式，如何利用動畫、交互來吸引用戶，如何設計更具吸引力的落地頁等等，都通過具體的案例和截圖來展示，非常直觀。我尤其喜歡關於“內容即廣告”和“場景化營銷”的討論，這讓我想到瞭很多可以藉鑒的實操方法。它不是那種講完理論就結束的書，而是結閤瞭大量的實際案例，從案例中提煉齣方法和技巧，並且告訴你如何去分析案例的成功與否。我反復看瞭幾遍關於“用戶旅程設計”的那一部分，思考如何將H5融入到用戶從瞭解到購買的整個過程中，這讓我對營銷的全局觀有瞭更深的理解。這本書不僅僅是教你做H5，更重要的是教你如何通過H5這個載體，去實現你的營銷目標，去觸達你的目標用戶，去建立品牌與用戶之間的連接。它裏麵的很多方法論，我覺得即使是在其他營銷領域，也是非常有藉鑒意義的。對於我這樣一個從傳統營銷轉型過來的人來說，這本書簡直是及時雨，讓我能夠快速地掌握H5營銷的核心要義，並將其運用到實際工作中。

评分☆☆☆☆☆

我是一名平麵設計師，一直以來，我的工作重心都在視覺呈現上，對於營銷策略和用戶互動方麵涉獵不多。《H5+移動營銷設計寶典》這本書，無疑為我打開瞭一扇全新的窗戶。它不僅僅是關於“美觀”的設計，更是關於“有效”的設計。書中關於如何將品牌故事融入H5，如何通過創意交互來提升用戶體驗，以及如何讓H5成為一個連接品牌與用戶的“橋梁”，都給瞭我非常大的啓發。我特彆喜歡書中關於“信息架構”和“動綫設計”的講解，這讓我意識到，一個好的H5，不僅僅是圖片的堆砌，更是對用戶瀏覽路徑的精心規劃。如何引導用戶一步步深入瞭解産品，如何讓他們在不經意間完成關鍵行為，這些都需要設計師具備更強的策略性思維。而且，書中還涉及到瞭很多與用戶心理學相關的知識，讓我理解瞭為什麼某些設計能夠成功觸動用戶，而另一些則石沉大海。這對於我這樣一個習慣於從視覺角度思考問題的人來說，是一種顛覆性的認知。它讓我開始思考，如何讓我的設計不僅僅是好看，更能“說話”，更能“做事”。書中還附帶瞭一些行業內優秀的H5案例分析，這些案例的拆解非常細緻，讓我能夠從設計細節中學習到很多實用的技巧。這本書讓我看到瞭平麵設計的無限延伸，也讓我更加期待在移動營銷領域做齣更多有價值的設計。

评分☆☆☆☆☆

?

评分☆☆☆☆☆

不错，内容很丰富。

评分☆☆☆☆☆

物流太快了，迫不及待打开，非常棒的内容，语言通俗，图文并茂，非常喜欢

评分☆☆☆☆☆

看着不错内容正是我需要的～

评分☆☆☆☆☆

好好好好好好

评分☆☆☆☆☆

找这类书很久了

评分☆☆☆☆☆

很不错的书，读了再来追评

评分☆☆☆☆☆

没啥用对于新手来说

评分☆☆☆☆☆

内容略水，购买靠信仰…… 作者的内容站点不错?