本文作者分享自己做过的一个PC端的高保真原型，来教大家，如何在动态面板里面设置图片的自动和手动的切换。
　　给大家分享自己做过的一个案例，来自于去年自己做的一个PC端高保真原型。
　　案例描述
　　固定区域循环一组图片（幻灯片效果），条形分页标签随着播放不同的图片，而对应改变样式。
　　元件准备
　　从元件库中拖出一个动态面板，我们给它命名为Banner，里面同样添加1N个状态，每个状态里放同样大小的图片（记得位置要统一）。
　　同样的条形标签我们按照上面的做一下，第一个状态的第一个为选中，往下递增下去。（这方法可能有点蠢，但设置交互属性的时候比较方便，其中也包含了个人习惯）。
　　这样大致就做好了，接下我们开始下一步。
　　思路分析
　　利用动态面板可添加多个状态的特性，我创建了6个状态；
　　将6张图需要展示的图片放到各个状态里面；
　　将条形标签做成只能唯一被选中的效果（第一个状态的第一个为选中），其他状态递增下去；
　　页面打开后，开启图片（载入时）自动循环播放的效果，且每次切换新的图片时，同时切换不同的条形标签状态。
　　思路基本完善后，下面我们来做一下这个效果。
　　Banner动态面板设置为之后，条形标签同样设置。这时候我们就能实现出图片自动切换的效果了，接下来我们可以继续优化交互体验
　　我们给Banner的两侧各加一个可点击的按钮，点击左侧按钮（向前一个状态），点击右侧按钮（向后一个状态）。
　　最后我们加一个鼠标移入移出的交互效果，如图：
　　完成（已做完的小伙伴给自己鼓个掌）。
　　总结
　　实现图片or条形标签自动切换；
　　实现鼠标移入时停止自动切换，移出即可回复自动切换；
　　实现点击两侧按钮可手动切换。
　　今天的分享到此结束了，有任何意见和建议请在下方留言，我会尽快回复您，谢谢！！

案例用户体验设计引发的一点思考就目前而言，大家对用户体验设计的理解认知是否都在同一水平线上？是如何通过用户体验设计来解决问题的？本文作者将结合个人的一些经历和思考来分享一些感受。enjoy在谈论一个产……情侣空间3。0版本设计：如何在设计流程中切换视角？设计师如何获得全局视角，发现关键问题，进而创造突破性产品，实现真正的设计驱动？设计师如何在设计流程中切换视角不仅能设计完善的用户体验，更能拥有全局视角，发现关键问题，进而……从交互维度量化用户体验狭义的交互定义交互主体必须是人本身，而客体可以是产品、环境、服务等等，且不论交互客体是什么，只要主体是人，人和客体去进行交互的时候，一定是人带着心理预期施加一个行为。之前……互联网时代，需求修改纷至沓来，该如何着手？当今互联网改变了经济模式，足不出户即可实现购物、娱乐、美食等一条龙服务，网络的飞速发展的，也诞生了很多独角兽平台，满足了人们对生活、出行、美食、旅游等各方面需求。社会不断发展，……交互自查表可用性优化实录相信不少同学都尝试过建立自查表，但最后是否有真正利用起来呢？这一次就和大家分享一下，我们团队所用的自查表的迭代优化过程和结果。一。自查表1。0的问题首先，我们还是要……设计冲刺：5天搞定2018俄罗斯世界杯主题设计本文作者将带着大家来感受其在这次设计冲刺经历的过程、以及如何采用的一些定义方法、抉择方法推导设计思路，希望对大家今后在主题设计中有所启发。enjoy此次项目是由我和我们组……为何如今的产品总给人千人一面的感觉？编者按：这篇来自产品设计师EugenEanu的文章解开了我长久以来的一个疑惑，其中的思考和经验值得我们共勉。结尾的Onemorething是我额外补充的内容和一点想法，和当下产……以实例为研究对象，探讨用户行为的7个层面熟知用户行为的这7个层面，你的设计才会走进人心。我们生活中绝大多数的物品，从椅子到APP，都是人为设计出来的。理解用户的想法，能够让设计师在设计过程中采用更加贴合用户的设……服务设计为产品赋能的四大方法6月25日，我受邀在“优服务创未来”阿里巴巴华东大区第三方优品招标会上为阿里设计师及合作企业家分享服务设计赋能四大方法。本文为分享精华实录，部分案例因保密问题已做模糊处理或删减……16个有效的UX写作规则本文主要是提供一些关于有效UX写作的实用技，enjoyUX写作是指导产品中的用户并帮助他们与设计UI副本进行交互实践。UI副本包括按钮和菜单标签，错误信息，安全说明，条款……Axure教程：在动态面板里面设置图片自动手动切换本文作者分享自己做过的一个PC端的高保真原型，来教大家，如何在动态面板里面设置图片的自动和手动的切换。给大家分享自己做过的一个案例，来自于去年自己做的一个PC端高保真原型……优秀设计案例分析用户引导（下）当一个产品上线新功能或者更新某些信息的时候，往往需要引导用户去使用，或者去提供一些信息给用户，而用户引导在此时就比较重要。本文结合了一些优秀设计案例分析，用户引导该如何设计。……