98tang99久久亚洲

98tang99久久亚洲

一直非常喜欢有爱的设计,最近看了几个手表的设计稿,尝试使用axure的新特性模仿。

这个作品所有元素都可以使用现成的axure部件实现!先睹为快:点击预览

实现的功能有:

手表根据系统时间获取天气依据时间,自动切换模拟手表走时天气的开关星期的显示

98tang99久久亚洲

下面介绍axure两个新特性:

特性1:支持旋转:(设置一个小的例子,去试试不同的组合会产生什么效果,立刻就能了解功能特性,网上教程也很多,我就不再赘述了)

98tang99久久亚洲

特性2:合并两个部件(请尝试使用,还有自定义变形工具)

月亮、云朵、天气整体形状、指针等,均可画出!

98tang99久久亚洲

98tang99久久亚洲

下面开始具体的教程:

1、画手表雏形 (矩形+圆形)

98tang99久久亚洲

2、绘制表盘[需要旋转的指针使用两个部件组合]

98tang99久久亚洲

3、绘制天气[利用形状组合]

98tang99久久亚洲

4、获取系统时间让指针动起来[使用新的旋转特性\利用显示和隐藏循环处理旋转]

98tang99久久亚洲

5、根据时间判断天气应该是白天还是夜间

98tang99久久亚洲

6、绘制控制天气的界面[主要做一个开关,用于显示和隐藏天气]

98tang99久久亚洲

7、绘制一个半圆刻度[做一个手指触摸表盘边缘设置倒计时的效果]

98tang99久久亚洲

按步骤做下来就可以实现初步的效果, 一些光晕和透明度,在控件的属性设置里都能调节!

这个大约是5个月前做的,使用的是测试版本的axure8,之前由于没有空编辑这个教程所以拖了半年才发布,也是懒到家了。

98tangapp下载安装

作者地址下载:http://pan.baidu.com/s/1mijI9jM。密码:v7ae

官方下载:http://pan.baidu.com/s/1geVFLyb

在线预览:点击预览

本文由 @陈张良 原创发布于98tang ,未经许可,禁止转载。

本文来自投稿,不代表【】观点,发布者:【

本文地址: ,如若转载,请注明出处!

举报投诉邮箱:[email protected]

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年11月26日 下午11:29
下一篇 2023年11月26日 下午11:31

