axure原型图设计

一、axure确定网站原型,以便程序编码。
二、axure制作按钮小知识点:
1、axure自带按钮比较单一,采用矩形制作,注意圆角,保持美观。
2、axure自己制作文本框,设置美观的样式,制作小知识点:
①准备一个文本框,一个矩形。
②矩形设置样式。
③文本框设置提示文字,类似placeholder。
④文本框、矩形组合,鼠标右击文本框置于顶层,并取消文本框的边框。
三、axure之按钮经过变色小知识点:
①选中按钮,属性中交互设计,设置改变背景色。
四、axure视频小知识点:
①准备内联框架,选中属性中的视频,双击内联框架,链接绝对路径。
五、axure单选框制作小知识点:
①准备两个单选按钮,设置同一个单选按钮组,实现单选功能。
六、axure下拉列表动态制作小知识点:
①准备一个1号动态面板,进入1号动态面板。
②准备一个一级菜单,和一个2号动态面板,放入1号动态面板中。
③准备所需数量的二级菜单,进入2号动态面板,放入准备好的二级菜单。
④返回主页,点击1号动态面板,设置为一级菜单的高度,只显示一级菜单(现在才设置,方便前面的布局),设置鼠标移入,高度容纳全部菜单,设置,鼠标移出时,高度容纳一级菜单(恢复原状),最好两个高度改变采用动画效果。
⑤要点,根据第一个动态面板的尺寸显示范围,制作这个效果。
七、axure之网页常见图片动效小知识点:
①图片移入,缩小动效(详情参考觉维设计)。
②设置遮罩层:添加动态面板,进入动态面板,放置遮罩层,设为默认隐藏。
③返回主页index,选中动态面板,属性面板设置鼠标移入时遮罩层显示,选中淡入动画。
④属性面板设置鼠标移出时,遮罩层隐藏,选中淡出动画。
⑤设置图标,进入动态面板,中心放置图标,设置为默认隐藏,返回主页,属性面板设置鼠标移入显示,不设置动画,设置尺寸改变,缩小,线性动画。
⑥属性面板设置图标在鼠标移出时,隐藏,动画淡出,尺寸改变,还原,线性动画。
⑦底部信息显示设置,进入动态面板,放置底部信息块,文字,矩形组合,便于移动。
⑧返回主页,选中动态面板,设置属性面板,鼠标移入时,底部信息块移入,线性动画。
⑨鼠标移出时,底部信息块移出,线性动画。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值