童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Axure交互小技巧1:百度一下,你就知道

8月4日 艮山观投稿
  案例来源:百度搜索界面
  案例效果:点击搜索框后搜索框边线变蓝,下方显示最近搜索记录,如图
  案例描述:
  在搜索界面中,包含顶部菜单栏、搜索栏和底部网站备案信息等。当焦点进入搜索框时,搜索框边框变为蓝色,同时下方显示出最近搜索记录;失去焦点时,恢复灰色,下方最近搜索记录收起。
  元件准备:
  包含命名:
  矩形(搜索框):搜索输入框
  文本框(用于输入文字):文本框
  矩形(搜索按钮):百度一下,按钮
  思路分析:
  输入框的样式在两种不同状态下切换,可以通过交互样式来实现;
  文本框获取焦点时,呈现选中的样式;
  文本框失去焦点时,呈现未选中的样式。
  操作步骤:
  1、设置元件“搜索输入框”的选中时交互样式为淡蓝色边框;
  2、设置搜索文本框【获取焦点时】,【选中】元件“搜索输入框”;
  事件交互设置:获取焦点元件设置选中选中配置动作(选择搜索输入框)设置状态值为true确定
  事件交互设置:失去焦点元件设置选中取消选中配置动作(选择搜索输入框)设置状态值为false确定
  至此,点击搜索输入框边线变蓝已经实现,接下来我们看如何让下方显示搜索历史。
  思路分析:
  点击搜索框下方显示出最近搜索历史,可以通过动态面板交互来实现;
  鼠标单击时,显示动态面板;
  鼠标移开时,隐藏动态面板。
  操作步骤:
  1、设置动态面板信息
  拖进一个动态面板,调整大小
  双击动态面板,弹出动态面板管理,设置名称,双击命名好的“列表”,进入动态面板页面
  设置动态面板列表信息
  勾选隐藏动态面板
  2、设置文本框单击时交互事件,触发显示动态面板
  事件交互设置:鼠标单击时元件显示隐藏显示搜索历史确定。
  事件交互设置:鼠标单击时元件显示隐藏隐藏搜索历史确定。
投诉 评论 转载

Axure7。0教程:实现猜数字小游戏最近在学Axure,看到一篇关于数字抽奖的教程,于是在此基础上扩展了一些功能,增添了一些游戏元素,游戏规则如下:初始金币为100,每次抽奖花费10金币输入1位数字点……产品设计流程系列:如何进行原型设计(上)经历了漫长的产品设计流程,我们终于来到了最后一个环节,也就是根据之前梳理的产品流程来进行产品的界面设计了。产品经理其实都知道,在这样一个看重颜值的时代,一个赏心悦目的网站……Axure8。0实例模拟一个上传图片的原型很多业务系统中,都需要具有上传文件的功能,这里做了一个模拟上传图片的原型,和大家分享一下,有兴趣的朋友可以看下。预览图片有些失真,就将就一下看看吧,如果哪位朋友有好……Axure交互小技巧1:百度一下,你就知道案例来源:百度搜索界面案例效果:点击搜索框后搜索框边线变蓝,下方显示最近搜索记录,如图案例描述:在搜索界面中,包含顶部菜单栏、搜索栏和底部网站备案信息等。当焦……Axure8。0实例自定义倒计时制作流程一年一度的双十一快要来临了,最近闲来无事,用axure8。0实现了一个倒计时的功能,有兴趣的朋友闲来无事,可以鉴赏一番。至于大牛们就直接忽略吧。预览:一、准备元件……Axure实例中继器的增删改查,来实现从商品列表页到详情页在之前的文章中,既做过了轰轰烈烈的搜索,也做过了简简单单的排序和筛选,今天想用中继器来实现一下从商品【列表页】到【详情页】的过程,还有关于“列表“到“详情”的一些思考。预……Axure原型教你使用自适应视图构建界面在Axure中,我们可以使用自适应视图来调整界面的展示。例如PC浏览就显示PC样式,手机浏览就显示手机的样式,根据设备的不同分辨率来展示对应的界面。先预览下这期有些啥:【……两位资深设计师谈设计和工具本文作者采访了两位设计师用户,从UI和产品两个不同角度解释分析了关于设计与工具的见解和问题,同时也分享了自己的看法和观点。随着国内软件行业整体水平的不断提升,原型设计作为……关于Axure进度条制作的方法,这篇文章讲得最全面!网上诸多有关Axure进度条制作的方法,但是步骤实在是太跳跃,很不容易搞明白。因此,笔者在这里总结一下Axure进度条制作的方法。下面示例在Axure7中操作,但是在Ax……很实用的干货浮动固定菜单与楼层导航实践今天,我们结合浮动固定菜单栏和楼层导航,实现同一界面内的锚点定位。想必很多人已经见过浮动固定菜单和楼层导航的案例,浮动固定菜单的场景非常的常见,人人都是产品经理的产品经理……Axure设计:商城类列表页页面布局选择(附源文件下载)对于商城内的产品,【商品列表页】是很关键的一环。好的布局可以让用户快速寻找到目标商品,文字or图片更优先?选择合适的布局,可以大大增加用户进入到【商品详情页】的概率。本文……Axure教程做一个简单的筛选和排序功能在上一篇中我用了四个中继器加两个函数做了一个轰轰烈烈的搜索功能,今天为了进一步完善我的商城原型,所以就打算做一个简简单单的筛选和排序功能。这个功能不仅在商城中会用到,随着产品的……
熟人匿名社交分享应用Secret的设计亮点锦上添花:让图示穿上颜色说说话如何用互联网思维打造“春晚”痛数来往几大败笔到底什么是“用户体验”设计的人文关怀:为高龄用户而设计基于用户尺度评价的人物角色分类方法与实践你的APP合格吗?APP开发应避免的5大错误产品与人性校园需求的引爆点诱惑用户,让你的设计对用户更具有吸引力!站内搜索框的设计分析QQ空间手机版4。0新手引导新玩法

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界