展开全部

主编推荐语

H5设计开发全方位技巧:软件操作、应用开发、视觉设计、实战案例。

内容简介

全书分为四篇:软件操作篇:先讲H5设计、开发用到的常用工具软件,并介绍为主的PS的软件操作。应用开发篇:从H5的策划、开发,用到的新技术、新效果,进行全面、深入的讲解。视觉设计篇:从H5的设计风格、表现手法、动态效果、音频特效、交互设计等细讲。实战安全篇:从最常用的4个领域——产品推广、节日场景、旅行相册、企业招聘,列举案例,介绍H5的从零开始,如何设计、制作和发布。

目录

  • 扉页
  • 版权页
  • 目录
  • 内容提要
  • 前言
  • 软件操作篇
  • 第1章 H5微营销:互动性更强的场景体验
  • 1.1 H5移动营销,更小、更快、更简单
  • 1.1.1 为什么选择做H5营销
  • 1.1.2 H5移动营销的功能特色
  • 1.1.3 细数用户的行为特征
  • 1.2 用实力说话,H5移动营销的优势
  • 第2章 工具:H5常用工具简介
  • 2.1 设计方法:H5移动设计的3种途径
  • 2.2 元素设计:H5的图形图像、影音开发工具
  • 2.2.1 Photoshop——功能强大的设计工具
  • 2.2.2 Illustrator——专业的矢量图绘制工具
  • 2.2.3 Sketch——移动UI界面设计工具
  • 2.2.4 After Effects——制作炫酷的视频特效
  • 2.2.5 Cinema 4D——专业的三维软件工具
  • 2.2.6 Final Cut Pro——专业视频非线性编辑软件
  • 2.2.7 Garage Band——数码音乐创作软件
  • 2.3 动画设计:H5设计的演示动画制作工具
  • 2.3.1 Keynote——设计吸引人的PPT
  • 2.3.2 HYPE——做出悦目的动画效果
  • 2.4 技术实现:H5的定制化发挥和创作工具
  • 2.4.1 FWA——H5可以实现什么动态效果
  • 2.4.2 W 3school——了解H5的基础代码知识
  • 2.5 快速套用:互联网模板类H5开发平台
  • 2.5.1 人人秀——3分钟制作H5微场景平台
  • 2.5.2 易企秀——一键生成企业营销H5
  • 2.5.3 兔展——让H5设计不再单调
  • 2.5.4 MAKA——轻松搞定H5定制推广
  • 2.5.5 初页——把你的照片变成故事和书
  • 2.6 创意设计:互联网功能类H5开发平台
  • 2.6.1 互动大师(iH5)——可视化的H5在线编辑器
  • 2.6.2 意派360——非常懂设计师的专业H5工具
  • 2.7 组合使用:各种H5工具的选择方式
  • 2.7.1 开发类H5工具的选择
  • 2.7.2 网站类H5工具的选择
  • 2.8 省时省力:H5设计常用的辅助工具
  • 2.8.1 格式工厂——声音/视频压缩工具
  • 2.8.2 Ps Play——在手机上预览Photoshop设计稿
  • 2.8.3 TinyPNG——图片压缩工具
  • 2.8.4 草料——二维码生成工具
  • 第3章 重点:H5之Photoshop详解
  • 3.1 图像设计:轻松提升H5作品的颜值
  • 3.1.1 控制移动H5图像的画布
  • 3.1.2 运用工具裁剪移动H5图像
  • 3.1.3 移动H5图像的抠图合成
  • 3.1.4 移动H5图像的影调调整
  • 3.1.5 移动H5图像的色彩调整
  • 3.1.6 移动H5图像设计的绘图基础
  • 3.1.7 移动H5图像的路径编辑技巧
  • 3.1.8 移动H5图像的修饰与修复
  • 3.2 文字设计:做出有质感的好作品
  • 3.2.1 认识移动H5中的文字
  • 3.2.2 输入移动H5图像文字
  • 3.2.3 设置移动H5文字属性
  • 3.2.4 设置移动H5段落属性
  • 3.2.5 设置H5文字的排版样式
  • 3.2.6 设置H5的标题文字格式
  • 3.2.7 制作移动H5界面路径文字
  • 3.2.8 制作与编辑变形移动H5文字
  • 应用开发篇
  • 第4章 流程:移动H5的策划与开发
  • 4.1 前期准备:让H5设计事半功倍
  • 4.1.1 定目标:H5用来做什么
  • 4.1.2 找热点:H5如何火起来
  • 4.1.3 写策划:H5如何做起来
  • 4.2 程序设计:做H5的基本流程
  • 4.2.1 选择模板:一键生成H5作品
  • 4.2.2 交互设计:让H5更具互动性
  • 4.2.3 视觉设计:给H5锦上添花
  • 4.3 测试分析:做好H5的总结与沉淀
  • 4.3.1 程序测试:进行修改和完善
  • 4.3.2 活动上线:做好H5的推广
  • 4.3.3 效果分析:实现数据化营销
  • 第5章 技术:移动H5热门开发技术
  • 5.1 让H5人气值爆棚的“黑科技”
  • 5.1.1 运用720度全景技术打造全景画面效果
  • 5.1.2 运用3D旋转技术让H5画面更加动感
  • 5.1.3 运用人脸识别技术实现H5趣味营销
  • 5.1.4 运用物理引擎技术创建出虚拟世界
  • 5.1.5 运用重力感应技术提升用户的互动体验
  • 5.1.6 运用手指跟随产生滑动幻灯片效果
  • 5.2 H5 +VR/AR/AI:融合高端定制开发
  • 5.2.1 运用AR技术结合线下活动和线上互动
  • 5.2.2 运用VR技术生成一种虚拟的动态情境
  • 5.2.3 运用AI技术让移动H5作品变智能
  • 5.3 展现动态炫酷画面的H5技术运用
  • 5.3.1 运用快闪影片让H5作品更吸引眼球
  • 5.3.2 运用粒子特效展现炫酷的动画效果
  • 5.3.3 运用视频互动更好地展示品牌内容
  • 5.3.4 运用多屏互动打造互动娱乐新模式
  • 5.3.5 运用GIF动画让页面变得生动
  • 视觉设计篇
  • 第6章 风格:移动H5视觉风格设计
  • 6.1 设计原则:五大H5设计精髓要点
  • 6.1.1 有创意,少抄袭,多原创
  • 6.1.2 注重H5设计风格的统一
  • 6.1.3 H5原型图的绘制与构思
  • 6.1.4 营造出合适的视觉氛围
  • 6.1.5 让用户真实参与和体验
  • 6.2 设计风格:12种H5设计风格解析
  • 6.2.1 扁平、插画视觉风格设计
  • 6.2.2 手绘、动漫视觉风格设计
  • 6.2.3 水墨、复古视觉风格设计
  • 6.2.4 写实、科技视觉风格设计
  • 6.2.5 极简、拼贴视觉风格设计
  • 6.2.6 摄影、小清新视觉风格设计
  • 6.3 表现手法:6种H5视觉特效设计
  • 6.3.1 来电视觉特效表现手法
  • 6.3.2 擦除视觉特效表现手法
  • 6.3.3 动画视觉特效表现手法
  • 6.3.4 SVG视觉特效表现手法
  • 6.3.5 拍立得视觉特效表现手法
  • 6.3.6 玻璃碎掉视觉特效表现手法
  • 第7章 创意:移动H5视觉创意设计
  • 7.1 版式设计:让你的设计越来越出色
  • 7.1.1 视觉动线设计
  • 7.1.2 画面焦点设计
  • 7.1.3 页面层级设计
  • 7.2 活动设计:快速引爆H5页面的热度
  • 7.2.1 砍价活动设计
  • 7.2.2 抽奖活动设计
  • 7.2.3 调查问卷设计
  • 7.2.4 投票活动设计
  • 7.2.5 微信卡券活动设计
  • 7.3 动效设计:为H5页面打造视觉动效
  • 7.3.1 了解移动H5的动效知识
  • 7.3.2 H5动效的主要类型与实现方法
  • 7.3.3 在H5作品中运用转场类动效
  • 7.3.4 在H5作品中运用内容类动效
  • 7.3.5 在H5作品中运用辅助性动效
  • 7.3.6 在H5作品中运用功能性动效
  • 7.4 音效设计:更好展现H5作品个性与情感
  • 7.4.1 不能忽略H5作品中的声音
  • 7.4.2 H5背景音效的注意事项
  • 7.4.3 选择合适的H5背景音效
  • 7.4.4 H5作品中常见的辅助音效
  • 7.4.5 如何获取更好的音效
  • 7.5 交互设计:增加互动性吸引更多人气
  • 7.5.1 弹幕评论设计
  • 7.5.2 点击触发事件设计
  • 7.5.3 互动游戏设计
  • 实战案例篇
  • 第8章 单页:精美H5单页移动设计
  • 8.1 旅行相册H5页面设计
  • 8.1.1 设计旅行相册颗粒背景效果
  • 8.1.2 设计旅行相册文字信息效果
  • 8.1.3 设计旅行相册照片装饰效果
  • 8.2 促销活动H5页面设计
  • 8.2.1 设计促销活动背景纹理效果
  • 8.2.2 设计促销活动文字边框效果
  • 8.2.3 设计促销活动产品布局效果
  • 8.3 年会邀请函H5页面设计
  • 8.3.1 设计年会邀请函边框效果
  • 8.3.2 设计年会邀请函主题效果
  • 8.3.3 设计年会邀请函整体效果
  • 第9章 综合:节日场景H5移动设计
  • 9.1 春节活动H5作品设计的前期准备
  • 9.1.1 整体的创意构思
  • 9.1.2 素材图像的收集
  • 9.2 通过Photoshop制作图像效果
  • 9.2.1 制作节日主题文字效果
  • 9.2.2 抠取新年装饰素材图案
  • 9.3 通过工具网站生成H5作品
  • 9.3.1 设计H5作品的第1页:活动标题
  • 9.3.2 设计H5作品的第2页:祝福文案
  • 9.3.3 设计H5作品的第3页:红包活动
  • 9.3.4 为H5作品添加背景音效
  • 9.4 移动H5作品的发布和分享
  • 9.4.1 发布与上线H5作品
  • 9.4.2 将H5活动页面分享到微信群
  • 第10章 综合:产品推广H5移动设计
  • 10.1 产品推广H5作品设计的前期准备
  • 10.1.1 整体的创意构思
  • 10.1.2 素材图像的拍摄与收集
  • 10.2 通过Photoshop制作图像效果
  • 10.2.1 主题文字的设计
  • 10.2.2 产品图片的调色处理
  • 10.2.3 产品图片的详情展示
  • 10.3 通过工具网站生成H5作品
  • 10.3.1 设计H5作品的第1页:首页设计
  • 10.3.2 设计H5作品的第2页:推荐产品1
  • 10.3.3 设计H5作品的第3页:推荐产品2
  • 10.3.4 设计H5作品的第4页:产品展示
  • 10.3.5 设计H5作品的第5页:产品预订
  • 10.3.6 为H5作品添加背景音效
  • 10.4 移动H5作品的发布和分享
  • 10.4.1 发布与上线H5作品
  • 10.4.2 将H5作品分享到朋友圈
  • 第11章 综合:企业招聘H5移动设计
  • 11.1 企业H5招聘广告制作的前期准备
  • 11.1.1 H5招聘广告的整体创意构思
  • 11.1.2 整理相关的招聘内容
  • 11.2 通过Photoshop制作图像效果
  • 11.2.1 使用Photoshop制作招聘主题图片
  • 11.2.2 使用Photoshop调整企业相关图片
  • 11.3 通过工具网站生成H5页面
  • 11.3.1 设计H5招聘广告的第1页:招聘主题
  • 11.3.2 设计H5招聘广告的第2页:公司实力展示
  • 11.3.3 设计H5招聘广告的第3页:工作环境展示
  • 11.3.4 设计H5招聘广告的第4页:企业福利展示
  • 11.3.5 设计H5招聘广告的第5页:招聘岗位展示
  • 11.3.6 设计H5招聘广告的第6页:在线报名申请
  • 11.3.7 为H5作品添加背景音效
  • 11.4 移动H5作品的发布和分享
  • 11.4.1 发布与上线H5作品
  • 11.4.2 分享H5作品与收集求职者信息
展开全部

评分及书评

尚无评分
目前还没人评分

出版方

人民邮电出版社

人民邮电出版社是工业和信息化部主管的大型专业出版社,成立于1953年10月1日。人民邮电出版社坚持“立足信息产业、面向现代社会、传播科学知识、服务科教兴国”,致力于通信、计算机、电子技术、教材、少儿、经管、摄影、集邮、旅游、心理学等领域的专业图书出版。