设计动效并不是一件复杂的事情，你只要在关键饿地方稍作调整，就可以提高动效的效果。本文从7个案例分析，帮助大家设计出色的动效。
这篇文章希望通过7个GIF范例，给出一些做动效的实用建议。其实动效设计并不复杂，只需在关键之处稍微的调整，就能大大的提高动效效果。
通过这些例子，能够发现状态之间的连续性，不同状态的相同元素之间的关联性，并且将用户的注意力引向他们应该注意和采取行动的事物的重要性。
为了创建这些动画，我遵循了Material Motion、IBM’s Animation Principles、The UX in Motion Manifesto
所有的交互都是使用早期版本的InVision Studio制作。你可以在这里下载源文件。
一、滑动切换页面
左侧的内容渐变切换；右边的内容与横杠滑动
一个好的动效：“淡入淡出的过渡”切换从一个页面进入另一个页面。
一个出色的动效：在内容与状态之间切换时，保持状态连续性。
当你设计交互式选项卡或弹出式菜单时，可以尝试将界面元素的位置与打开它的操作相关联。通过这种方式，您不仅可以制作内容的可见性，还可以制作位置动画。添加一个滑动手势，将你从一个页面带到另一个页面。
二、关联卡片之间的相同元素
左侧的页面向上滑动展开一个新的页面；右侧的卡扩展并填充屏幕
一个好的动画：使用向左或向上滑动的过渡来展开新页面；
一个出色的动画：将不同状态的相同元素关联起来。
在不同状态之间切换进行动效制作时，请查看它们之间是否有共同元素并将它们连接起来。使用InVision Studio时，在创建运动转换，在两个屏幕之间重复的元素会自动关联，这功能使原型动效变得简单。
三、内容中使用瀑布流效果
左边的卡片通过滑动和淡入出现；右边卡片虽动效相同，但每张卡片都有一个短暂的延迟
一个好的动画：控制所有元素的位置和不透明度变化进入页面；
一个出色的动画：错开每个组和不同元素的出现的时间。
要完成瀑布效果，应该在保持相同的缓动和速度前提下，尝试对每个内容或一组内容应用延时设置，保持一致性。尽管如此，不要为每个小元素设置延时，恰当的分组能够保持动效的快速和高效。谷歌建议每个元素出现间隔不超过20毫秒。
四、元素间的作用力
左侧的页面在顶部浮出；右侧的卡片会随着它的增大推出内容
一个好的动效：控制元素本身变化，在上下文中移动并显示元素。
一个出色的动效：当他们改变时，会关注元素对周围环境的影响。
控制元素本身变化，即让周围的元素的相互吸引或排斥。如果想了解更多，可以去Materisl Design的Awaremotion 。
五、让菜单从触发点出来
一个好的动效：菜单显示应从触发它们的按钮的方向出现；
一个出色动效：菜单从创建它们的动作中浮现出来，从触发点展开而来。
六、利用按钮展示状态
左边的按钮显示文本展示状态；右侧的按钮使用按钮框显示不同的状态
一个好的动效：提示应该显示按钮附近；
一个出色的动效：使用按钮本身来展示不同的状态变化。
尝试使用按钮来展示状态的可视变化。例如：您可以用加载动画替换CTA，或者您可以将动画添加到显示进度的背景，都可以分散用户的注意力。
七、微动效吸引注意力
左边的例子使用颜色和位置来使元素脱颖而出；右边的使用微动效来吸引用户的注意力
一个好的设计：用颜色，大小和位置突出显示用户需要注意或采取行动的重要动作；
一个出色的设计：使用动效来吸引用户关注重要的动作，而不会造成干扰。
当用户需要采取一些重要的行动时，请尝试通过动效来吸引他们的注意力。从微动效开始，根据动作的重要程度（大小，颜色和速度的变化），确保只能用于关键性操作。使用此效果的次数越多，影响越小……并且您的用户也会更厌烦。
总结
我希望以上的这些范例能够给你的动效设计提供帮助，有了 InVision Studio 这类新型动效原型工具的帮助下，创意交互这一领域会很快火起来，千万不要忘记了对动效的关注。
我们在做设计时，不要忘记用动效来解释状态变化、适当吸引用户注意、阐释元素关联，以及为产品增加一点乐趣和个性。
以上的这些设计原则，足以将我们的动效从快速有效地优秀升级到出色。让我们愉快地进行动效创作吧！
本文由 @VisualCC 授权发布于人人都是产品经理
,
室内设计师需要的基础知识（室内设计师需要学习掌握哪些知识）
室内设计师需要学习掌握哪些知识？室内设计该注意事项和营销技巧
抛光混凝土金钻磨石、筑硅磨石，是传统水磨石的改性产品，现场浇制，整体无缝，由负离子水泥砂浆、捍甲、捍丝混凝土密封固化剂和玉石、贝壳等骨料组成，纯水泥制造，可做成S流线造型，抗压、抗渗，防尘、防滑，耐腐蚀、耐摩擦，地面整体致密强，不需打蜡，无需维护，适合家庭、学校、医院、工厂、车间、地铁站、展览馆等场所的室内外使用。
室内设计师需要学习掌握哪些知识？室内设计该注意事项和营销技巧
室内设计师需要学习掌握哪些知识？室内设计该注意事项和营销技巧。环氧树脂地坪漆含有MDA、TDI等致癌物质，大理石、瓷砖还有辐射性。怎么办？抛光混凝土金钻磨石就能搞定一切问题，远离装修毒害。
纳路特集地面、墙面和造景设计于一体，提供专业的室内设计和室内空间装饰装修服务，纳路特的室内设计和室内装修强调空间的自然化、艺术化、技术化和个性化，注重水泥新型材料的广泛应用。纳路特抛光混凝土金钻磨石及筑硅磨石的墙面、地面，符合装配整体式建筑设计的防火、防水、节能、隔声、抗震、安全防范等国家标准，满足建筑工业化及绿色建筑的要求，装配经济、美观，少规格、多组合，可预制也可现场浇制，整体无缝，纯水泥制造，可做S流线造型，产品具有质量轻、无TVOC、抗压、抗渗、防尘、防水、耐腐蚀、耐摩擦的特点。
室内设计师需要学习掌握哪些知识？室内设计该注意事项和营销技巧
一、室内设计师需要学习掌握哪些知识？
1、适优美、满足人们物质和精神生活需要的室内环境。 室内空间环境既具有使用价值，满足相应的功能要求，同时也反映了历史文脉、建筑风格、环境气氛等精神因素。明确地把“创造满足人们物质和精神生活需要的室内环境”作为室内设计的目的。 现代室内设计是综合的室内环境设计，它包括视觉环境和工程技术方面的问题，也包括声、光、热等物理环境以及氛围、意境等心理环境和文化内涵等内容。 所以，作为室内设计师，要具有多方面的知识：室内设计理论：（1）室内设计原理（2）室内设计风格与流派（3）室内空间组织与设计（4）室内设计流程。
2、AutoCAD：（1）AutoCAD软件操作（2）AutoCAD施工图（3）家装施工图（4）工装施工图。室内装饰工程预算：（1）Excel软件：Excel软件的入门与提高（2）室内装饰工程预算原理：室内装饰工程种造价含义、内容、分类及特点（3）家装预算案例实现：模拟实际家装工程的预决算流程。PhotoShop：（1） Photoshop工具栏；（2）Photoshop图层、蒙版、路径、通道与滤镜；（3）PhotoShop三维效果图处理、PhotoShop彩平图制作。装饰材料与施工工艺：（1）室内设计常用尺寸：从人体工程学角度学习室内设计中常用的尺寸、家具的基本尺寸（2）室内装饰材料：常用室内装饰材料的类别、规格、使用要求与最新装饰材料的介绍（3） 施工工艺流程：地面工程施工工艺流程、木工工程施工工艺流程、墙面装饰施工工艺流程、油漆涂料施工工艺流程、吊顶工程装饰工艺流程、电路灯具施工工艺流程、卫浴洁具安装工艺流程等内容。
3、能看懂各种土建施工图纸，除了结构施工图纸外，对给排水（上下水）工程图、采暖工程图、通风工程图、电气照明与消防工程图等，也都非常熟练。这对搞好室内装修设计十分重要：可以避免装修设计与土建设施发生冲突，能更周到的进行装修设计、恰当的进行装修设计。懂透视学，能快速地画出室内透视骨架线图，做到透视准确无误：会画轴测图（定轴测轴和轴间角度）。这是画好效果图的基础。
二、室内设计该注意事项和营销技巧
1、一定认真听取客户提出的具体要求和注意事项，深入了解对方的真实需要和他们的真实意途，以及他们的生活习惯、个人爱好和社会地位等定位方向，才能做更好的设计方案来。但是我们还注意的是面对及发生的任何问题都必须有理有据，千万不能信口开河扭曲事实，稍不胜我们就可能失去这项装修工程，造成不必要的经济损失。在做设计方案的时候一定要根据客户的经济承受能力出发，千万脱离实际。因为在我们的现实生活中不同的客户都有不同经济承受能力，所以，必须根据客户的具体要求设计出一套物美价廉而且非常实用价值和非常有说服力的设计方案。根据客户的相当需求选择一种比较适合他们的室内设计风格。
2、如何审视室内设计作品的好坏：
（1）室内空间布局规划方面的实用性和合理性。
（2）人体工程学和空间过渡等方面是否恰当合理。
（3）设计风格、设计造型和色彩运用等方面是否协调统一。
（4）灯光照明、室内采光是否合理恰当。
（5）室内整体设计与局部之的相互关系，尺度的把握是否合适恰当。
（6）装修费用是否在预算范围以内等等。
（7）施工材料是否达到国家环保标准，以及施工工艺和施工质量是否符合国家建筑标准等行等。
总之，一名优秀的室内设计师必须具备扎实的专业室内创新设计能力，高超的市场营销手段。
以上是室内设计师需要学习掌握哪些知识？室内设计该注意事项和营销技巧的所有内容。持之以恒的学习是设计的来源，责任感是设计的原则，而灵感是设计的升华。艺术是生活的升华,设计是艺术的呈现。 合理划分空间，让设计融入生活，营造自然，品味，格调。
,
如何驱赶发动机舱的猫 千万不要发动！
如何驱赶发动机舱的猫
找人帮忙若流浪猫躲在发动机舱内，怎样尝试驱赶还是不出来，可以联系4S店拖车，由店内技师协助解决。
利用刺鼻气味
对于钻进机舱的猫，可以拿喷雾式的杀虫剂在车底喷一喷或滴点风油精，因为猫咪嗅觉特别灵敏，而杀虫剂的味道比较敏感，所以猫咪一般都不会待在有特别气味的地方。但是要注意，千万不能喷在可能给车子造成伤害的部位，否则就是得不偿失了。
可以拿一些鱼肉，回锅肉、红烧肉….（说的小编都要流口水），反正使劲一切招数，让小猫咪乖乖出来。
高压水枪
以上招数都不行的话，那就来集群车宝，让专业人士用高压水枪瞄准躲在里面不肯出来的小猫进行喷水，为了不伤害它的生命，只能给它一点“小教训"了。
茶杯泰迪的窝应该如何设计？
由于茶杯犬比较小的缘故，所以它的窝设计的也要与普通的狗狗的窝有一些区别，要花一些心思和爱心在里边，下面秀宠网小编就以就茶杯泰迪为例，为大家分享茶杯犬的为应该如何设计。
茶杯泰迪的窝
茶杯犬的窝要通风而不被太阳直晒，不易被我们的生活起居所打扰。不可将泰迪的窝或者笼具，放置在空调出风口的下方，放置在自然风的环境中，可以最大程度地避免感冒。
食盆和水具。食盆大小根据泰迪犬情况，带有防滑垫。为防止泰迪犬胡子受损，最好使用饮水器嘴。泰迪犬本身体型娇小，“家”不需要太大，但也不能太小，要让它能够回转身体后卧下，还要有一定的空间放置几样玩具。
泰迪犬的“家”不一定和人的环境一样清洁，使用过于刺激和碱性的消毒剂，对狗狗的呼吸道不利。铺垫的面料和材质要便于清洗，经常晾晒消毒。
以上的这些关于窝的设计其中都是用心的结果，如果你是一个有心且非常喜欢自己宠物的人，那么，相信上面说的这些一定都不在话下。
本文Hash：c2bfe34a6b4314b8d13956121bb3f9eaef714ef4
声明：此文由 leaf 分享发布，并不意味 赞同其观点。文章内容仅供参考，此文如侵犯到您的合法权益，请联系我们。
相关推荐
-
卖狗的为什么不让喂水 任何动物都需要喝水！
卖狗的为什么不让喂水首先任何动物都是需要喝水的，包括狗狗，甚至在生病的时候，都不能断水，一旦断水会有脱水的危险；因此卖狗的不让喂水，要么是无知，不了解宠物饲养专业知识；要么就是推卸责任的说法，可能是不健康的狗、星期狗之类的。主人在买狗时不要卖家说什么就听什么，一定要自己学习相关科学喂养知识，理性分辨。
-
猫咪发腮需要吃什么 如何有效的帮助猫咪发腮
猫咪发腮需要吃健康猫粮猫粮作为猫咪的主食，能持续给猫咪带来营养。选择健康的猫粮很重要，要选择无添加防腐剂和香料的、无谷物的猫粮。高价猫粮不一定比低价的好，适合自己的猫才最重要。好的猫粮对猫咪的营养提成不会立竿见影，是一种细水长流的状态。猫咪发腮需要吃自制食物想要猫咪发腮当然不能只喂食猫粮，毕竟这样不能满足猫咪身体所需要的营养。可以适当的给猫咪添加一些自制食物，比如可以给猫咪制作
-
猫咪胡子被剪了会怎样 千万不要随便动猫咪的胡子哦
猫咪胡子被剪会影响对周围环境的感知猫咪的胡须可以用来测量洞口的直径，判断自己能否钻入洞中，而且它的胡须能够上下左右进行移动，这使得它能够全面的对周边的环境进行感知和测量。如果将猫咪的胡须剪去，将会对猫咪的生活造成很大的影响。猫咪胡子被剪会影响导航功能猫咪在黑夜中前进的时候，胡须可以帮助它辨别方向，起到导航的作用。这些胡须可以保证它的身体处于一个平衡的状态，对于那些障碍物它可以完美地避开。如
-
庭院景观设计的注意要点（庭院花园设计铺装材料选取与合理布局）
在景园中，经常利用小路、天井、草坪这些铺装形式将各个景观联系起来，有时铺装还可能占据主导地位。这时选择合适的铺装材料，达到你的设计意图，就变得十分重要了。 石材铺装 可以说所有的铺装材料中，石材是最自然的一种。无论是具有自然纹理的石灰岩、层次分明的砂岩、质地鲜亮的花岗岩，即使未经抛光打磨，由它们铺成的地面都会不同凡响。 石材的选择范围非常广泛，单就颜色来说，从白色经一系列的淡紫、粉红、
-
狗的爪子把我抓出血了 需不需要打疫苗?
狗的爪子把我抓出血了处理方式立刻用大量流水（20%的肥皂水最佳）冲洗伤口20分钟以上，同时将伤口周边的血挤掉一些，然后用碘酒和医药酒精交替消毒，重复2-3次，直到自然止血即可。需要接种疫苗吗?
-
小猫的房子应该怎么设计
如果决定要养猫装修房子时应该注意什么？虽然还没有开始装修，但一直在计划怎么弄，所以想到哪儿写到哪儿，存起来也算自己备用。1.鉴于皮质沙发太…90平房子如何装修？今日，头条首答，“90平房子如何装修？说到装修，首先要考虑的就是装修模式，市场上常见的四种装修模式：1、套餐模式，即全包，由装修公司推出，全包包括哪些装修流程？主要是包括辅料+人工+主材+设计，装修公司的的全包设计，一般都是样板间装法。另付
-
我的世界怎么建造士兵（我的世界如何制造出士兵出来）
《我的世界》这款游戏吸引了大量沙盒爱好者游玩它，在游戏里可以通过方块来建造各种现实中的建筑，地形甚至模型。但是关于士兵这种实体生物，很多玩家一直不了解如何生成，如果你想培养出一个由士兵组成的军队来抵御村庄中的僵尸围城或者是灾厄村民的入侵，那你得好好看看本篇文章了。 钢铁战士——铁傀儡 原版的MC中，保卫村民的中坚力量就是铁傀儡了，除开自动生成的以外，想要建造铁傀儡必须消耗一大波材料——4个铁块
-
猫生出来的小猫不动怎么办
刚出生不久的小猫找不到母猫的奶，就算找到了咬两口一动身子奶就会掉出来，...刚出生的小猫吃母乳~猫妈妈在分娩结束后,就要给所有小猫喂奶.务必使小猫牢牢叼住乳头,吃到初乳,因为初乳含有丰富营养和保护性抗体~可以多吃蛋白质高的食物,鲫鱼汤不错的,多喝可以促进分泌乳汁,白水煮鸡肉也很好的,可以多给猫妈妈吃~产后检查表分娩一结束，就更换铺垫。提供高蛋白质，均匀的饮食。每天喂二百毫克乳酸钙，葡萄糖酸钙，或者
-
刚出生的小猫不动了怎么救
刚出生没多久的小奶猫怎么养？https://www.zhihu.com/video/9811115552948838405月23日最近多比越来越粘人了，不论它在哪里，喊一喊就可以看它探出脑袋偷偷的打量着人，如果是熟悉的人立马跳过来闻脚...刚出生的小猫不吃奶，只是躺在那儿，除了呼吸，也不动。怎么办下了几只？考虑下是不是嘴里羊水没处理干净复或者体温偏低垫张纸巾拿起宝贝制在耳边听听呼吸声音体
-
怎么带狗狗运动 如何给狗狗科学的运动？
适量的运动有助于狗狗的身心健康 不同体型的狗狗运动量也有所不同。小型犬每日运动时间控制在15分钟左右，中型犬每日运动时间约在30分钟左右为好，大型犬每日运动时间约在1小时左右即可。 运动的目的并不是为了消耗卡路里，而是为了全身的血液循环、肌肉、韧带、关节和五脏六腑的健康。 避免周末大量激烈运动 运动应每日进行，万不得已时，可以间断某些时日。有些狗狗周一至周五都几乎没有活动，可主人却在周六或周日带
-
最好看的房子装修效果图（太合适我们年轻人想要的效果了）
对于我们绝大部分的年轻人，对家的需求更喜欢简单，并带些小清新的效果，而这样的家，深受喜欢。年轻人，更需要青春与活力，装修不容易，能辛苦把家装好，背后付出的汗水，只有经历过装修的人，才会深有体会。 大家可以一起来看看屋主她家这套新房，套内面积为80平新房，三房两厅一厨一卫的新房，屋主都是90后的年轻小夫妻，花心思装修，虽然小，但是非常漂亮，而且也显得很温馨。第一次见到这样家，真的太合适我们年轻人
-
新出生的小猫一动不动 不动并不是死亡！
新出生的小猫一动不动的原因刚出生的小猫如果生下来一动不动并不是因为死亡，主人可以看看猫咪小猫鼻子嘴里是不是有液体，轻轻的用毛巾包起来然后将头部露出来，握在手里面并且姿势保证安全、舒服，用力将液体甩出，这个动作主要是母猫在生产过程中，因为难产或是液体堵住喉咙的原因导致小猫缺氧、乏力等导致小猫不动，这是比较正常的情况。
-
最具灵感的设计公司（14家杭州设计事务所带来的实践与思考）
#我们的2021 适逢岁末，我们在FRAME读者俱乐部社群中，邀约多家优秀设计事务所，藉由今年建成或来年即将落成的重要项目，与我们回顾2021的发展与实践，展望2022的新挑战。 继北京、上海、深圳、广州篇后，本期14个来自杭州的团队，分享了他们的故事。 （排名不分先后，根据团队名称首字母排序。） #01 AtelierRightHub 是合设计工作室 龚之南先生和刘猛
-
马犬的动力训练 狗狗和人一样需要自信喔!
首先建立对主人的依赖与信任感开始培训幼犬时，不要急于拉犬出去活动，先在犬舍内多接触，通过喂食、抚摸和呼名等手段，让幼犬熟悉主人，消除戒备心理。每天都应抽空时间带犬出来活动，只要出现在犬舍内，就要与犬接触(喂食及放出活动)，让幼犬形成主人出现必然得到出来活动的联想，决不要到犬舍绕一圈就走开，使幼犬感到失望。当然，带犬活动并不是任由其自然发挥，要有一定的控制度和一定的训练动作要求，让幼犬建立起活动与
-
在猫的眼里我们的动作
关于粤剧的作文粤剧，这块广东的瑰宝薪火相传四百载，如今被列入“世界非物质文化遗产”，但老一辈对于粤剧传承问题的忧虑始终是挥之不去的。广东粤剧学校可以说是最出名的粤剧学校了，但是几年来粤剧学校的生源却出而问题，尽管学校一再地提高设备和老师的数量，一次又一次的优化，生源还是少了。而在我们四周的舞蹈学校却是间间爆满，生意是十分的红火。粤剧和现代舞蹈艺术相比起来，大多数小孩还是会选舞蹈的。原因有以下几点，
-
怎么样让它不长翅膀（如何找到自己的优点）
其实没有人完全真正认识自我，为什么这么说哪？那肯定有它的道理。不知你发现没，每个人都有自己的优点，缺点，你细想一下，把你的优点发挥发挥到极致，你就是这个方面的专家。就看你如何突破自己，发现你的潜藏内心的优点，把它展现的淋漓尽致，活灵活现，惟妙惟肖。只有这样你无论走到哪里，都遮挡不住你的优点。 举个例子，有一个女孩到一公司面前，前面面试了很多应聘人员，都没有通过，你知道是为什么？ 接着讲，那个
