【Axure】常见元件、常用交互效果

产品结构图

以微信为例,根据页面层级制作
【Axure】常见元件、常用交互效果_第1张图片【Axure】常见元件、常用交互效果_第2张图片

动态面板

【Axure】常见元件、常用交互效果_第3张图片
【Axure】常见元件、常用交互效果_第4张图片

动态面板的作用:动态面板是一个可视区域,如果要把控件放进去,要全部放进去,放多少显示多少
【Axure】常见元件、常用交互效果_第5张图片

文本框

【Axure】常见元件、常用交互效果_第6张图片【Axure】常见元件、常用交互效果_第7张图片
隐藏边框方法:先拉一个矩形,去掉部分边框,再向其中拉入文本框

下拉框、复选框、单选按钮组
【Axure】常见元件、常用交互效果_第8张图片

常用交互

鼠标悬停、鼠标按下

【Axure】常见元件、常用交互效果_第9张图片
设置鼠标悬停时的参数,颜色变为绿色
【Axure】常见元件、常用交互效果_第10张图片

设置选中效果

【Axure】常见元件、常用交互效果_第11张图片
【Axure】常见元件、常用交互效果_第12张图片

禁用

【Axure】常见元件、常用交互效果_第13张图片
【Axure】常见元件、常用交互效果_第14张图片

toogle效果和添加说明

【Axure】常见元件、常用交互效果_第15张图片
【Axure】常见元件、常用交互效果_第16张图片

你可能感兴趣的:(摸鱼,axure,ui)