滑动条、进度条、进度环，是产品原型中比较常见的进度展示功能。今天笔者分享的是使用Axure原型工具实现两种进度展示功能中相对复杂的交互效果。 效果一、可拖动、可显示进度值、可计算多个页面均值的滑动进度...
交互设计Axure教程：滑动进度条、圆形进度环…复杂交互效果实现方法
阅读全文
交互设计 交互设计Axure制作“加载中”的交互效果学习教程
“加载中”是很常见的交互效果，因为网速，服务器接口等原因，等待网络加载中，下拉刷新，上拉加载新内容，提交表单时弹出的浮层都会有一个加载图标或者加载文案，反馈给我们系统正在执行我们的命令。 如上图。案例...
交互设计移动端Demo制作工具 Mac Principle使用教程
一．初识界面 Principle的界面与Sketch基本一致，如下图： a.属性区： 在这个区域，你可以对选中的图层进行各个属性的调节。如位置、大小、透明度等等 开启软件后，首先要选择你要演示Demo...
交互设计Principle教程：五步做一个高保真可交互原型
Principle近段时间非常流行的一款做原型的软件。很多公司也用Principle做高保真原型，这样就可以作为最小可行性产品（mvp）,在正式开发前就进行用户调查、可用性测试。 Principle有...
交互设计Principle制作可交互原型教程：数字变化+环形加载
移动端通常借助Principle来制作演示效果。 掌握Principle的必要性 1. 简单易学 大概16个课时，每个课时半个小时（包含练习时间），大约抽2周的晚上就可以学完。 教程推荐：BiliBi...
交互设计Apple设计哲学 · 沉浸与交互式体验.网页篇
Apple.com 找设计灵感是每一位设计师都做过的事。那它到底有何魅力？跟我来一探究竟吧。 一、沉浸与交互式体验 每当有新产品发布时，我们都会被它的 Landing page 所吸引。不管是 Air...
交互设计Figma Mirror是什么？如何使用？
Figma Mirror 你可以在移动设备上预览设计，以便查看在真实设备上的问题。 #预览设计 在预览设计时有两种方法： 在移动端浏览器中打开 Figma URL。 使用 Figma Mirror 预...
Figma 快捷键常用的有哪些？
整理了一些平时常用的 Figma 快捷键，善用快捷键可以为我们极大的提高效率。 #文件和属性 导出（Export） ⌘ + ⇧ + E 保存（Save） ⌘ + S 置入图片（Place） ⌘ + ⇧...
交互设计Figma教程：颜色调整和混合模式
颜色调整 我们可以在 Figma 中使用以下步骤调整图像的颜色： 在画布上选择图像（.jpg或.png） 单击画布右侧属性面板中的图像 这将打开图像选择器。 在图像选择器中，你将看到 7 个选项： #...
交互设计什么是 Figma：下一代协作式 UI 设计工具神器
首先我们需要知道什么是 Figma —— Figma 是一个 基于浏览器 的协作式 UI 设计工具，从推出至今越来越受到 UI 设计师的青睐，也有很多的设计团队投入了Figma 的怀抱，...