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

Axure:菊花转(页面加载动画)如何制作

10月14日 话藏心投稿
  本文分享了页面加载动画如何制作,希望对大家有所帮助。
  先看效果:
  以下是制作步骤:
  第一阶段,素材准备
  (1)拉入一个圆
  注意:调整圆的大小,示例中是5050。
  (2)设置元件(圆)的线宽为最粗这样看上去效果最明显(简单粗暴大法)
  注:线宽可根据实际情况自行调整
  (3)设置元件(圆)的线段类型为最碎这样看上去效果最明显(简单粗暴大法)
  注:线段类型可根据实际情况自行调整。
  (4)设置线段颜色为渐变再加点效果,等下转起来效果更明显,
  重点说明:原始版本无此设置(默认为单色:黑333333),锦上添花的一步。
  注:
  颜色可根据实际情况自行调整;
  渐变效果可根据实际情况自行调整(拖拽那两个小尖尖)。
  第二阶段:设置动作
  注:以上文看到的动画为蓝本。
  用例翻译成大白话就是:元件载入时,顺时针(方向)线性(动画效果)2000毫秒(动画时长)旋转自身720度注意是旋转720度,不是旋转到720度(相对位置与绝对位置的区别)
  即,以下几个设置要关注一下:
  旋转位置因为默认是相对位置,此示例中不需要调整;
  旋转角度旋转的目标值,此处设置的是720度,即2圈;
  方向顺时针或逆时针;
  动画axure自带的动画,选择的是线性效果(均速);
  动画时间即动画执行的速度:时间越长,速度越慢;时间越长,速度越快。
  注:以上设置,并不是唯一答案,应该在实际使用时灵活调整,活学活用。
  再注:此例中用的动作进是“载入时”,同样不是唯一答案,可根据实际需求,放置在相应的动作下面。
  OK,菊花转效果做好了,是不是很简单?!轻按F5查看一下成果吧。
  原型链接:菊花转,欢迎下载交流。
  对了,还有以下几个点可以拓展一下
  如何让菊花一直转?
  在1的一直转的前提下,如何停止转正?
投诉 评论 转载

Axure教程:按钮的启用和禁用设计原型中常要用到按钮的禁用和启用,比如常见的:输入手机号获取验证码的获取按钮,在未输入内容前按钮不可点,输入按钮后,可点击获取按钮获取验证码。那我们本文就一起来看看按钮的启用和禁……Axure:一分钟制作二级折叠菜单上一篇文章写的拖动列表,里面用了一些公式计算有朋友说有点复杂了,今天做一个二级折叠菜单,个人认为算是我看到的所有文章里步骤最简单的实现办法了,如有更简单的欢迎交流讨论效果……Axure案例:电商购物车购物车功能已经成为各类电商系商品的一个基础功能,那么关于购物车页面的一些交互功能,如何通过原型设计去完成呢?本文以京东购物车为实例,将重点讲述关于购物车页面的交互用例设计。……Axure:一个简单的进度条,了解“触发事件”动作本文通过制作一个简单的进度条,顺便来了解一下“触发事件”动作。先看效果:涉及知识点:“设置尺寸”动作;元件变量:T元件属性:heigh……Axure教程:用Axure进行简单界面设计及交互效果本次作业为根据TIM登录界面截图,画出一副一样的原型。以TIM登录界面为例。一、分析当我们手里仅有这一张截图时,怎样利用Axure做出和截图一样的原形界面呢?……Axure:菊花转(页面加载动画)如何制作本文分享了页面加载动画如何制作,希望对大家有所帮助。先看效果:以下是制作步骤:第一阶段,素材准备(1)拉入一个圆注意:调整圆的大小,示例中是505……APP工具栏如何用Axure画出来工具栏用来展示和方便用户完成当前页面的主要操作,俗称操作栏。典型应用场景原型画法(无交互)工具栏通常包含多个操作按钮。位于屏幕底部。先画工具栏背景,从默……Axure:中继器实现表单增删改查在用Axure的时候,怎么通过中继器实现表单的增删改查呢?本文分享了一个方法。使用中继器设计表单,如下:一、分析在文本框中输入学号,姓名,成绩,班级,点击“新……玩转Axure:如何制作验证码倒计时?注册模块是每个产品必不可少的一部分,也是大部分产品经理着手设计一个产品时遇到的基础部分,在这里通过这个教程分享如何使用Axure中的动态面板实现获取验证码倒计时功能。在开……如何设计规范的原型图?首先需要了解交互稿和原型图的联系与区别:按照常规的工作流程,交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图,这些都可以归纳到交互设计文……Axure:巧用交互样式实现多tab切换效果本文分享了在Axure中巧用交互样式实现多tab切换效果的方法,希望对大家有帮助。先看效果:步骤:第1步,先准备三个矩形。1个内容(结果)展示区域……Axure中继器:实现“万能”数据表模板的方法看过很多关于中继器的文章,但如果想要自己做一个,就要东搞西搞的,为了给很多“懒人”带来方便,本文要介绍的是一款通过简单修改,就可以满足使用者需要的“万能”表格。先秀一下(……
游戏化设计Part1:好的游戏会让人上瘾,好的产品也会CRM系统设计(三):从0到1构建用户画像界面设计关闭按钮,不可忽视的小元素设计微交互,创建出色用户体验方案界面设计如何将筛选功能应用到用户场景中?激活存量用户,提高用户留存用户体验地图互联网平台建设(二十二)产品体验日记发现优秀的设计03期“考勤打卡”这个产品,你一点都不简单实例分析:一整套业务系统产品技术架构的方法论在产品设计中如何考虑转化率?以“跳体操”式思路,设计后台列表页

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