知识分享

  • 市场分析
  • 需求分析
  • UI设计
  • 产品运营
  • 产品设计
  • 项目管理
  • 新玩意儿
UI设计
UI设计

Axure 教程:如何通过滚动鼠标查看长篇幅内容的效果?

本文教给大家一个通过滚动鼠标查看长篇幅内容的效果,一起来看看~ 在输出B端产品的原型文档时,会遇到以下这种情况:需要在固定的页面或弹窗上展示长篇幅的内容,然后通过滚动鼠标来查看。 有一个比较笨的办法是:直接拖入一个内联框架,然后把需要展示的内容存放在另外一个页面,再将内联框架链接到那个页面,但这样有一个不好的展示效果,就是内联框架的滚动条在原型上是可以直接看到的,不够美观。 再有另外一个聪明点的办法就是:用和背景色一致的矩形去遮挡内联框架的滚动条。但凡有强迫症的人,是接受不了那个丑丑的滚动条的。但凡有追求的人,是不…

2019年9月30日 0条评论 658点热度 0人点赞 阅读全文
UI设计

AXURE教程:三级菜单和标签的交互使用

如何让三级菜单和标签页实现交互,笔者在此给出了一个教程,简单快捷的原型在向你招手~~ 今天,教大家如何做一个框架,包含三级菜单和标签页两部分内容,以及他们之间相互交互的内容。 效果如下图所示: 在线演示地址 一、效果介绍 左边菜单栏,最多有三级菜单,可以通过菜单中继器维护,使用方便。 点击菜单,如果有子菜单会展开或收起子菜单;如果没有子菜单,自动新增标签页,并打开对应页面(不会重复生成标签)。 点击不同的标签页,切换不同的页面。 删除所有标签页,自动跳转到首页。 二、使用方法 本模板使用简单,已制作好交互效果,只需…

2019年9月30日 0条评论 1695点热度 1人点赞 阅读全文
UI设计

Axure 教程:按钮与文本框结合在一起的动态重置功能

本文要给大家讲解的是,按钮与文本框结合在一起的动态重置功能,enjoy~ 设置文本 1.1 页面布局 1.1.1 页面设定 新建一个页面文件,命名为“重置功能”。 在“重置功能”页面内新建一个命名为“窗口”的【组合文件】,并在【组合文件】内分别新建命名为“模板备注”、“字典名称、“左上””的【组合文件】和命名为“重置按钮”、“窗口背景”的【矩形】元件。 (1)模板备注 从元件库内分别拉入两个【矩形】和一个【文本框】元件分别做“模板备注-标题”、“模板备注-文本框”、“模板备注-背景”。 “模板备注-背景”的填充色为…

2019年9月30日 0条评论 593点热度 1人点赞 阅读全文
UI设计

Axure RP8 教程:iPhone滑动解锁效果

今天带大家使用产品经理必备神器axure实现iphone滑动解锁效果,一起来看看~ 一、准备素材 准备好一张背景图,绘制一个外边框命名“边框”,330*60,圆角30。 绘制一个圆形命名“滑块”,,50*50,圆角25,距离外边框各个边框距离5px。 新建一个页面,作为解锁以后进入的主页。 二、交互设置 将滑块转化为动态面板,设置动态面板载入事件,载入时设置变量location=滑块的x坐标。 设置动态面板拖动事件 1. 拖动时,设置动态面板水平拖动 这里需要注意三点: (1)边界设置,滑块的位置应当大于等于loc…

2019年9月30日 0条评论 720点热度 0人点赞 阅读全文
UI设计

Axure 中继器:如何实现微信九宫格设计交互?

如何利用Axure中继器实现微信九宫格设计交互?一起来文中看看~ 下面这张图就是大家熟悉的、不怎么用的、特值钱的微信支付九宫格截图(尤记得京东入住的故事): 田同学说:“这原型效果还不简单,矩形+图片,添加链接,然后ctrl+c/+v * 9,over”。 这方法确实能实现这个样式,没问题,也是大家采用最多的、最原始的方式。这里采用中继器控件可以更加快速的、顺滑的完成,也可以锻炼你对中继器的使用和加深对中继器的理解。 他来了、他来了、他一步一步走来了~~~ Step 1 拖拽设置尺寸为 375*667-20 (这里…

2019年9月30日 0条评论 848点热度 0人点赞 阅读全文
UI设计

Axure RP8 教程:照片胶片放映滚动效果制作(一)

如何利用Axure RP8 实现照片胶片放映滚动效果呢?一起来文中看看~ 生活中,经常看到胶片放映滚动播放的效果,如下所示: 原理分析: 图片集循环水平滚动展示。 当【图片集】向左水平移动时,最后一张图片显示到达最右端时,第一张图片移到后面,继续接着轮放。循环水平移动播放。 本教程将分享实现方法: 第一种:利用动态面板切换 适用情形:展示的图片集总宽度正好等于展示屏幕宽度。 1)界面元件搭建 拉入三个矩形,填充不同颜色,作为要展示的三个图片,再将其转为动态面板。接下来,需要复制状态state1,生成一个相同的状态面…

