《H5設計與制作（全彩慕課版）（第2版）》 課件6 滑動翻頁H5制作_第1頁
《H5設計與制作（全彩慕課版）（第2版）》 課件6 滑動翻頁H5制作_第2頁
《H5設計與制作（全彩慕課版）（第2版）》 課件6 滑動翻頁H5制作_第3頁
《H5設計與制作（全彩慕課版）（第2版）》 課件6 滑動翻頁H5制作_第4頁
《H5設計與制作（全彩慕課版）（第2版）》 課件6 滑動翻頁H5制作_第5頁
已閱讀5頁，還剩5頁未讀， 繼續(xù)免費閱讀

付費下載

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

滑動翻頁H5制作滑動翻頁H5是最常見的一類H5，是最被廣大用戶接受的互動方式。本章從實戰(zhàn)角度對滑動翻頁H5的項目策劃、交互設計、視覺設計以及制作開發(fā)進行系統(tǒng)講解與演練。通過對本章的學習，讀者可以對滑動翻頁H5有一個基本的認識，并快速掌握設計制作常用滑動翻頁H5的方法。了解文化傳媒企業(yè)招聘H5的項目策劃掌握文化傳媒企業(yè)招聘H5的交互設計學習目標6.1課堂案例——文化傳媒企業(yè)招聘H5制作項目策劃交互設計視覺設計制作發(fā)布ArtDesign是一家成立了近20年的專業(yè)型廣告設計公司，此次想通過H5進行企業(yè)人才招聘。在內容上，我們的內容分為了首頁、關于我們、工作環(huán)境、福利待遇、招聘崗位、招聘流程以及崗位需求。在視覺上，運用圖文結合以及高級灰體現(xiàn)公司的沉穩(wěn)大氣。在制作上，摒棄復雜的表現(xiàn)效果，采用簡單翻頁讓用戶的注意力集中在招聘內容上。6.1.1項目策劃通過前期基本的項目策劃，對這支H5的原型進行了梳理，并運用Axure進行了繪制。6.1.2交互設計效果圖6.1.3視覺設計效果圖6.1.4制作發(fā)布

效果圖使用谷歌瀏覽器登錄iH5官網，使用Photoshop軟件制作頁面的視覺設計，使用iH5的動效和翻頁功能制作最終效果。6.2課堂練習——汽車車展觀展邀請H5制作效果圖

使用谷歌瀏覽器登錄凡科官網，使用凡科互動微傳單制作教育咨詢行業(yè)培訓招生H5，使用Photoshop軟件制作首各個頁面的視覺設計，使用凡科微傳單的翻頁和趣味中的快閃功能制作最終效果。6.3

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論