98堂地址入口亚洲日韩

  • 98堂地址入口亚洲日韩

    开始入门Axure时候,都会有一种想法,怎么才能最简单明了的体会到这个软件的功能呢?从最基础的开始按钮,到后面的网站连接,渐渐地引导我入门。当我学习到进度条时候,网上也有许多版本。当时学习了一段时间,也折腾了一段时间才学会,网上教程也很模糊,所以给新入门的朋友详细的操作。 下图是做出来的效果: 操作技巧: 1、首先拉出一个矩形,命名为进度框; 2、然后复制这…

    2023年11月26日 原型设计
    7 0 0
  • 98堂地址入口亚洲日韩

    这次我们来讲解一个使用移动位置来实现 Banner 轮播的效果,一起来文中看看~ 先说一个篇外话,我写这个之前观看了一位行业内的大神利用全局变量做的轮播图。话不多说,看图: 使用变量需要编辑很多参数,这对于新手来说有点不太容易理解,以下是该文件里面的变量设置: 交互用例( 图片 1 的距离 ): 研究了一会,对我这种工作一两年的人来说还可以理解,但感觉对于新…

    2023年11月26日 原型设计
    4 0 0
  • 98tang福利在线

    本次来讲解 PC 端电商首页的商品分类,如何在Axure里面实现。 以下依旧使用动态面板来实现效果( 理由:方便、快捷、不需要函数 ) 先来看一下某东的 PC 首页的商品分类效果,下文将按照此效果实现出来: (因gif图比较大压缩出现失真,各位看官将就一下) 一、准备元件 1.拖出四个矩形,输入文字 “ 一级分类 ” ,w 为:200 px ,h 为:50 …

    2023年11月26日 原型设计
    6 0 0
  • 98tang福利在线

    本文主要给大家讲解知乎 PC 端顶部栏的交互原型制作,一起来文中看看~ 先来看一下知乎顶部栏是怎样的,看图: 下面开始制作我们的原型 ~ 一、准备元件 (1)打开 Axure 新建一个文件,在你要制作的页面里面点击右侧的样式 – 页面排列方式(修改为居中)- 背景颜色为 #F2F2F2 ,如图: (2)然后我们在界面中拖进一个矩形,w 为 100…

    2023年11月26日 原型设计
    4 0 0
  • 98tang福利在线

    本次教各位小伙伴使用内联框架来实现页面滚动,除此之外还会有一些小案例 ~ 先来看看 天猫 首页 顶部栏 的效果 ~ (以上图片已是上传的极限, 各位看官要是看不清,请自行下载天猫,打开首页观看) 所以今天我们就拿天猫首页的顶部栏为例子,来讲解在 Axure 里面是如何制作的 !! 一、准备元件 先看图: (以上图片分三部分讲,背景元件色值为:#E4E4E4,…

    2023年11月26日 原型设计
    6 0 0
  • 98堂地址入口

    本文主要讲的是关于手机屏幕上的滑动在原型设计中是如何实现的,一起来文中看看~ 我们使用手机时经常看小说,逛商城需要大量的滑屏。左右(滑过来,滑过去),上下(滑上去,滑下来),滑的不行不行的,有木有?但是在原型设计中是如何实现呢? 反正这个问题也困扰我一段时间了,就是不好实现,也得亏我没有放弃,查看了很多资料,慢慢琢磨出了一点门道,分享给大家,先预览一下再看下…

    2023年11月26日 原型设计
    3 0 0
  • 98堂地址入口亚洲日韩

    本次跟各位小伙伴一起学习使用动态面板来实现商品分类效果,本次案例是依照某易严选移动端的商品分类页面,有了解的小伙伴可以去看一看。 下面就开始剖解整个实现过程 , 我们拿一小部分来讲解就好了,就不画一整个页面了 。 一、准备元件 拉出一个矩形( w :375,h :200 ),边框线条色值( #E4E4E4 ),已此来作为整个分类的背景框,如图: 我们再拉出一…

    2023年11月26日 原型设计
    6 0 0
  • 98tang福利在线

    离上一次发文到现在,已经很久没有写了,趁着这两天心血来潮,临摹一个 QQ 音乐的播放界面,因为个人能力有些不足,在这里还要感谢 Phoenix 老师、牧逸的指导,我才能够把整个效果做完 !!! 本次教程面向于有一定基础的 Axure 使用者(本文只讲解制作流程,不包含细节内容,因为都写的话实在是太多了,见谅!!),如果觉得有点难的可以看我前面的一些教程。 先…

    2023年11月26日 原型设计
    7 0 0
  • 98堂地址入口国 产一区二区久久

    这次我找了我之前用 Axure 做的一个简历,给大家做一个分享。简历较为简约,可以自行添加内容。这个我之前在面试的时候有用过,对于产品经理、交互设计师……当你用这个 Axure 做简历用时,别人一下子就知道你 Axure 基础不错,些许可以加点印象分。 点击链接观看:https://4hkorl.axshare.com  或者看看下面的 Gif 图: 做这个…

    2023年11月26日 原型设计
    4 0 0
  • 98tang

    通过撰写产品需求文档(PRD),能够锻炼到基本的产品能力,同时也是提高Axure操作能力的重要途径。文章为作者利用Axure撰写的Petpet的PRD,希望能够给你带来一些帮助。 此为Petpet项目PRD原型截图: 一、大纲 二、项目介绍 1. 项目背景 笔者产品小白,望以此熟悉产品开发过程,锻炼文档撰写能力,尝试输出产品从0到1。热爱萌宠,秉着兴趣对互联…

    2023年11月26日 原型设计
    4 0 0



微信客服