2019年9月30日 0条评论 531点热度 0人点赞 阅读全文
UI设计

Axure RP8 教程:照片胶片放映滚动效果制作(二)

用Axure RP8实现照片胶片放映滚动效果还有哪些方法呢,一起来看看~~ 继上一篇文章《Axure RP8 教程:照片胶片放映滚动效果制作(一)》,今天分享另一种实现方法。 第二种:利用元件的移动切换 实现原理:复制两组相同的图集,利用两个图集的之间的位移制作循环播放的假象。 适用情形:展示的图片集总宽度小于或等于展示屏幕宽度。 如下图所示: 1. 界面元件搭建 拉入三个矩形,填充不同颜色,作为要展示的三个图片,分别命名为:图片1、图片2、图片3,组合并命名为【图集1】,再复制【图集1】为另一组【图集2】,并排在…

2019年9月30日 0条评论 623点热度 0人点赞 阅读全文
UI设计

Axure教程:小白如何1分钟搞定垂直滑动?

贡献一个滑动模板,可以减少操作失误,更简单的设置滑动效果,并且没有滑动框。 效果预览地址:https://95mtb2.axshare.com 一、新建AXURE 插入iphone6外壳: 二、载入模板 1. 下载“我的页面-垂直拖动案例”,解压压缩包 链接: https://pan.baidu.com/s/1z0MUefPFZ1_j_zHbBWNqDg 提取码: qr2a 2. 载入模板 文件—从rp文件导入,按照提示一步步操作就能载入模板。 3. 复制动态模板 把动态模板复制到之前的iphone6外壳内。 三、…

2019年9月30日 0条评论 541点热度 0人点赞 阅读全文
UI设计

Axure RP 9 教程:模拟微信系列——消息对话效果

如何用Axure RP 9做出微信的消息对话效果呢?就在模拟微信系列教程。 今天给大家简单演示一个模拟微信教程,接下来会逐步完善模拟微信的更多细节。 本次教程我们模拟的内容,包括模拟利用中继器实现消息对话,同时显示最新一条消息的收到时间或者发送时间。 一、框架搭建 因为接下来会更深层的去做一些内容,因此本次我们先搭建好一些框架,以便后期继续增加新的交互:我们需要一个动态面板,里面添加五个状态,分别用来显示四个一级菜单和对话页面。 我们需要四个中继器,用于实现消息对话的效果,同时微信的导航菜单放置在动态面板外边。考虑…

2019年9月30日 0条评论 742点热度 0人点赞 阅读全文
UI设计

Axure教程:不同元件的单选选中效果

如何在Axure中实现不同元件的单选选中效果?教程详解在此,请看~~ 同一选填内容的不同选项,我们可以通过拖动元件库已有的“单选按钮”,编辑选项对应需要展示的文字;然后全选所有的“单选按钮”,将他们组合并取名为某一名称;最后将此名称复制到“设置单选按钮组名称”中,即可实现效果。 以我们填写个人信息中很常见的性别选择为例。 但如果你所需要呈现的原型不是单选按钮,而是类似于菜单选中或者页码切换的展示效果,那“单选按钮”就满足不了你了 这时候我们需要自定义不同元件的单选选中效果,具体的Axure操作步骤可分解为: 第一步…

2019年9月30日 0条评论 1047点热度 0人点赞 阅读全文
12
搜一搜
最新 热点 随机
最新 热点 随机
小红书为什么难赚钱? 追踪招聘管理选品这些年,我有3点新发现 用户感知设计—赶集真实感知力升级实战! 数字化转型需要哪些数据产品?(附数据产品架构图) 抖音究竟对线下生意有没有价值? 关于系统后台的用户权限设计与思考 电商卷斗的终点是什么 凌晨重磅!ChatGPT开启联网,AI迎来AppStore时刻,应用体验将被彻底颠覆 支付宝和微信的第二次对标 旅游业嬗变,剩者迎来二次红利期
ChatGPT在一线城市火,元宇宙在二三线城市热ChatGPT热潮下的文旅住宿业,是风口还是噱头?如何设计「招聘管理」功能MCN出海实录:寻求内容与商业的本土化突破电信运营商的生态棋局|To B 生态逻辑抖音活成了“巨头公敌”?TikTok上线商城,东南亚战火再起,剑指亚马逊、虾皮如何做个纯净好玩且盈利模式完善的社交软件复选框类型+用法设计分析!B端表单设计必备纷享销客 PaaS 平台是怎么搭建的?一起来拆解一下
美国科技巨头有“危机”吗?好像没有 数字化转型需要哪些数据产品?(附数据产品架构图) “治不好拿命赔”,是怎么套路老年人的? “大小周与996”困住的都是工具人? 从工具到社区,超级星饭团的转型之路 后疫情时代,「无障碍设计」通用指南 年轻人集体失语“互联网” 无人便利店的发展状况及架构 数字农业的商业模式,及如何申报数字农业项目 2022年的双11,对淘宝平台有什么影响?

小虾米

这个人很懒,什么都没留下

COPYRIGHT © 2023 知识分享. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang