网页的交互布局是非静态的，不是自说自话的，
一打开网站，什么都显示出来，是老式的非交互布局。
交互式布局是指访问者移动鼠标，显示的内容是不断变化的，就像一场对话。
1.《简约至上：交互式设计四策略》解释了如何优化网页浏览体验。
2.《界面设计模式(第2版)》解释网页和移动终端。
3.《html5权威指南》是系统学习网页设计和移动设计的权威。
4.《众妙之门网页排版设计制胜秘诀》解释了网页。
《5.《形式感》》是一本教你如何解决设计创意和视觉形式感的书。
本期分享包括从文案策划到互动设计的19个工具/网站，全面学习新媒体运营知识，正文偏向营销h5策划设计。
关于h5生产流程
笔者接触的h5制作辅助制作工作的基本组成分为文案策划、设计交流学习、绘图、视频剪辑编辑、原型、h5动态效果/动画制作、图片/音视频压缩、素材归档，所以中间使用的工具也是这些。
注意:有些共享软件需要下载，标记和不标记，基本都是在线网站。
文案数字英语网-数字媒体和职业招聘网站
简介:
数字英语网是一个数字营销媒体平台，涵盖营销、广告媒体、创意设计、电子商务、移动互联网等数字相关领域，推荐热门项目。该平台还包括人才招聘和社区板块。用户可以通过平台找到合适的招聘信息，也可以在社区发布动态或关注他人。
推荐理由:
数字英语网是一个比较好的综合平台。无论热点话题、品牌活动、文案，都能找到相应的板块，还有个别厂商分享的优秀h5项目。是营销媒体人必访问的网站之一。
敞开你的心扉，世界的顶级创意分享平台
简介:
作为国内最早、最受欢迎的创意垂直网站，topys立志打造多元化、完整的泛创意知识产品体系和学习平台，努力成为"创新机构和，希望通过创造性学习...
推荐理由:
作为世界s顶级创意分享平台，每一个创意、愿景、文案都很惊艳，强烈推荐。
视觉传达学习站酷(zcool)-设计师互动平台
简介:
zcool，设计师互动平台。经过12年在设计领域的深耕，站酷聚集了650万设计师、摄影师、插画师、艺术家和创意人士，在设计创意群体中具有较高的影响力和号召力。
推荐理由:
站酷在设计师圈有很高的人气，汇聚了大量优秀的设计师和摄影师。老师、插画师、美工、创意人士每天用主页分享大量优秀作品，是一个很好的集灵感、设计技巧、项目经验学习交流为一体的设计师平台。
ui用户体验设计平台
简介:
ui，原名iconfans，是一家专业的用户体验设计平台。成员都是专业的ui设计师，覆盖全国互联网公司。我们将为ui设计师打造最专业的ui设计交流平台...
推荐理由:
ui和站酷在人群定位上基本重合，但正如品牌名称一样，特点是突出ui领域，偏向官网、app、h5、小程序ui的用户体验设计，注重人机交互中情感的表达。平台定期举办设计教程分享和比赛。
绘图/排版绘图修图:adobephotoshop(待下载)
简介:
adobephotoshop，简称"ps"是由adobesystems开发和发布的图像处理软件。
推荐理由:
我不不需要介绍这个，它s一个绘图软件，设计师吃饭。我们通常说p图大多是关于这个的。
矢量图形排版:adobeillustrator(待下载)
简介:
adobeillustrator，通常被称为"艾"是一款用于出版、多媒体和在线图像的行业标准矢量插图软件。
推荐理由:
这个就不用介绍了。是一款排版制作矢量图的软件。无论放大多少倍，视觉都不会扭曲。一般和ps结合使用。
素材网站——图片素材网站的免费设计
简介:
是资料最多的网站之一，资料超过800万。提供:矢量图形、psd源文件、图片素材、网页素材、3d模型素材、手机app素材、ppt、绘本、图标，下载热门主流素材。以其独特的定位和全新的运营模式，处于材料网站的领先地位。
推荐理由:
钱途。com材质种类多，整体质量适中。一些图标，节日元素和海报可以作为h5，它们可以在短时间内打印出来。建议企业用户可以将资料商业化，避免不必要的版权风险。如果他们有原创能力，就要尽力ps自己。
趵突山。com_专注下载原创商业设计图片
简介:
趵突山。com是一个在线材料交易网站。其主要服务是以图片、视频、音频和psd源文件的形式提供素材。趵突之内容板块。com有九大类:广告设计、摄影、字体、ui设计、电商淘宝、多媒体、办公文档、装修、模特、插画。
推荐理由:
趵突山。com和钱途。com属于同一类网站，但都偏向于ui、插画等方向。总的来说，一些图标，节日元素和海报可以作为h5。建议企业用户可以。商业资料，以避免不必要的版权风险。
视频编辑/编辑视频编辑:adobeaftereffects(待下载)
简介:
adobeaftereffects"a《王小艺的朋友圈》h5互动视频作品。
视频剪辑:adobepremiere(待下载)
简介:
premiere的缩写，由adobe公司开发，是一款常用的视频编辑软件，由adobe公司推出。现在常用的版本有cs4、cs5、cs6、cc2014、cc2015、cc2017、cc2018、cc2019、cc2020。adobepremiere是一款编辑画质好，兼容性好的软件，可以和adobe推出的其他软件协同工作。
推荐理由:
非常强大的视频剪辑软件，也是adobe的产品，是现在媒体人必须学习的软件之一。可以编辑，评分，特色，通常和ae一起使用。
惠生惠赢中文版免费下载-惠生惠赢中文官网(待下载)
简介:
音视频录制是加拿大corel公司生产的一款功能强大的视频编辑软件。它真正的英文名是corelvideostudio。具有图像采集和编辑功能，mv、dv、v8、tv的采集和转换以及图像文件的实时记录和采集功能，提供100多种编辑功能和效果。它可以输出多种常见的视频格式，甚至可以直接制作dvd和vcd光盘。
推荐理由:
我不我通常不怎么用，但我在大学时用过一些。小白可以轻松制作看起来很酷的视频特效和剪辑。
原型设计墨刀——远程办公的好帮手在线产品原型设计与协作平台
简介:
墨刀是一个在线原型设计和协作工具。借助墨刀，产品经理、设计师、开发者、销售、运营、创业者可以搭建产品原型，展示项目效果。墨刀也是一个协作平台，无论是产品创意展示、客户的产品反馈收集、给投资人的demo演示，还是团队内部的协作交流和项目管理，项目成员都可以协作编辑和审核。。
推荐理由:
产品功能包括素材库、设计、高效演示审核、草图稿导入、云编辑、多人协作、app和活动页面在线制作。
h5制作工具一派epub360-专业的h5网页在线互动设计制作工具
简介:
易派epub360隶属于上海易派科技，是一家专业的h5交互设计平台。通过可视化组件编辑，可以实现复杂的h5交互动画、数据和逻辑。是华为、招商银行、上海手表等企业的共同选择。
专业交互功能:支持专业的动画控制、交互设置、社交应用、数据应用，保证企业业务需求的顺利实现。
易操作:采用由简到难的渐进式产品设计模式，效果模块化，降低了用户的上手难度，稳定的运行环境有助于企业持续输出创意。
提供企业服务:我们为企业/媒体单位提供h5工具培训、定制和私有化部署服务。定制的服务包括扫码签到、大屏互动、h5游戏等场景，我们是上海解放日报、招商银行、广西日报等单位的长期合作伙伴。
提供优质模板:提供丰富的模板库，500个优质企业h5模板，各类邀请函，招聘，节日海报，h5游戏。
推荐理由:
艺派epub360是一款专业的h5交互设计神器。它不需要下载软件来编辑和制作h5作品在线。它于2014年推出，是早期的专业h5设计工具。它可以让h5在电脑、ipad、终端上零代码工作。国内领先支持svg支持svg路径动画、svg变形动画、精细控制、手势触发、摇动、拖拽交互、碰撞检测、重力感应、关联控制...并且结合epub360提供的几十个触发控件，两天内快速上线了一个很酷的产品推广的h5作品，速度超快！它可以被视为一个h5互动设计神器，可以产生高质量的h5作品。
图片压缩图片压缩:tinypng
简介:
tinypngforphotoshop插件是一个png图像压缩插件。通过这个插件，可以高度压缩png图像，但对图像质量影响不大。只需要简单的两步就可以完成png图像的高压缩，而且不影响png图像的质量，从而解决了网页设计人员因为图像过大而影响网页加载速度的问题。
推荐理由:
tinypng是一个英文网站，但它打开很快，所以你不我不需要理解它。把图片拖到中间上传的图标上就行了。压缩率非常高，支持jpg和png的压缩。整体压缩率70，画质几乎没有损失。但是，每次压缩的大小限制为5兆字节，最多20张图片。如果是序列图，不太合适，但是一般使用完全够用。此外，国内压缩工人也可以用来定制压缩质量。用a"压缩地图"。
图片压缩:压缩图片
简介:
压缩图像是一个在线图像压缩工具，它支持gif压缩，png压缩，jpg压缩，在线图像水印，图像旋转，制作长图像拼接，图像颜色变化，图像文本添加，图像背景色去除，和身份证照片背景色变化...
推荐理由:
有损压缩，但是支持jpg、png、gif的压缩，支持压缩质量百分比和长宽比，有时候我会和tinypng混合使用，一些大图使用压缩图像。
音视频压缩手刹
简介:
手刹是一款小巧实用的视频转换软件，功能强大，界面简洁明了，操作方便快捷，人性化设计。手刹中文版支持win/mac/lin操作系统，批量转换视频格式，自带压缩功能。唐不要错过需要帮助的朋友！
推荐理由:
这个软件的界面是英文的，你需要了解几个基本的英语专业术语。现在在mac系统上经常用，你之前用的国产小窗口软件可以t被使用，但是它支持mac和窗口系统，并且有一个设定的压缩率。我一般设置在22左右，压缩质量和体积都比较全面，压缩速度也快。我用这个软件把一个1.2g的视频文件压缩到了22.6兆，对我和我的朋友来说可谓是一个震撼。确实是一款优秀的国外压缩软件！
格式转换:格式工厂
简介:
formatfactory是一款免费的多功能多媒体文件转换工具。格式工厂功能强大，可以帮助用户简单快捷地转换所需的视频文件格式。而且格式工厂软件操作简单，用户安装后即可使用，给用户带来快捷简单的体验。
推荐理由:
就我个人而言，我不。;这个软件用的不多，因为我有段时间大量使用windows系统，经常需要压缩音频、视频以及各种视频格式，相当方便。同时也是一款免费的国产压缩软件，界面为中文，操作起来相对简单。压缩质量中等偏上，但速度很快，非常适合对质量要求不是很专业的小白用户。
修改提议的协作文档graphite文档-远程办公系统/解决方案
简介:
石墨文档是新一代云办公软件，支持多人在线协同编辑文档和表单，具有独特的内容级安全性和全流程可追溯性。pc端和移动端全覆盖，随时随地都可以远程办公。
推荐理由:
graphite最大的特点就是协同工作，在我们的项目制作和修改意见中可以得到有效的沟通和记录。传统的，客户在项目交流群里以聊天的形式反馈建议，一会儿没看就可能有几十条，有时还会穿插59秒的语音建议。分分钟想哭吗？如果对方的领导太多，你可以idon'我无法想象如果你不这样做的话会有多痛苦。;体验不到！有了这个，我们赢了。;顾客们，不要忽视每一个修改建议。通过阅卷、实时反馈、逐条修改的，修改效率会大大提高！
素材存档百度网盘，让美丽永远陪伴。
简介:
百度网盘为您提供文件的网络备份、同步、共享服务。空间大，速度快，安全稳定，支持教育网络加速，支持手机。现在注册，就有机会享受15g的免费存储空间。
推荐理由:
这个就不用介绍了。在此之前，有几个网盘正式宣布停止运营。目前，百度网盘、腾讯魏云等大平台还在。在h5项目开始的时候，我们就养成了一个好习惯。每次我们完成项目，请创建一个新的文件夹来分类项目中所有的源文件，图片，音频和视频。老设计师都知道，随着接触的项目越来越多，文件就放在电脑上，慢慢的就把每个磁盘都塞满了。时间长了，电脑肯定会跑卡。这时候基本就靠移动硬盘和云盘了。移动硬盘本地存储安全私密，但价格偏高。如果坏了，很难修复。百度使用的空间网盘一般就够了。缺点是免费版的下载速度真的是龟速，其实不然。
那个分享这个问题。跟我来。
.jpg)
