原型设计 - 超级产品经理

Axure高保真原型：扫码登录、加载中

我们在很多软件登录方式里面都可以看到扫码登录这个选项，那么它是如何实现的呢？本文作者通过扫码登录这一案例，详细讲述了Axure高保真原型的核心逻辑，推荐正在做交互设计的童鞋阅读。首先来看看我们要实现的效果：看过效果之后我们再确认一下我们要实现的几个功能二维码有个失效的时间；当二维码失效的时候，扫码不成功会有个错误提示；当二维码没有失效的时候，扫码成功，需要移动端上

原型设计 2021年12月10日

【Axure教程】中继器日期筛选

我们经常需要用到表格日期筛选这个功能，但你了解它的运行逻辑吗，在中继器表格中的日期筛选模型该怎么制作呢？本文作者十分详细的给我们讲述了在axure中时间筛选的步骤，一起来看看吧！时间筛选是系统里常用的功能，用户可以根据不同的时间段，快速的筛选所需要的数据。所以我们今天来学习在axure中如何进行时间筛选呢？制作完成后的模板效果如下图所示：一、材料准备1. 日期选择

原型设计 2021年12月15日

Axure实现动态进度条效果

动态进度条是产品的一个基础功能，如何用Axure实现动态进度条效果？本文作者对此进行了分析，希望对你有帮助。界面原型想要用动态进度条，原本想在网上找一个现成的用，没想到都是坑，索性自己做了一个，分享给大家（附详细步骤）。一、不带动文字的进度条①创建矩形，命名“bg”，作为进度条的整体背景,设置width=600，hight=20,圆角=4，背景色“#f2f2f2”

原型设计 2021年12月17日

管理后台自适应框架一（顶部导航）

用户进入一个新产品之后，导航栏是最先看到的功能之一，也是最常用的功能之一。本文作者介绍了如何Axure构建顶部导航，希望对你有帮助。后台管理自适应原型框架搭建将分为顶部导航、侧导航及顶部+侧导航几篇文章来介绍，原则上只提供实现思路及案例，不提供源文件。下面我们先来介绍顶部导航的自适应原型框架Axure实现思路：创建新页面，命名“管理后台自适应框架一”，页面尺寸设置

原型设计 2021年12月20日

Axure9 教程：滑动拼图验证登录效果

很多网站都会设置登录验证以防止机器人登录，滑块拼图验证是比较常见的一种形式。本文作者用Axure9来制作一个带拼图验证的完整登录效果，希望对你有帮助。一、交互效果说明1.在账户密码输入界面点击登录，进行拼图验证，拖动滑块，上方拼图块随滑块同步移动，拼图失败显示文字提示，滑块及拼图返回初始位置；2.拼图验证成功后返回账户密码输入界面，并通过上方文字提示账户密码输入的验证

原型设计 2021年12月21日

【原型元件】下拉菜单事件动作——设置详解

下拉菜单是产品的一个基础功能，能够给用户提供多种选项。本文作者介绍了如何设计构建一个下拉菜单的动作，希望对你有帮助。一、效果预览原型预览地址：http://www.atomstudio.cn/demos/elementui_dropdownmenu/二、准备工作已安装xstar组件库2021.12.24版（或更高版本）。三、详细教程1. 功能说明鼠标经过按钮时，显

原型设计 2021年12月27日

Axure高保真教程：中继器版视频播放列表

在日常使用软件的过程中，视频列表是一个十分常见的功能模块，那么，你知道如何利用中继器来设计出视频播放列表吗？本篇文章里，作者就如何利用Axure中继器实现视频播放列表一事做了总结，一起来看一下。视频列表是平台、系统里面的常用功能，所以作者今天就教大家在Axure里面怎么用中继器制作一个视频列表的原型模板。一、制作完成后应具备以下效果移入效果，移入对应的视频，视频封

原型设计 2022年01月07日

【Axure教程】多角色登录原型

多角色登录是很多系统都需要具备的功能，例如在招聘网站里，登录的角色包括、求职者、招聘企业的hr、猎头、内部员工等等。本文作者分享了如何在Axure里面制作多角色登录的原型模板，希望对你有帮助。多角色登录是很多系统都需要具备的功能，例如在招聘网站里，登录的角色包括、求职者、招聘企业的hr、猎头、内部员工等等。所以今天我们就来学习怎么样在Axure里面制作多角色登录的

原型设计 2022年01月12日

Axure实战规范分享：后台web网站

后台web网站是互联网人工作中经常会用到的，本文作者分享如何用Axure做后台web网站，一起来看一下吧。以下规范数值仅为参考，具体请根据自身产品灵活运用。一、框架尺寸设计目前 PC 端用户屏幕分辨率主要为：1920*1080、1600*900、1440*900、1366*768、1280*720等。那么我们的原型设计稿应该参考哪个尺寸设计呢？这需要我们根据具体情

原型设计 2022年01月24日

如何绘制可以校验的输入框？

如何才能解决原型设计中输入框校验的问题？本篇文章里，作者就对如何绘制可以校验的输入框的相应流程进行了梳理，一起来看一下吧，也许会对你有所帮助。在原型设计中，输入框校验效果设计是一件令人头疼的事情，但是可以通过使用bootstrap元件库中的输入框设置，可以轻松解决输入框校验的问题。一、效果预览预览地址：http://atomstudio.cn/demos/boot

原型设计 2022年01月26日