纯干货：华为交互设计师分享3大面试重点_百度文库
赠送免券下载特权
10W篇文档免费专享
部分付费文档8折起
每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
纯干货：华为交互设计师分享3大面试重点
国内知名远程培训机构。|
总评分0.0|
&&小编：每逢招聘季,总会想起刚毕业的时候,穿着西装皮鞋,拿着挎包简历,参加人才市场招聘会,受益良多,经过一番努力后,现已在华为就业。回归正题,个人认为,面试交互设计岗位的同学应该注意以下三点：
阅读已结束，下载本文需要
想免费下载本文？
定制HR最喜欢的简历
你可能喜欢为什么会有人用 Keynote 做动画和交互？这能为交互设计提供哪些帮助？ - 知乎<strong class="NumberBoard-itemValue" title="被浏览<strong class="NumberBoard-itemValue" title="4,512分享邀请回答在官方的培训资源下载页面Sample Code - Resources中找到了视频中的keynote源文件，演示的文件叫Toast Modern Prototype。答案是：Apple他们也是做了一份横屏版的效果在iPhone上演示！大概这种方法太上不了台面，他们在视频里也就没涉及。
2. 关于怎么出现特殊图标：编辑-特殊字符 1.3K57 条评论分享收藏感谢收起注册 | 登录
梦想在心中，路在脚下^_^
从零开始学运营，10年经验运营总监亲授，2天线下集训+1年在线学习，做个有竞争力的运营人。
笑天涯说：任何一个互联网产品的诞生，都离不开交互设计师。当你在使用产品的时候，你无时无刻不在享用交互设计师的工作成果。那作为交互设计师，他们是怎么开展工作的？他们在产品诞生的过程中需要做哪些工作呢？
问题：交互设计师在整个产品中需要做的东西有哪些？
大家好，作为一个交互设计师，除去前期的洞察战略及产品需求；确定产品功能；到后面的结构框架元素安排等过程中，交互设计师要出的“专业的交互设计稿” “交互设计文档说明”到底是什么样的？求解答，谢谢大家！
知乎用户的回答：
交互文档通常包含以下几部分：
一、设计综述
二、交互原型
三、可点击原型/动画demo
一、设计综述：根据项目的大小、优先级、时间周期的不同，可以有选择性的包含以下几部分
<span style="color: #.需求背景：需求来源、相关的用户数据、要解决的核心问题
<span style="color: #.设计思路：整体解决思路、用户分析、核心场景、设计创新点
<span style="color: #）整体解决思路：用脑图的形式表达你的整体思路，也是支持你整个设计的骨架，我曾经梳理的一份思路图给你参考：
不是文档中必须包含的，但是在向团队其他成员和leader汇报的时候，这张图能够让别人在短时间内明确你的计划和进度，进而展开讨论。
<span style="color: #）用户分析：可以包含简单的用户画像分析，如果有用研的支持能输出较为准确的用户描述最好了。下图是我曾经做过的两份分析，比较简单，能够说明问题足矣：
国外经典的persona模板如下图：
<span style="color: #）核心场景：给出核心的用户场景列表，，按照优先级排序，之后的交互原型也需要围绕所列的核心场景去展开。
<span style="color: #）设计创新点：交互设计师并不是把原型画出来，给出一个稳妥的设计就好了，这样的话产品经理也能替代了，关键在于要输出创新的解决方案，无论大小项目，争取做出创新，努力去推动，一次推不成，再推一次，这块是体现设计师水平的核心部分。
<span style="color: #）信息架构&流程图，没找到手边的例子，外网找了几个供你参考：
二、交互原型：交互文档中的重头戏，示例如下：
<span style="color: #.交互稿尽量用黑白灰，减少对视觉工作的影响，如果有需要强调的按钮，可以选取一种彩色来带代表以突出强调。
<span style="color: #.交互稿尽量按照场景来分，一个场景一套子流程。不要全部都花在一张大图上，不易理解。
附几张国外的交互稿供你参考：
3.交互稿通常需要包含：频率最高状态、极限状态、缺省状态、出错状态。尽可能的将各种状态、逻辑、反馈都考虑全面。把规则都梳理清晰。
三、可点击原型/动态demo
这块通常用来做演示和方案的比较，让其他人能够在真实场景下去“感受”方案，而不是想象方案。推荐几个工具：pop，flinto，都是适合移动端的快速生成原型非常方便的工具。keynote做一些交互动画也是很快速的，AE的制作成本高一些，比较适合一些细腻的动画，通常视觉用的比较多。
关于文档输出的格式：
我的工作习惯是：在交互输出阶段，将上述内容的各个部分都整理到邮件中，发给项目相关人，同时邮件会附上一份附件PDF，这份PDF是A4大小的一份文档，包含了以上所有内容。
采用这个格式输出的好处是：他人通常没有时间去下载文档仔细阅读，放在邮件里陈述更有可能被阅读。而附件的PDF文档是便于你在任何情况下都能用PAD打开，一页页翻看，与他人讨论。
本文由人人都是产品经理 整理自，转载请注明出处并保留本文链接。
赞赏是对原创者的最大认可
收藏已收藏 | 25赞已赞 | 26
梦想在心中，路在脚下^_^
产品经理群
运营交流群
数据分析群
文案交流群
Axure交流群
关注微信公众号
大家都在问
21个回答37人关注
13个回答12人关注
23个回答23人关注
13个回答13人关注
48个回答72人关注
14个回答22人关注交互设计师做好动画后，提交给开发的文档有哪些？ - 知乎54被浏览<strong class="NumberBoard-itemValue" title="分享邀请回答w3cplus.com/sites/default/files/blogs//dragon2.gif）通过JS来处理Gif动画，在Canvas中转画Gif动画，相对而言较主轻松，在网上这方面的技术也非常的成熟，方案也较多。对于设计师需要提供到工程师的主要是：Gif动画原图（或者是视频），对应的原始素材设计稿，比如PSD文件，或者Sketch文件，AI文件等。对于还原度，那就要看工程师的功底了。当然也还有一些硬件的要求，如果你的Gif动画帧数非常的多，那还原出来的动画，所耗的性能也非常的大，这是工程师需要处理的。说回还原度，这就要设计师和工程师一起去平衡。接着说一下视频动画。在很多动效中是没有任何交互的，比如说你的动画是用于某种氛围当中，而业务方又希望动画的效果比较好，对动画要求较高，这个时候完全可以制作一个视频。让这个视频允当于一个动效。最终将这个动效提供给工程师，让其当作一个视频嵌入到Web应用当中。这个时候设计师和工程师的合作模式就相对简单，前者处理视频效果，后者处理视频在 Web应用当中的一些事项。当然，你也可以通过CSS和JS来还原视频中的效果，让他成为Web动效。这里暂且不说还原度之类的事情。这个时候两者合作的模式，其实和Gif转动画的模式一样。最后说一下，AE这样的软件制作出来的动画，设计师怎么交互给工程师。目前AE制作出来的动画相对而言转成Web应用的动画，还原度是最高，工程师的再次开发成本是最底的。因为AE可以直接通过bodymovin这样的插件转换成一个类似data.json文件，那么工程师只需要借助一些渲染引擎，比如Lottie这样的引擎。除了Lottie之外，我们团队也有一款类似的引擎AFT。通过这样的引擎，读取data.json文件。可以直接将AE动画转换成Web应用动画。通过这种方式来完成动画的开发，这个时候工程师和设计师还是有一些规范约束的。我们经过一段时间的合作，目前AE导出给bodymovin不能用的功能有：图层混合模式：滤色、正片垫底等混合模式均不能用视频：动画不能通过导入其它来源的视频来做遮罩（Mask）插件（只允许使用基于位移、尺寸变化、缩放、旋转、不透明度的插件）模糊功能：会很大影响性能而建议使用的功能：位移普通位移根据SVG路径位移尺寸变化宽高变化形变缩放旋转不透明度这些功能看上去和CSS中的Transform的特性有些类似。事实上是这样的。但你可以根据自己业务场景的需求，对一些特殊的动画功能进行二次开发。对于AE制作动画，首要的是双方需要根据自己工作中的使用场景，对一些常用的功能做出相应的规范。另外设计师交互的AE稿子应该有AE原文件、素材源文件夹以及data.json文件。这是个人的一些看法和经验。如果你对动画相关的话题感兴趣，可以阅读一下下面相关的话题：更多动画教程：动画相关分享的视频：希望对你有所帮助，如有误人子弟之处，欢迎各路大婶拍正。476 条评论分享收藏感谢收起一个完整的交互设计流程是怎样的？ - 知乎<strong class="NumberBoard-itemValue" title="被浏览<strong class="NumberBoard-itemValue" title="7,024分享邀请回答1989 条评论分享收藏感谢收起medium.com/iq-design/how-to-become-a-ux-designer-from-my-experience-of-teaching-ux5. 改善解决方案说到最后，交互设计的精髓不就是一直的迭代么，哪里没做好改哪里。对于开发周期很长的传统行业，互联网行业赋予设计师最大的自由度，就是随时没做好，咱就改呗~具体步骤就是酌情重复前面四步啦~写的有点长了，有些地方还没有写的特别具体，以后可以慢慢来更新~88837 条评论分享收藏感谢收起}