H5的设计与制作流程

用户头像
西安/平面设计师/1年前/163浏览
H5的设计与制作流程
用户头像
张伟涛
H5的设计与制作流程(图ZMTQ5MTIxNDA=) - 教程 - 站酷设计师张伟涛原创素材 - 站酷ZCOOL
收藏
一、沟通(好的设计来源于好的沟通)
1、项目需求
明确项目的主题是什么?
商业目的是什么?
2、目标人群
特定地域人群?
男人?女人?
青少年?中老年人?
3、上线时间
根据项目上线时间来确定设计难度及后期制作交互形式,逻辑事件的复杂程度。
二、创意构思(画草图)
H5的设计与制作流程(图ZMTQ5MTIxNDg=) - 教程 - 站酷设计师张伟涛原创素材 - 站酷ZCOOL
收藏
三、前期设计
1、使用PS(Photoshop)软件制作静态页面(用动态的思维做静态的设计)
H5的设计与制作流程(图ZMTQ5MTIxNTY=) - 教程 - 站酷设计师张伟涛原创素材 - 站酷ZCOOL
收藏
2、使用AU(Audition)软件处理编辑背景音乐及其他音效
H5的设计与制作流程(图ZMTQ5MTIxNjA=) - 教程 - 站酷设计师张伟涛原创素材 - 站酷ZCOOL
收藏
3、使用AE(After Effects)软件制作动画
H5的设计与制作流程(图ZMTQ5MTIxNjQ=) - 教程 - 站酷设计师张伟涛原创素材 - 站酷ZCOOL
收藏
4、使用PR( Premiere)软件剪辑需要的视频
H5的设计与制作流程(图ZMTQ5MTIxNjg=) - 教程 - 站酷设计师张伟涛原创素材 - 站酷ZCOOL
收藏
四、后期制作(可视化制作)
使用易企秀(入门)、凡科(进阶)、IVX(专业)等平台添加后期的交互逻辑事件
H5的设计与制作流程(图ZMTQ5MTIxNzI=) - 教程 - 站酷设计师张伟涛原创素材 - 站酷ZCOOL
收藏
教程节选自《H5广告设计与制作教程》,感兴趣的酷友可以点击左下角的“阅读原文”查看全套视频教程。
             
0
阅读原文
|
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
新能源APP应用UIKit
智能家居中心 简约 UI设计组件库
【新年UI图标】珠宝icon
Security Camera UI kit
【新年UI图标】酒店icon
【新年UI图标】家具icon
【新年UI图标】30个图标
【新年UI图标】美妆icon
UI通用设计素材1
矢量立体简约UI蓝白图标
手表表盘UI系列
柠檬黄主题UI作品集模版
UI_3D图标火箭炮<新春促销>
UI界面 组件
钱包ui模板
UI 登录界面设计模板包
【新年UI图标】游戏/娱乐icon
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
科技医疗透明柜UI界面设计
高级感金属拟物 UI设计组件库
【新年UI图标】影音icon
盲盒APP UI设计
你可能喜欢
相关收藏夹
大家都在看
登录注册