最近无意间被百词斩官网首页的页面效果所吸引，当我们选择一个不认识的单词时，单词会进行翻转，并显示为图片状态，并且会在一段时间后还原为单词状态。依照官网的样式，根据自己的理解绘制了一个组件翻转还原的原型。
　　百词斩官网：
　　我绘制的原型与官网的唯一不同之处在于，百词斩官网是鼠标悬停的效果，而我使用的单击图片的效果：
　　以下为我制作该原型的步骤：
　　（1）创建组件
　　组件主要包括两类：一是图片组件，二是单词组件，图片采用截图的方式，单词则选择三个300260的矩形元件。将图片和单词的大小进行统一，并在其中输入单词内容即可，并按照图片在上，单词在下的规则放置于页面中央。
　　（2）翻转和还原效果实现
　　首先，复制三个页面，并对四个页面进行命名，分别为：home、crawl、despise、spray四个页面：。home页面作为初始状态，并与其他三个页面建立连接。
　　以crawl单词的翻转效果为例，当单击crawl单词时，跳转到crawl页面。
　　将图片一和单词一的动效均设置为垂直翻转显示，需要注意的是一定要将单词组件和图片组件均设置为垂直翻转效果。
　　页面在翻转后会显示图片组件内容，我们只需在默认状态里，将单词组件置底，这样就可以显示在翻转之后显示图片组件的内容。
　　翻转效果实现后的一定时间内会回归到初始的单词状态状态，我们采用原型设计的状态功能进行实现，添加一个新的状态在全局状态中添加定时器。将默然状态中的定时器链接到状态二中，将状态二中的单词页面置顶并将定时器链接到home页面，定时器均设置为0。1秒，这样就完成了图片翻转和还原的效果，其他两个页面的实现方法与crawl一致。
　　以上就是实现组件翻转还原的过程，以上仅仅是我个人对于原型设计的一些理解，若有不足，还望指正！

Axure教程：如何实现爱彼迎App首页Banner的切换效本文分享一个用Axure实现爱彼迎App首页Banner切换效果的方法，供大家参考，欢迎一起交流。作者最近闲暇时间试着将爱彼迎App的Banner切换效果用Axure实现……AxureRP9Beta开放下载，距离Axure9正式版已经AxureRP9。0Beta已经更新，最新版已经开放下载，最新版本号为：9。0。0。3611。AxureRP9下载地址：目前Axure官网已经开放下载，下载地址为：……中继器使用场景（四）：新闻类APP频道自主增减今天我们以腾讯新闻为例，讲一下如何做出app内频道自主增减的效果。新闻类app由于内容的原因，一般会分为很多的阅读频道，比如：要闻、娱乐、体育、金融等等，用户可根据自己的……Axure教程：天气APP及色彩主题的切换本文主要介绍了用Axure制作高保真天气APP以及色彩主题切换一、效果展示：原型体验地址：https：p5eysh。axshare。comc2二、操作分析……Axure：APP图片动态切换场景本文主要介绍了APP中图片动态切换的运用，一起来看看效果图：操作分析鼠标向左向右滑动，图片动态切换至下一张上一张，且当前图片尺寸变大，清晰度由透明变不透明。……Axure教程：制作进度条的简单方法看到大家在制作进度条的时候都喜欢用函数去实现，函数的实现方法虽然精准，但是函数复杂导致耗时耗力。在能够实现相似效果的情况下，我选择使用懒人的方法好了，动态面板走起效果图：……原型设计：百词斩单词翻转还原效果实现最近无意间被百词斩官网首页的页面效果所吸引，当我们选择一个不认识的单词时，单词会进行翻转，并显示为图片状态，并且会在一段时间后还原为单词状态。依照官网的样式，根据自己的理解绘制……Axure：如何实现Banner导航悬浮顶部效果（PC端）？本文内容适合初级Axure同学学习，Axure高手有更快捷的方法可达此效果欢迎评论留言，一起交流学习背景相信大家在工作中遇到这样的一个难题，绞尽脑汁，尝试N种方法，……中继器使用场景（三）：轮播图放大效果本文以“人人都是产品经理”手机app原型为例，讲解轮播过程中的，侧图留框、主图放大的功能，以及自动轮播和手动拖动的实时切换。（末尾有彩蛋）现在手机app中我们经常能看到有……Axure设计：双向列表带计数选择列表框左右双向选择效果在互联网平台中应用非常多，从左侧的待选项中选中选项移入右侧，从右侧的已选项中取消选项移入左侧。作者将通过这篇案列分享，教大家使用Axure制作实现“双向列……Axure函数系列使用字符串函数实现模糊搜索效果继续本系列Axure函数教程，上一篇文章主要给大家分享了Slice、Concat、Math。floor等字符串处理函数的使用，本篇文章将结合中继器给大家讲解IndexOf函数的……原型的第一性原理：讲清楚目标一个产品需要有一个核心定位，我们的原型也首先要说清楚这个定位所转化过来的目标，这是第一层次，我称为产品目标。在动手进行原型制作之前，还有一个很重要的事情要先梳理清楚，我们可以称……