可視化H5頁(yè)面與交互動(dòng)畫(huà)設(shè)計(jì)制作 木疙瘩標(biāo)準(zhǔn)教程
定 價(jià):69.9 元
- 作者:彭澎 姜旭
- 出版時(shí)間:2022/12/1
- ISBN:9787115597298
- 出 版 社:人民郵電出版社
- 中圖法分類(lèi):TP393.092.2
- 頁(yè)碼:204
- 紙張:
- 版次:01
- 開(kāi)本:16開(kāi)
本書(shū)是根據(jù)教育部職業(yè)技能等級(jí)認(rèn)證考核的要求,為了滿足“融媒體內(nèi)容制作”1+X職業(yè)技能等級(jí)證書(shū)考核認(rèn)證的教學(xué)和培訓(xùn)需求,以及各類(lèi)企業(yè)、高校關(guān)于融媒體技術(shù)與應(yīng)用人才培養(yǎng)的需要編寫(xiě)的。本書(shū)結(jié)合實(shí)際應(yīng)用案例,以任務(wù)為驅(qū)動(dòng),由淺到深、由簡(jiǎn)單到復(fù)雜地組織內(nèi)容。技術(shù)上,以木疙瘩為平臺(tái),系統(tǒng)地介紹了可視化H5頁(yè)面與交互動(dòng)畫(huà)的設(shè)計(jì)思路、設(shè)計(jì)方法與實(shí)現(xiàn)技術(shù)。
本書(shū)內(nèi)容涵蓋了1+X職業(yè)技能等級(jí)證書(shū)的初級(jí)和中級(jí)標(biāo)準(zhǔn)的全部?jī)?nèi)容,以及高級(jí)標(biāo)準(zhǔn)的部分內(nèi)容。全書(shū)共7章,主要內(nèi)容包括移動(dòng)通信、信息傳播與H5,木疙瘩平臺(tái)與專(zhuān)業(yè)版H5編輯器的基本操作與管理,H5頁(yè)面制作基礎(chǔ),行為、觸發(fā)條件與交互,幀動(dòng)畫(huà)設(shè)計(jì)、制作與應(yīng)用,特型動(dòng)畫(huà),以及關(guān)聯(lián)動(dòng)畫(huà)。附錄部分介紹了實(shí)用工具及控件的基本操作與使用。
本書(shū)為木疙瘩官方標(biāo)準(zhǔn)教程,內(nèi)容全面、案例豐富,具有很強(qiáng)的可讀性和實(shí)用性,適用于“融媒體內(nèi)容制作”1+X職業(yè)技能等級(jí)證書(shū)考核認(rèn)證的教學(xué)與培訓(xùn),還適合作為學(xué)校相關(guān)專(zhuān)業(yè)和各類(lèi)H5培訓(xùn)班的教材,也可作為新媒體從業(yè)人員自學(xué)H5頁(yè)面設(shè)計(jì)與制作的參考書(shū)。
·木疙瘩平臺(tái)官方推薦的標(biāo)準(zhǔn)教程
·“融媒體內(nèi)容設(shè)計(jì)與制作”1+X認(rèn)證考試配套教材
·融媒體專(zhuān)業(yè)“崗課賽證”融通系列教材之一
·本書(shū)配套提供參考教學(xué)資料:教學(xué)大綱、PPT課件、書(shū)中案例的素材、案例效果演示視頻,以及案例制作的講解視頻。
彭澎,教授,碩士研究生導(dǎo)師,“設(shè)計(jì)數(shù)學(xué)”碩士專(zhuān)業(yè)創(chuàng)建者,教育管理信息中心特聘專(zhuān)家,出版教材、專(zhuān)著40余部,2016年提出開(kāi)創(chuàng)融媒體專(zhuān)業(yè),并組建團(tuán)隊(duì)研究和建設(shè)融媒體核心課程。
姜旭,北京信息職業(yè)技術(shù)學(xué)院數(shù)字藝術(shù)學(xué)院院長(zhǎng),中國(guó)出版協(xié)會(huì)裝幀藝術(shù)工作委員會(huì)委員,長(zhǎng)期從事教學(xué)研究及平面設(shè)計(jì)工作,主講“版式設(shè)計(jì)”“包裝設(shè)計(jì)”“藝術(shù)插圖設(shè)計(jì)”等多門(mén)專(zhuān)業(yè)課程,設(shè)計(jì)書(shū)籍裝幀設(shè)計(jì)作品百余件。
001 第1章 移動(dòng)通信、信息傳播與H5
002 1.1 移動(dòng)通信技術(shù)概述
002 1.1.1 通信與移動(dòng)通信
002 1.1.2 移動(dòng)通信的發(fā)展階段
003 1.1.3 移動(dòng)通信的優(yōu)勢(shì)及應(yīng)解決的關(guān)鍵問(wèn)題
004 1.2 信息內(nèi)容與信息傳播
004 1.2.1 信息內(nèi)容及其表達(dá)形式
005 1.2.2 信息傳播
006 1.3 融媒體、H5與交互動(dòng)畫(huà)
006 1.3.1 融媒體
006 1.3.2 H5
008 1.3.3 交互動(dòng)畫(huà)
008 1.4 H5制作平臺(tái)與H5案例體驗(yàn)
008 1.4.1 可視化H5制作平臺(tái)
008 1.4.2 H5案例體驗(yàn)
009 1.5 H5頁(yè)面設(shè)計(jì)的基本原則與規(guī)范
009 1.5.1 H5頁(yè)面設(shè)計(jì)的基本原則
012 1.5.2 H5頁(yè)面設(shè)計(jì)的基本規(guī)范
013 1.6 【基礎(chǔ)學(xué)習(xí)任務(wù)】了解H5頁(yè)面設(shè)計(jì)的基本流程
013 1.6.1 策劃與頁(yè)面設(shè)計(jì)
014 1.6.2 設(shè)計(jì)案例介紹
016 1.6.3 素材收集與整理
018 第 2章 木疙瘩平臺(tái)與專(zhuān)業(yè)版H5編輯器的基本操作與管理
019 2.1 【基礎(chǔ)學(xué)習(xí)任務(wù)】木疙瘩基本操作與管理
019 2.1.1 注冊(cè)、登錄與退出木疙瘩操作
021 2.1.2 新建作品與作品文件管理操作
026 2.1.3 模板管理與素材管理操作
027 2.1.4 班級(jí)管理與作品分享操作
029 2.2 【基礎(chǔ)學(xué)習(xí)任務(wù)】專(zhuān)業(yè)版H5編輯器界面及其操作
029 2.2.1 菜單欄
034 2.2.2 工具欄
036 2.2.3 頁(yè)面欄、頁(yè)面編輯區(qū)和舞臺(tái)
038 2.2.4 工具箱
043 2.2.5 屬性面板
045 2.2.6 時(shí)間軸和圖層
046 第3章 H5頁(yè)面制作基礎(chǔ)
047 3.1 【技能型任務(wù)】圖文公益廣告“為夢(mèng)想起航”
047 3.1.1 規(guī)劃與設(shè)計(jì)
047 3.1.2 任務(wù)制作
053 3.2 【技能型任務(wù)】長(zhǎng)圖新聞故事“節(jié)日里的城市守護(hù)者”
053 3.2.1 規(guī)劃與設(shè)計(jì)
053 3.2.2 任務(wù)制作
058 3.3 【技能型任務(wù)】繪圖交互宣傳廣告“我的家鄉(xiāng)邀請(qǐng)你”
059 3.3.1 規(guī)劃與設(shè)計(jì)
059 3.3.2 任務(wù)制作
066 3.4 任務(wù)訓(xùn)練
068 第4章 行為、觸發(fā)條件與交互
069 4.1 【基礎(chǔ)學(xué)習(xí)任務(wù)】了解行為與觸發(fā)條件的作用
069 4.1.1 “醒一醒”交互動(dòng)畫(huà)作品的解析
070 4.1.2 行為與觸發(fā)條件在交互設(shè)計(jì)中的作用
072 4.2 【基礎(chǔ)學(xué)習(xí)任務(wù)】交互控制基本原理及圖層和幀的操作
072 4.2.1 圖層及基本操作
073 4.2.2 幀的基本類(lèi)型
074 4.2.3 幀的基本操作
075 4.2.4 交互控制基本原理
076 4.3 【技能型任務(wù)】屬性控制交互——“安全駕駛”公益廣告
076 4.3.1 規(guī)劃與設(shè)計(jì)
077 4.3.2 任務(wù)制作
082 4.4 【技能型任務(wù)】頁(yè)行為交互——“昆明老街與重慶市井”影集
083 4.4.1 規(guī)劃與設(shè)計(jì)
083 4.4.2 任務(wù)制作
085 4.5 【技能型任務(wù)】幀行為交互——“看圖猜成語(yǔ)”游戲
085 4.5.1 規(guī)劃與設(shè)計(jì)
086 4.5.2 任務(wù)制作
089 4.6 【技能型任務(wù)】限時(shí)拼圖交互——“電影洗印設(shè)備拼圖”游戲
089 4.6.1 規(guī)劃與設(shè)計(jì)
090 4.6.2 任務(wù)制作
094 4.7 任務(wù)訓(xùn)練
095 第5章 幀動(dòng)畫(huà)設(shè)計(jì)、制作與應(yīng)用
096 5.1 【技能型任務(wù)】幀動(dòng)畫(huà)的基本制作——“油菜花節(jié)”宣傳廣告
096 5.1.1 規(guī)劃與設(shè)計(jì)
096 5.1.2 任務(wù)制作
098 5.2 【技能型任務(wù)】交互幀動(dòng)畫(huà)制作——“把精彩留給自己”公益廣告
099 5.2.1 完成3個(gè)頁(yè)面的基本制作
102 5.2.2 控制賽車(chē)的運(yùn)動(dòng)速度:插入、刪除幀的操作
102 5.2.3 幀動(dòng)畫(huà)重復(fù)播放設(shè)置:復(fù)制、移動(dòng)幀的操作
103 5.3 【技能型任務(wù)】運(yùn)動(dòng)鏡頭幀動(dòng)畫(huà)制作——“中國(guó)電影博物館”宣傳介紹
104 5.3.1 規(guī)劃與設(shè)計(jì)
104 5.3.2 任務(wù)制作
107 5.4 【技能型任務(wù)】逐幀動(dòng)畫(huà)“倒霉的貓”
108 5.4.1 規(guī)劃與設(shè)計(jì)
109 5.4.2 任務(wù)制作
111 5.5 【技能型任務(wù)】逐幀交互動(dòng)畫(huà)“風(fēng)景如畫(huà)”
112 5.5.1 規(guī)劃與設(shè)計(jì)
112 5.5.2 任務(wù)制作
113 5.5.3 循環(huán)交互效果逐幀動(dòng)畫(huà)設(shè)計(jì)與制作
114 5.6 任務(wù)訓(xùn)練
116 第6章 特型動(dòng)畫(huà)
117 6.1 【技能型任務(wù)】制作基本特型動(dòng)畫(huà)
117 6.1.1 進(jìn)度動(dòng)畫(huà)——“節(jié)約用水”公益廣告
118 6.1.2 路徑動(dòng)畫(huà)——“UFO來(lái)了”動(dòng)畫(huà)
121 6.1.3 變形動(dòng)畫(huà)——“企業(yè)標(biāo)志轉(zhuǎn)換為產(chǎn)品”動(dòng)畫(huà)
123 6.1.4 遮罩動(dòng)畫(huà)——“春節(jié)快樂(lè)”音樂(lè)賀卡
126 6.2 【技能型任務(wù)】交互動(dòng)畫(huà)——“走進(jìn)云南”旅游宣傳
126 6.2.1 規(guī)劃與設(shè)計(jì)
127 6.2.2 任務(wù)制作
130 6.3 【技能型任務(wù)】元件、元件動(dòng)畫(huà)設(shè)計(jì)與制作
131 6.3.1 元件動(dòng)畫(huà)制作與調(diào)用——“C919大飛機(jī)介紹”動(dòng)畫(huà)
135 6.3.2 元件交互動(dòng)畫(huà)制作與播放控制——“新龜兔賽跑”動(dòng)畫(huà)
140 6.4 【技能型任務(wù)】交互游戲——“雙、單按鈕控制轎車(chē)行駛”游戲
141 6.4.1 “雙按鈕控制轎車(chē)行駛”的規(guī)劃與設(shè)計(jì)
141 6.4.2 “雙按鈕控制轎車(chē)行駛”的任務(wù)制作
145 6.4.3 “單按鈕控制動(dòng)畫(huà)播放與暫停”的設(shè)計(jì)與制作
147 6.5 【技能型任務(wù)】自定義預(yù)置動(dòng)畫(huà)——“物體自動(dòng)上升擺動(dòng)”動(dòng)畫(huà)
147 6.5.1 任務(wù)制作
148 6.5.2 自定義預(yù)置動(dòng)畫(huà)的使用
148 6.6 任務(wù)訓(xùn)練
149 第7章 關(guān)聯(lián)動(dòng)畫(huà)
150 7.1 【基礎(chǔ)學(xué)習(xí)任務(wù)】關(guān)聯(lián)的概念及基本操作
150 7.1.1 認(rèn)識(shí)關(guān)聯(lián)
150 7.1.2 “矩形與圓形互動(dòng)”關(guān)聯(lián)制作
152 7.2 【技能型任務(wù)】舞臺(tái)關(guān)聯(lián)動(dòng)畫(huà)—“觀國(guó)寶”動(dòng)畫(huà)
152 7.2.1 規(guī)劃與設(shè)計(jì)
153 7.2.2 任務(wù)制作
154 7.3 【技能型任務(wù)】遮罩關(guān)聯(lián)動(dòng)畫(huà)—“定位”動(dòng)畫(huà)
154 7.3.1 規(guī)劃與設(shè)計(jì)
155 7.3.2 任務(wù)制作
157 7.4 【技能型任務(wù)】元件關(guān)聯(lián)動(dòng)畫(huà)—“射擊”游戲
157 7.4.1 規(guī)劃與設(shè)計(jì)
158 7.4.2 任務(wù)制作
162 7.5 任務(wù)訓(xùn)練
164 附錄 實(shí)用工具及控件的基本操作與使用
165 附錄A 微信定制工具—定制微信頭像、昵稱和圖片
166 附錄B 表單工具—“城市人口愛(ài)好”調(diào)查表
169 附錄C 數(shù)據(jù)統(tǒng)計(jì)—查看作品發(fā)布后的瀏覽次數(shù)等數(shù)據(jù)
170 附錄D 編輯表單工具—制作個(gè)人聯(lián)系方式表單
171 附錄E 預(yù)置考題工具—制作計(jì)算機(jī)基礎(chǔ)練習(xí)試卷
175 附錄F 陀螺儀控件—左右搖擺的孔明燈
177 附錄G 點(diǎn)贊控件—為你更喜歡的車(chē)點(diǎn)贊
178 附錄H 排行榜控件—成績(jī)排名
181 附錄I 投票控件—為你喜歡的顏色投票
184 附錄J 抽獎(jiǎng)控件—促銷(xiāo)活動(dòng)抽獎(jiǎng)
188 附錄K 虛擬現(xiàn)實(shí)工具—文化古街“國(guó)子監(jiān)街”
192 附錄L 連線控件—識(shí)別車(chē)輛行進(jìn)標(biāo)志