2024年学习交互设计的网站 篇1
好好考一个设计类高校，学好基础知识后找个大公司去实习工作。这样才能学好
2024年学习交互设计的网站 篇2
交互设计（IXD：Interation Design）是综合性的技术，很有技术含量的，绝不是UI，也不是UE。合格的交互设计师应该是0.5个产品经理+0.5个UI（UXD）的结合，好的交互设计师去做产品都没问题。先了解交互设计的框架
要学习交互设计的专业知识，首先要全面了解交互设计方面的专业知识框架，这方面，强烈推荐知乎的交互设计的专题（https://www.zhihu.com/topic/19556231），非常全面，在选择培训课程时，建议先读一读，这样才能对课程有一个判断能力。
选择一个合适的在线培训课程
选择课程的要点，一定要选准，不是UI的课程，也不是产品经理的课程，当然也不是UXD的课程，一定要是交互设计的课程。
在选修交互设计的课程之前，你应该有UI设计的基础能力，如果这个都有欠缺，建议先学习UI的视觉设计，同时，建议有交互原型的设计基础，能用axure和sketch这样的工具做设计。
在线培训的课程，其实很多，我觉得网易云课堂的交互设计师的课程可以参考，至少可以参考这个项目的课程知识框架。
扩展视野
也就是多看看别人的优秀作品，带着评价的眼光看别人优秀作品对于提高自己的设计水平是很有帮助的。
比如，可以看看产品大牛（http://www.pmdaniu.com）上人家托管的作品。
多练习，多一些真实的项目实践
这个是非常关键的，实践才是进步的源泉。
祝你进步！
2024年学习交互设计的网站 篇3
首先你需要了解游戏交互设计的在工作中职责。在去从基础学习游戏交互设计的技能。
说说我的经历吧！
现在网络资讯和各方面信息都很发达，自己在新手时也通过各种各样的渠道了解过交互设计师的职责，但真正到跟进具体游戏时，还是不能很好的把握在什么时间段该做什么事，所以踩了不少坑。做这些总结就是让新手的人能少走些弯路，少踩些坑。那么游戏交互设计师在接到需求直到游戏上线的不同时间段内，都在做些什么呢？
一、需求分析
在项目开始接到需求后，需要跟策划、GUI反复的沟通，了解游戏类型、世界观、游戏风格等内容。提前对这些内容进行深入的了解，可以有针对性的进行竞品的分析，能更好的指导具体界面的设计。
二、竞品分析
确定了游戏类型、风格后，可以找一些同类型做的比较好的竞品游戏进行优缺点的分析，反推界面的设计目标，然后举一反三，探索更多的界面方案的解决方法。锻炼自己思考的能力，同时在方案探索的过程中，得到更多的可能性，也能让自己在做设计时更加得心应手。
三、设计关键词
很多时候，太多的选择会让设计目标迷失，要保持界面设计目标的准确性和一致性，需要挑选一些设计关键词来指导界面的设计。例如：简约、流畅、代入感、高效等。建议不要多于5个，物极必反。
四、确定交互框架
a.界面形态：全屏、类全屏、浮窗；
b.内容布局：可以用亲密性、对齐、重复、对比等原则进行信息的组织，区分视觉层次；
c.操作流：界面操作方式（单击、双击、滑动、拖动、跳转等）、界面操作流程
五、确定适配方式
界面形态确定后，要先确定界面的适配方式，因为这会影响GUI视觉效果，进而对不同设备最终呈现效果有很大的影响。适配做得好能保证在不同终端设备上呈现效果一致，并达到最佳的体验。
六、界面设计
a.核心界面设计：战斗界面、养成界面、背包界面、主界面
b.建立交互设计控件库：空间库能大大提高工作效率，并且能保证多人同时进行需求设计时界面的一致性。不过也要具体情况具体分析，不要被控件库限制了创意的发挥。
c.制定界面的设计规范：界面形态、按钮、文字，保证后续各游戏系统在量产的时候交互体验和界面风格的一致性。其实在整理控件库的过程，慢慢的就形成了界面的设计规范。
七、界面量产，需求计划排期
界面设计规范制定好以后，项目需求也进入堆量期，这个时候需要做好排期，具体细化到周，可以同时几个人依照规范进行界面需求的设计。保证项目进度的正常进行和人力分配均匀。
八、验证设计方案
设计完的界面方案，需要放到实际的设备（手机、pad）中进行验证。
a.视觉层：验证界面布局、视觉层次、控件大小间距、文字大小及可读性；
b.操控层：手持方式、操作方式、操作流程
九、通用界面动画、特效规范
关于界面动画的一些规范必须在前期考虑好，不然后续推进会很困难。特效也一样，界面上需要有特效的地方前期都必须进行排期。为什么说一定要提前呢？理由如下：
a.前期如果没确定好，会对界面拼接的方式造成影响，等到要做动画的时候又要重新拼接界面，会多出很多重复工作。
b.在功能开发期，如果定好了规范，程序很方便的就可以完成动画的设计。如果等功能实现完了，你就算天天盯着程序让他加上动画，也会被其他各种需求优先。
十、界面拼接规范制定
a.游戏开发路径资源文件命名规范
b.界面资源输出命名规范
c.界面拼接规范
十一、跟进游戏、迭代
界面拼接——程序实现——跟进实现效果——迭代，就这样不断的循环直到上线，期间还要积极跟进各种QA测试、UE测试、用户测试反馈。
游戏交互设计师的职责大概就先归纳成这样，随着了解的深入可能会做更改或补充。后续会对各个环节中具体做的内容进行详细解释，欢迎有不同见解的朋友进行沟通讨论。希望可以帮助到你。更希望你可以关注我【懂设计】，将会为你提供最前沿的设计基础知识。
2024年学习交互设计的网站 篇4
不管是交互设计还是UI设计，都是实践性非常强的工作，除了通过书本掌握必须的理论知识以及掌握必要的软件技能外，实际的训练非常重要。很多新人最长出现的问题是不知道如何有效的训练，走了很多弯路，能力仍然得不到提升。
刚入行或者是想入行的设计师们，推出了「设计师入门与提高」的大专题，一共有4场Live，最后一场Live是跟设计圈知名的罗子雄老师一起联合举办的，对题主而言应该能够帮助作为学生的你，快速建立互联网里设计这个职位需要的技能、通常的工作内容、需要的职业技能和沟通技巧等……3款免费的交互设计工具（强烈推荐）
关于原型交互工具，每个产品经理都有不同的使用习惯，有人喜欢Axure、Photoshop，也有人喜欢手绘，还有的直接用Word就能做交互。工具仅仅是实现目标和想法的一个手段，因此选用何种工具全然基于个人的习惯及方便。1. 摹客iDoc
摹客iDoc是更快更简单的产品协作设计平台，支持智能标注、一键切图，设计师再不用手工标注；更有多样批注、交互原型、全貌画板、团队管理，帮助产品团队高效协作。现在起，产品、设计，到开发，一份文档就足够，永远告别沟通难、协同难、效率低的问题！
还有更多精妙功能，帮助你的团队高效协作，等你来探索！快戳下面的链接体验吧！摹客iDoc，2. Pop
POP是由台湾Woomoo团队所开发，它实现了纸本流程动起来的可能，只要用手机拍下你的手绘草稿，在POP里设计好链接区域，马上就能变成可互动的Prototype，让你的点子不再是纸上谈兵，讨论起来更加实际与方便。3. Fluid UI
Fluid UI是一款可以跨平台、跨设备开发应用程序设计模型的网页应用程序。
Fluid UI具有丰富的资源库，不管是iOS、Android还是Windows 8都能找到最合适的资源来使用。支持添加手势，让设计原型更真实。Fluid UI有动画效果，高保真模拟用户体验和操作。总结
交互设计师的目的就是要让普通人，小白都明白产品的价值，且容易操作。交互设计师跟产品经理一样，是一个极其需要同理心的职业，要从用户角度去考虑问题。希望产品新人通过这篇文章能够学习到更多交互设计知识，轻松的找到一份交互设计师的工作。
2024年学习交互设计的网站 篇5
交互设计专业越来越吃香了，很多小伙伴都想要去英国学习交互专业，那么大家真的了解这个专业吗？接下来就为大家详细介绍一下！
英国交互设计专业
随着网络和新技术的发展，人们越来越重视交互的体验，许多公司、网站、APP都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面的影响，交互设计师也越来越受到重视。
交互设计已经3年蝉联艺术设计类最高薪酬专业。大家似乎都对这个前沿的专业抱有很大兴趣与期望。 但目前我国艺术设计教育处于一个尴尬的境地，时至今日我国的大学教育体系中仍没有专门设立交互设计这门课程。本土交互设计人才主要来源于以下三个专业的转型：工业产品设计、新媒介设计（又名为数字媒体设计）和视觉传达设计。但这三个设计类专业基本与交互设计都仅有部分关联。
国内交互专业普遍存在的问题是，学校教的知识过于浅显泛泛，教学内容与行业需求脱节。如果选择读研的话，计算机专业的学生反倒更有优势，这也在一定程度上证明国内交互设计专业对“设计”这一核心重视程度不够。
与国内不同的是，英国的交互设计专业已经有半个世纪的历史，教学模式是：用心理学发现问题，用数学证明问题，用计算机解决问题。更关注计算机与人类的交流沟通。除了从用户角度思考为题，还努力实现人机对话，通过实验研究给出确切的建议。
去英国学交互设计你能收获什么？
思维观念转变
思维观念的转变是留学带给他最大收获。对于好的设计作品，不再单纯模仿照搬，因为每一个设计趋势背后都有连贯性，如果在没有问为什么的情况下就去追赶潮流，没有意义也很容易失去个性。大公司提出的设计理念都是针对自身品牌形象的考虑，千万不要当做设计宝典。
工作中有理有据
在工作中严格按照流程、有方法有依据地做设计，的确能省下不少力气。同时，不太担心自己沦为上级的画图员。
语言优势
就是语言方面的优势，互联网上大部分信息都是英文，只要解锁了这门语言，网络上大部分的信息就能够轻松Get到了。
英国交互设计专业院校举例分析
英国很多院校都开设了交互设计专业，以研究生为例，根据专业设置不同，授予学位包括MEng（工程类硕士）、MA（文学硕士）、MSc（理学硕士）等。
下面我们来看一下英国金斯顿大学的交互设计这个学科，都在关注什么。
金斯顿大学
金士顿大学是一个综合性大学，有四个学区，金士顿艺术学院（Kingston School of Art）是金士顿大学的其中一个学院，地处Knights Park这个学区，拥有艺术画廊、数位技术工作室，并且在2018年英国卫报最新出炉的大学排名中，金斯顿大学的设计与工艺类专业全英排名第8。
语言要求：IELTS：6.5 （单项不低于5.5）
作品集要求
需提交20张作品和300字的个人陈述。作品集可以包含你的学生时代的作品和专业作品（包括sketchbook），大小在50MB以内。学校期望看到你作品的创意性和过程性。
作品可以是单个图像，由多个图像（例如出版物），演示文稿，运动图像或声音片段组成的设计。每个项目图像提供最多100个字的描述，并为每个图库图像提供最多50个字的标题。
活动图像或声音作品最长不得超过五分钟。
您可以包含网站链接，例如您的个人网站，但请不要将其用作主要提交。如果包括专业为客户设计的工作，则必须说明您在设计和实施过程中的角色。
学费 £15,000
官网http://www.kingston.ac.uk/
如何7步打造交互设计作品集？
Step 1：定主题 确定项目主题初步确定交互设计的大致方向
Step 2 : Research 调研了解用户（同学或朋友）的需求、行为习惯与目的，国外院校格外重视Research，所以也请同学们格外重视。 即： 你了解你的设计受众吗？ 你知道自己的设计是为了谁吗？ 你清楚设计将要解决什么问题吗？
Step 3：头脑风暴 根据调研结果，头脑风暴找出idea
Step 4：生成概念设计 通过文字描述、草图、故事版、产品原型等方式，生成初步的概念设计
Step 5：概念设计评估 再次邀请接受过调研的用户，进行体验并评估
Step 6：确定最终设计方案 改进概念设计，确定最终设计方案
Step 7：最终效果图 根据最终方案，出效果图
2024年学习交互设计的网站 篇6
关于UI设计好学吗这个问题，我会在最后进行回答，因为要知道他好不好学，以后就业如何？首先要了解UI设计到底是什么，适不适合你。
UI设计师是什么？
设计在每个企业中扮演着重要的角色，但是面对越来越多的专业术语和相近的岗位职责，人们总是困惑：
明明是差不多的岗位，为啥要整那么多词？UI、UID、UE/UX、UED等等......
1.UI：User Interface 用户界面
指人和机器互动过程中的界面，以车为例，方向盘、仪表盘等都属于用户界面。
2.UID：User Interface Design 用户界面设计
主要是用户使用界面的视觉设计，负责产品或网站的图形、图标、色彩搭配等，致力于打造产品的美感、风格、气质等。
3.UE/UX ：User Experience 用户体验
指用户在使用产品过程中的个人主观感受。
4.UED：User Experience Design 用户体验设计
以交互为主，设计为辅。它关注用户使用前、使用中、使用后的整体感受，包括行为、情感、成就等各个方面。
毫不夸张地说，身边一些做设计的朋友都不知道自己是属于哪种设计师......
感觉自己啥都做了，但是薪资就是上不去！同样是做设计，为什么隔壁公司的设计就轻轻松松月入过万？
因为他们是全栈UI设计师！
（也叫做全链路UI设计师）
全栈UI设计师是设计界的“船新版本”！
关于全栈UI设计师，大家存在一些迷思。可能看到“全栈”两个字就认为是非常厉害的人，他们懂很多软件，可以一个人包揽整个项目前中后期的工作。但事实是这样的吗？
对的没错，就是这个亚子！
在过去的日子里，设计师和开发者之间的工作界限很明晰，很少有人跨界工作。
现在呢？那种不关注软件开发，不关注用户体验的设计师已经很少见了。我们的技能有了更多的分支，同时我们也变得多才多艺。
因为全栈UI设计师所掌握的软件多样，能判断手头上的工作用哪个软件做出来效率比较快，可能PS要做一个小时，用C4D二十分钟就能完成......
所以说，全栈UI设计师就等于一个小小全能王~
“全栈设计”概念是怎么来的？
全栈设计师这个概念最早由阿里提出，随着“互联网+”和5G时代的到来，互联网服务正在朝着多元化和复杂化的方向发展，对设计师的要求也越来越高。
阿里面向市场招收全链路设计师，引发了业内很多讨论，甚至有人预言说UI设计师的岗位会被逐步替代。
为什么全栈设计是未来的趋势？
随着阿里等互联网巨头公司的逐渐示好，全栈设计师已经成为UI设计师的发展的终极目标。
从产品挖掘到视觉设计再到开发，全栈设计师能够站在商业模式的角度，把线上线下的流程打通的基础上又有良好的用户体验设计。
让我们打开职友集，看看各地UI设计师的薪资和招聘要求
看到这里你应该明白了为什么同样是设计师！大家的工资待遇不一样了吧......而且这是一个巨大的职位漏洞，随着时间推移，你会发现很多“全栈设计师”陆续上线。
从企业立场来说：在团队管理中有一个重要的常识，项目越大，人数越多，沟通成本越高，效率越低。不同的人说不同的话，前端和后端，设计师和程序员，撕逼的状况并不鲜见。
相比于资深专家，一个熟悉各方面技术的设计师能让局面更容易掌控，降低其中的沟通障碍。
全链路运营也是市场的趋势，可以把一整个项目做到极致的人，才能让公司在行业竞争中立于不败之地。
从个人立场来说： 在绝大多数的情况下，掌控流程、熟悉多种技能的设计师，老板总会开更高的工资。
如果性格上没有天然缺陷的话，在团队协作中会非常的得心应手。
优化自己的专业技能，扩大技能领域，最终受益者还是自己。成为全链路设计师，可以占领时代的制高点，未来发展机遇不言而喻。
做全栈，需要掌握哪些技能？
“我是在校生，不是艺术专业的但是很喜欢UI，我应该怎么学习才能找到相关的工作？”
“由于大学里面没有学好，导致现在出来工作只能做美工抠图，想重新学过还来得及吗？”
“听说做设计师很挣钱，也很有前途，打算往这个方向发展，怎么学习？”
作为一个过来人，我很明白大家的迷茫，在此送上一份学习路线图，希望对大家有所帮助，可以自行对照现在学到哪个阶段了。
另附一张设计师的薪资与学习目标~
每一个设计师都不喜欢被叫做『美工』，因为美工只是设计总监和产品经理的“一只手”而已。
如果你不想向满地的修改意见低头，希望在设计上有所长进，最重要的是要有持续学习的能力和一颗永远保持好奇的心。
相信你看到这里应该对UI设计有一个初步的了解了，UI设计是门相对综合的学科，所以需要的能力也是综合能力，创意与审美都可以在后期进行培养。
所以无论你是不是科班出身，这些需要掌握的技能通过坚持不懈的学习，都是能被攻克的，算不上是什么难题。
最后，能不能自学？
能！
但是自学者学习的过程中必然会出现各种各样的问题，如果没有人指导，问题越积越多，尽管网络上有着各种各样的教程，但是如果这个课程没有进行系统地教学，今天讲PS，明天讲AI，这样不仅浪费了时间和精力，对自身的信心也是一种极大的打击。
在培训机构都有专业的老师带课，可以少走很多弯路，在培训班，有老师监督你、有浓厚的学习氛围、有成体系的课程规划，学习效率自然会更高。
2024年学习交互设计的网站 篇7
做设计这一行，可以说是一门艺术，每一个作品都是要通过设计师殚心竭力的创作才能完成。灵感和天赋这种东西我们难以控制，但给大家找一些UI设计的素材，供大家学习参考还是可以的~国内的1.UI中国(www.ui.cn)
听名字大家应该就能知道，这是一个大型的，专业的UI平台，可以说网站的用户绝大部分都是专业的UI设计师。网站上有很多行业大佬，他们分享的最新最潮的作品在上面，其实整个网站更像是一个大型的UI设计师们的交流论坛。无论是对于新入门的小白还是初有成就的职业UI，这个网站都是值得收藏和参考的。
2.站酷(www.zcool.com.cn)
虽然小编自己是比较少用这个网站的，但是江湖上关于它的传说还是听说了不少。听说站酷是一个很酷的网站——嗯，页面设计的确比较酷，很多暴走漫画的类似粗犷风格。而且上面有很多比较“特别”的大神，并且该网站总是会举办一些比赛，大家都可以积极参与，多多和其他设计师交流，对自身的成长是有很大帮助的。3.花瓣网(huaban.com)
花瓣网是偏向女性古风，唯美风格的，比较大众化，使用的人也有很大部分不是设计师，但是图片素材还是特别好的，有关键字搜索，非常方便，大家没事也可以逛逛找找灵感。4.Awwward(www.awwwards.com)
一个外文的网站，全英文，所以浏览者需要会英文。但是UI设计是一种国际性行业，很多时候行业的流行趋势也从外国流行起来的。这个网站最好的地方在于你可以从中看到很多最新的行业资讯，标准等等，对工作是有力的帮助。5.behance(www.behance.net)
一个致力于展示和发现创意作品的网站，页面和awwward很相似，首页是小板块的设计展示，会有显示点赞次数和查看次数，可以实时关注热度比较高的素材，对UI的时尚脉搏能很好地把握。但是有一个小的弊端就是图片加载比较慢，浏览起来体验不太好。6.设计导航(hao.shejidaren.com)
压轴给大家推一个大招,一个神秘的综合性的素材网站，其中包括了前面我推荐的所有网站的入口。妈妈再也不用担心开那么多网站找灵感会导致电脑卡啦，打开一个即可!
这个网站就是——“设计导航”。名字是太平庸了，可以说作为一个用户大多数为设计师的网站，这个页面设计也真的不敢恭维。但是真的满满当当全是网站入口和素材，仿佛看到一个宝库!上图大家自行感受一下!
7、盒子UI（www.boxui.com）
分享以用户体验为中心的设计
评：好像不开放用户发布文章，但上面作品真心不错，主推栏目是UI设计、交互设计及用户研究。8、优艾网（www.chinaui.com）
一家服务于全球UI设计行业专业人员和相关企业的网络媒体和专业UI设计服务提供商
评：早期影响力较大的老牌UI设计网站之一，但后来明显定位有误，人气也没那么旺了。9、UIRSS（www.uirss.com）
国内最具影响力的UI设计门户网站和垂直型社区
评：2012年改版后也红火过一段时间，但不知为何2013年感觉又停滞不前，有段时间首页推荐内容居然几个月没更新。国外1、dribbble（www.dribbble.com）
一个面向创作家、艺术工作者、设计师等创意类作品人群提供作品在线服务的网站。
评：大家都喜欢叫追波，发布作品必须有邀请码，入门门槛相对较高，这也保证了作品的质量。2、pinterest（www.pinterest.com）
分享、收集素材的综合性网站
评：瀑布流鼻祖，花瓣网应该也是模仿该网站而来（个人猜测而已）3、deviantART（www.deviantart.com）
是一个为艺术家展示各自作品、并交流讨论而设计的社交网络服务网站。
评：简称DA，作品涵盖面较广，质量也不错。4、Behance（www.behance.com）
著名设计社区，创意设计人士可以展示自己的作品，发现别人分享的创意作品
评：内容跟上面几个差不多，但内容分类索引较好。5、PSDbox（www.psdbox.com）
原创Ps教程，并归纳出比较适合初学者的部分
评：设计师入门必备啊。
如果你还没入门，最快的入门办法就是报个靠谱的培训班了，但千万别指望报完学习出来就是大师了，这不是一朝一夕的事，要摆正自己的心态，另外你在找培训班的时候也要谨慎些，多考察一下。千锋UI设计培训机构还不错的。全程面授模式教学，真实项目实战。全国十几个校区，口碑也不错。可以先去实地免费试听两周，亲身体验过再决定。
2024年学习交互设计的网站 篇8
本期分享从文案策划到交互设计共包含19个工具/网站，全方位学习新媒体运营的知识，文本偏向于营销H5策划与设计制作。
关于H5制作流程
笔者接触的H5制作辅助制作工作基本构成分为文案策划、设计交流学习、制图、视频编辑与剪辑、原型、H5动效/动画制作、图片/音视频压缩、素材存档，所以中间所使用的的工具也是这些。
注：分享的有一些软件需下载，有标注，无标注基本上是在线网站。文案策划
数英网-数字媒体及职业招聘网站
介绍：
数英网是一个数字营销媒体平台，内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域，并且进行热门项目推荐，平台还包含了人才招聘和社区版块，用户可通过平台查找合适招聘信息，也可在社区发布动态或关注他人。
推荐理由：
数英网是一个比较不错的综合平台，无论是热门的话题、品牌活动、刷屏的文案都可以找到对应的板块，还有单独的大厂的优秀的H5项目分享，是营销媒体人必上网站之一。
TOPYS | 全球顶尖创意分享平台 OPEN YOUR MIND
介绍：
作为中国成立最早、最受欢迎的创意垂直网站,TOPYS立志打造一个多元、完备的泛创意知识产品系统和学习平台,试图成为“A Creative Institution”,希望借由创意的学习……
推荐理由：
作为全球顶尖创意分享平台，每个创意、视觉、文案都很让人惊艳，十分推荐。视觉交流学习
站酷(ZCOOL) - 设计师互动平台
介绍：
站酷(ZCOOL),中国设计师互动平台。深耕设计领域十二年,站酷聚集了650万设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。
推荐理由：
站酷在设计师圈子有着超高人气，汇聚了大批优秀设计师、摄影师、插画师、艺术家、创意人，每天都有大量的首页加精的优秀作品分享，是一个不错的集灵感、设计技巧和项目经验学习和交流为一体的设计师平台。
UI中国用户体验设计平台
介绍：
UI 中国,前身为 iconfans,是专业的用户体验设计平 台。会员均为职业 UI 设计师,覆盖全国互联网公司。我们将打造中国最专 业的 UI 设计交流平台,为 UI 设计师……
推荐理由：
UI 中国与站酷面向人群基本重合，不过正如品牌名称，特色是突出UI方面领域，倾向官网、APP、H5、小程序UI的用户体验设计，注重情感表达在人机交互中的表现，平台定期会举办设计教程分享和大赛。制图/排版
制图&修图：Adobe Photoshop（需下载）
介绍：
Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。
推荐理由：
这个不需要多介绍了吧，一款作图的软件，设计师吃饭的家伙，我们平常说P图大多是说这个。
矢量图&排版：Adobe Illustrator（需下载）
介绍：
Adobe illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。
推荐理由：
这个也不需要多介绍了吧，一款排版、制作矢量图的软件，做的视觉无论放大多少倍都不会失真，一般配合PS综合使用。素材网站
千图网-免费设计图片素材网站
介绍：
千图网是中国素材最多的网站之一，拥有800多万张素材。 提供：矢量图 、psd源文件、图片素材、网页素材、3D模型 素材、手机 APP 素材、 ppt 、画册 、图标热门主流素材下载服务，千图网以其独特的定位和全新运营模式，处于素材 网站 领先地位。
推荐理由：
千图网各类素材较多，质量整体中等，部分图标、节日元素、海报可以作为H5使用，快速短期出平面，建议企业用户，可以商用素材，避免不必要的版权风险，若自己有原创能力尽量自己PS。
包图网_专注原创商用设计图片下载
介绍：
包图网是素材在线交易网站，主要服务是提供图片、视频、音频、psd 源文件 等形式的素材。包图网内容版块已有广告设计、摄影图、字体、UI设计、电商淘宝、多媒体、办公文档、装饰·模型、插画配图九大类别。
推荐理由：
包图网与千图网属于同类网站，但偏向于UI、插画等方向，质量整体中上，部分图标、节日元素、海报可以作为H5使用，建议企业用户，可以商用素材，避免不必要的版权风险。视频编辑/剪辑
视频编辑：Adobe After Effects（需下载）
介绍：
Adobe After Effects简称“AE”是 Adobe 公司推出的一款图形视频处理 软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。
推荐理由：
同样是 Adobe 旗下的为设计打造的视频处理处理编辑软件，利用三维插件和关键帧动画可以制作出网页原生动画实现不了的动画效果，可导出视频、序列、GIF增加H5的视觉表现和互动效果，制作H5互动视频是个不错的玩法。
如H5互动视频作品：《王小艺的朋友圈》
视频剪辑：Adobe Premiere（需下载）
介绍：
Premiere的简称，由 Adobe 公司开发是一款常用的视频编辑 软件，由 Adobe 公司推出。现在常用的版本有CS4、CS5、CS6、CC 2014、CC 2015、CC 2017、CC 2018 CC2019以及2020版本。Adobe Premiere是一款编辑画面质量比较好的软件 ，有较好的兼容性 ，且可以与Adobe公司推出的其他软件相互协作。
推荐理由：
十分强大的视频剪辑软件，也是Adobe旗下的产品，是如今自媒体人必学的软件之一，可以剪辑、配乐、专场，一般会配合AE一起使用。
会声会影中文版免费下载-会声会影中文官网（需下载）
介绍：
会声会影是 加拿大 Corel公司制作的一款功能强大的视频编辑 软件，正版英文名：Corel VideoStudio，具有图像抓取和编修功能，可以抓取，转换 MV、DV 、V8、TV和实时记录抓取画面文件，并提供有超过100 多种的编制功能与效果，可导出多种常见的视频格式，甚至可以直接制作成DVD和VCD光盘。
推荐理由：
平常使用的不多，还是在大学时期使用了一些，小白可以很方便制作看起来有些炫酷的视频特效与剪辑。原型设计
墨刀- 远程办公好帮手 在线产品原型设计与协作平台
介绍：
墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。
推荐理由：
产品特色包括素材库、设计、高效演示及评审、导入Sketch稿、云端编辑、多人协作，可以在线制作APP及活动页面。H5制作工具
意派∙Epub360-专业H5页面在线交互设计制作工具
介绍：
意派Epub360隶属于上海意派科技，是专业级的H5交互设计平台，采用可视化组件编辑，可实现复杂的H5交互动画、数据及逻辑，是华为、招商银行、上海观察等企业的共同选择。
专业交互功能：支持专业级动画控制、交互设定、社交应用与数据应用，保障企业的商业需求顺利实现。
操作简易：采用由简到难递进式产品设计模式，效果组件化，减少用户上手难度，稳定的操作环境助力企业持续创意输出。
提供企业服务：我们为企业/媒体单位提供H5工具培训、定制及私有化部署服务，定制服务包含扫码签到、大屏互动、H5游戏等多种场景，是上海解放日报、招商银行、广西日报等多家单位长期合作伙伴。
提供优质模板：提供丰富的模板库，500+优质的企业H5模板，各种邀请函、招聘、节日海报、H5小游戏应有尽有。
推荐理由：
意派Epub360是一款专业的H5交互设计神器，无需下载软件，在线编辑制作H5作品，2014年上线，算是比较早的专业H5设计工具，可以零代码制作电脑、ipad和微信端H5作品，国内领先支持SVG支持SVG路径动画、SVG变形动画、精细控制、手势触发、摇一摇、拖拽交互、碰撞检测、重力感应、关联控制...并结合Epub360提供的数十种触发器控制，曾经两天时间快速上线一个炫酷产品宣传的H5作品，超神速！算是一款可以制作出高质量H5作品的H5交互设计神器。图片压缩
图片压缩：Tinypng
介绍：
TinyPNG For Photoshop 插件是一款 PNG 图片压缩插件，通过这款插件你可以将 PNG 图片进行高压缩但对图片质量的影响微乎其微。只需要简单的两步就可以完成对 PNG 图片的高压缩而且还不会影响 PNG 图片的质量，这样就可以解决网页设计师因图片太大而影响网站加载网页速度的难题。
推荐理由：
TinyPNG虽然是英文网站，但打开很快，不需要看懂，拖动图片到中间上传的图标上就可以， 压缩率很高，支持压缩JPG、PNG，整体压缩幅度是 70%，而且几乎不损失画质。 但每次压缩限制大小5兆和 最多20 张图片，如果是序列图则不太适合，不过一般使用是完全够用的，另外自定义压缩质量还可以使用国内压缩工具“压缩图”。
图片压缩：压缩图
介绍：
压缩图是在线图片压缩工具,支持GIF压缩、PNG压缩、JPG压缩,还可以在线图片加水印、图片旋转、制作长图拼接、图片改颜色、图片添加文字、图片去底色、证件照换底色……
推荐理由：
有损压缩，但支持压缩JPG、PNG和GIF，支持压缩质量百分比、宽高比，有时我会跟tinypng混着用，部分大图压缩使用压缩图。音视频压缩
Handbrake
介绍：
HandBrake是一款小巧到极致的实用视频转换软件，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。HandBrake中文版支持Win/Mac/Lin操作系统，批量转换视频格式，并自带压缩功能。需要的朋友千万不要错过哦!
推荐理由：
这款软件是界面是英文的，需要看懂几个基础的英文专业用词，现在经常在Mac系统上，之前用的window国产小软件不能用了，但是它同时支持Mac与window系统，有设置压缩速率，我一般设置成22左右，压缩质量和体积综合较强，压缩速度快，曾经我用这款软件把1.2G的视频文件压缩到22.6兆，可谓是惊呆了我和我的小伙伴们！确实是一款国外的优秀压缩软件！
格式转化：格式工厂
介绍：
格式工厂是一款免费多功能的多媒体文件转换工具。格式工厂功能强大，可以帮助用户简单快速的转换需要的视频文件格式。不仅如此，格式工厂软件操作简便，用户安装后就可以上手进行使用，为用户带来快速简便的使用体验。
推荐理由：
这款软件我个人用的不是很多，因为有一阵子使用Windows系统比较多，经常需要压缩音频、视频和各个视频格式的转化，挺方便，同时这也是一个免费的国产压缩软件，界面是中文的比较好操作。压缩质量中上，但速度很快，很适合对质量要求不是很专业的小白用户。修改建议协同文档
石墨文档-远程办公系统/解决方案
介绍：
石墨文档是全新一代云 Office 办公软件,支持多人在线协作编辑文档和表格,独有内容级安全,全过程留痕可追溯。PC 端和移动端全覆盖,随时随地远程办公。
推荐理由：
石墨最大的特点是协同办公，这点可以在我们项目制作修改意见有效的沟通并记录，传统方式，客户在项目交流群里，以聊天的形式反馈建议，一会儿没看可能就几十条，有时还穿插着59秒的语音建议，分分钟想哭好嘛？要是对方领导太多，一个人一张嘴，不经历你根本想象不到有多惨！有了这个，不会忽视每一条修改建议，客户通过标注的方式，实时反馈与按条修改，修改效率会大大提升！素材存档
百度网盘,让美好永远陪伴
介绍：
百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固,支持教育网加速,支持手机端。现在注册即有机会享受15G的免费存储空间。
推荐理由：
这个也不需要多介绍了，之前有几家网盘接连官宣停止运营，目前也就百度网盘、腾讯微云等大平台还在。我们在做H5项目一开始就养成一个好的习惯，每次做完项目，项目中所有的源文件、图片、音频、视频请新建文件夹归类。老设计师都知道，随着接触的项目越多，文件都放在电脑上，每个盘都塞得慢慢的，时间一长电脑运行肯定卡，这时候基本上要依靠移动硬盘和云盘，移动硬盘本地储存安全私密性高，但是某宝某东上搜一下，价格偏高，如果坏了难以修复，百度网盘基础使用的空间一般是够用了，缺点是免费版的下载速度真是龟速，不过也没花钱不是嘛哈哈。
本期分享就到这里了，关注我