Axure RP8手机边框

通过近一段时间的学习 Axure 学会了如何设计图片和实现动态效果。
我们学习了一个案例，通过一个手机框架实现其动态效果。

手机框架如下图：

大概分为六个步骤
1.设计图标（导航条）2.插入图片3.实现动态文字转换
4.添加点击按钮5.插入文字6.实现动态面板转换
设计导航条的样式

添加两种颜色实现渐变效果，再添加文字。
设计五个小按钮,通过点击小按钮,实现页面的切换。
使用动态面板插入图片实现图片的切换,加入两个小按钮。
也可以实现页面的切换设计一个小轮播，添加文字，实现其动态效果。
如下图：

添加文本，添加小样式，让文字进行循环。如下图：

再进行第二个大板块，设计三个大标签“新闻” “社会”“”娱乐”
通过设计鼠标点击事件，让鼠标点击实现页面的转换。如下图：

通过三个标签设计三个动态面板，分别存放不一样的内容，
然后通过点击三个标签进行页面的转换，实现其动态面板的转换，
达到我们想要的效果。

在添加文字的时候我们需要注意文本之间的间隔，
不能太近，也不可以太宽。可以自适应调整，
让屏幕更好的显示出来，更好的使用屏占比显示效果。
还可以添加自己喜欢的样式或者图片文字使动态效果给更突出，
通过六个步骤完成了对手机框架的设计，从头部到尾部的文字图片插入
再从头部和“新闻”上面的导航线条都是使用两种颜色进行渐变处理，
实现其效果，还有三个标签的灰色渐变让页面效果更完善。
都是添加样式比如说 鼠标点击 动态面板 中继器 热区等元件库，
完成了对手机框架的设计让动态效果更突现。
如下图：