H5交互融媒體作品創(chuàng)作第6章H5作品的交互設(shè)計(jì)與互動(dòng)效果制作課件

1、H5作品的交互設(shè)計(jì)與互動(dòng)效果制作本章要點(diǎn)關(guān)鍵詞第6章1.掌握H5作品中交互設(shè)計(jì)的總體原則。2.了解H5作品中的不同交互類(lèi)型及其分類(lèi)。3.掌握使用方正飛翔數(shù)字版制作不同類(lèi)型互動(dòng)效果的方法。交互設(shè)計(jì) 互動(dòng)效果H5作品的交互設(shè)計(jì)與互動(dòng)效果制作本章要點(diǎn)關(guān)鍵詞第6章1.掌第1節(jié) 交互設(shè)計(jì)原則與方法 20世紀(jì)七八十年代之交,舊金山灣區(qū)一群敬業(yè)而有遠(yuǎn)見(jiàn)的研究員、工程師和設(shè)計(jì)師正在忙于發(fā)明未來(lái)人們與電腦交互的方式。從施樂(lè)帕克研究中心(Xerox PARC)到斯坦福國(guó)際研究院(SRI),最后到蘋(píng)果電腦公司,人們開(kāi)始討論,為數(shù)字產(chǎn)品創(chuàng)造出可用、易用的“人性化界面”到底意味著什么。20世紀(jì)80年代中期,兩位工業(yè)設(shè)計(jì)

2、師比爾莫格里奇(Bill Moggridge)和比爾韋普朗克(Bill Verplank)著手設(shè)計(jì)第一臺(tái)筆記本電腦GRiD Compass。他們?yōu)樽约核龅墓ぷ鲃?chuàng)造了“交互設(shè)計(jì)”一詞。 盡管交互設(shè)計(jì)常常被看作為一門(mén)新興的設(shè)計(jì)學(xué)科,但實(shí)際上人類(lèi)社會(huì)已經(jīng)有著很長(zhǎng)時(shí)間的交互設(shè)計(jì)歷史。作為一門(mén)從人機(jī)交互(Human Computer Interaction)領(lǐng)域分支并發(fā)展得來(lái)的新型學(xué)科,交互設(shè)計(jì)具有十分典型的跨學(xué)科特征,涉及范圍包括計(jì)算機(jī)科學(xué)、計(jì)算機(jī)工程學(xué)、信息學(xué)、美學(xué)、心理學(xué)與社會(huì)學(xué)等。第1節(jié) 交互設(shè)計(jì)原則與方法 20世紀(jì)七八十所謂交互設(shè)計(jì),是指在人與產(chǎn)品、服務(wù)及系統(tǒng)之間創(chuàng)建一系列對(duì)話,其更偏向于技

3、術(shù)性的設(shè)定與實(shí)現(xiàn)過(guò)程。世界交互設(shè)計(jì)協(xié)會(huì)第一任主席雷曼(Reimann)對(duì)于交互設(shè)計(jì)做出了如下定義:“交互設(shè)計(jì)是定義人工制品(設(shè)計(jì)客體)、環(huán)境和系統(tǒng)的行為的設(shè)計(jì)。”從技術(shù)層面而言,交互設(shè)計(jì)需要涉及計(jì)算機(jī)工程學(xué)、語(yǔ)言編程、信息設(shè)備、信息架構(gòu)學(xué)的運(yùn)用。從用戶(hù)層面而言,交互設(shè)計(jì)涉及人類(lèi)行為學(xué)、人因?qū)W、心理學(xué)。從設(shè)計(jì)層面而言,交互設(shè)計(jì)還涉及工業(yè)設(shè)計(jì)、界面表現(xiàn)、產(chǎn)品語(yǔ)意及傳達(dá)。對(duì)于H5交互設(shè)計(jì)而言,在合理選擇了H5制作工具、輔助工具、設(shè)計(jì)工具后,我們需要重點(diǎn)思考的,是用戶(hù)使用你的H5作品時(shí)的體驗(yàn),因此需要結(jié)合用戶(hù)心理、操作習(xí)慣、視覺(jué)感受來(lái)做整體考量。所謂交互設(shè)計(jì),是指在人與產(chǎn)品、服務(wù)及系統(tǒng)之間創(chuàng)建一系列對(duì)

4、話, 一、視覺(jué)可見(jiàn)原則 一、視覺(jué)可見(jiàn)原則 二、環(huán)境貼切原則 二、環(huán)境貼切原則 三、一致性原則 三、一致性原則 四、容錯(cuò)與及時(shí)反饋原則 四、容錯(cuò)與及時(shí)反饋原則第2節(jié) 互動(dòng)效果的分類(lèi) H5的互動(dòng)效果種類(lèi)繁多,實(shí)際上對(duì)H5互動(dòng)效果的分類(lèi)并沒(méi)有統(tǒng)一的說(shuō)法和分類(lèi)標(biāo)準(zhǔn),這里僅提供一種筆者認(rèn)為分類(lèi)標(biāo)準(zhǔn)比較明晰的、按照H5互動(dòng)效果功能來(lái)源的分類(lèi)方式,即市面上H5的互動(dòng)效果可以分為三類(lèi):基于傳感器的互動(dòng)效果、基于觸摸屏操作的互動(dòng)效果以及基于融媒體展示的互動(dòng)效果。基于傳感器定位攝像頭麥克風(fēng)01基于觸摸屏操作單屏滾動(dòng)手勢(shì)操作虛擬現(xiàn)實(shí)增強(qiáng)現(xiàn)實(shí)02基于畫(huà)面呈現(xiàn)視頻動(dòng)畫(huà)特效互動(dòng)03第2節(jié) 互動(dòng)效果的分類(lèi) H5的互動(dòng)效果種類(lèi)繁多 一、基于傳感器的互動(dòng)效果 一、基于傳感器的互動(dòng)效果H5交互融媒體作品創(chuàng)作PPT第6章-H5作品的交互設(shè)計(jì)與互動(dòng)效果制作 二、 基于觸摸屏操作的互動(dòng)效果 二、 基于觸摸屏操作的互動(dòng)效果H5交互融媒體作品創(chuàng)作PPT第6章-H5作品的交互設(shè)計(jì)與互動(dòng)效果制作 三、 基于融媒體展示的互動(dòng)功能 三、 基于融媒體展示的互動(dòng)功能H5交互融媒體作品創(chuàng)作PPT第6章-H5作品的交互設(shè)計(jì)與互動(dòng)效果制作H5交互融媒體作品創(chuàng)作PPT第6章-H5作品的交互設(shè)計(jì)與互動(dòng)效果制作問(wèn)題討論