Axure RP设计新浪微博140字输入、手风琴效果的方法

jukilee
1 评论 13065 浏览 96 收藏 4 分钟
零基础想转行产品经理?别担心!我们的实战营专为转行者设计,提供体系化课程和项目实战,帮你弥补经验短板,成功实现职业转型,拿到心仪offer。

感谢各位PM小伙伴的阅读,让我不断有动力去分享Axure的一些小方法,内容相对简单,适合新手收藏,老鸟请点个赞,谢谢~~~

一.仿新浪微博140字内容框

例如:适合SNS网站,留言吧,个人介绍等文本框的设计

1.1

1.布置好需要的元件(文本框,文本标签等),对140字命名为“140”,对文本框命名为”weibo”;

2.“weibo”文本框设置交互动作,添加“文本改变时”→添加动作“设置文本”→选择配制动作“140”→设置局部变量“元件文字:weibo”→设置文本的变量和函数([[140-LVAR1.length]]);

1

2

二.实用的手风琴效果

例如:web端和APP端都很常见,也非常的实用、美观、省空间

1

1.拖动5个图片元件,和5个动态模板元件,全部设置命名,尺寸保持一致。动态模板放在图片的下方,并且隐藏;

2.动态模板添加图片元件,载入图片,尺寸与动态模板一致;

3.图片下拉动作(对图片添加鼠标点击交互→编辑条件“if 元件可见于 图片1 == false”→ 添加显示动作→选择图片1→可见性为“显示”,更多选项“推动元件”,方向“下方”,动画“线性”,时间“500毫秒”);

4.图片回收动作(对图片添加鼠标点击交互→编辑条件“if 元件可见于 图片1 ==true”→ 添加显示动作→选择图片1→可见性为“隐藏”,拉动元件,方向“下方”,动画“线性”,时间“50毫秒”);

5.其它图片的交互也是一样,但选择的图片一定要与所勾选的命名图片一致。

1

2

3

4

本文由 @jukilee 原创发布于人人都是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 写的不错😊

    回复
专题
15140人已学习15篇文章
智能硬件产品经理需要做什么工作内容呢?与互联网产品经理有什么区别呢?本专题为刚入行的智能硬件产品经理分享了入门指南。
专题
17962人已学习13篇文章
在精细化运营的过程中,为自己的产品搭建一套数据指标体系,对于促进产品和业务增长是至关重要的。本专题的文章分享了如何搭建数据指标体系。
专题
125961人已学习18篇文章
你说你会竞品分析,我信!但是肯定写的不好,不服看看别人的。
专题
14200人已学习12篇文章
人力资源管理系统,帮助企业管理和维护其人力资源。本专题的文章分享了人力资源管理系统的设计指南。
专题
20483人已学习14篇文章
好的用户成长体系可以促进用户活跃、增强用户粘性、留住用户和帮助企业更好地了解用户对产品的使用情况。本专题的文章提供了搭建用户成长体系的思路。
专题
11707人已学习12篇文章
本专题的文章分享了情人节的营销思路。