如何利用Axure设计工具设计出原始计算器?

溜溜自学专注室内设计,平面设计,视频剪辑,建筑动画和软件入门基础教程,新手实现快速入门与成长?去看一下 >>
文章作者:小溜 文章分类:平面设计 发布时间:2022-12-02 11:55 浏览量:876

大家好,我是小溜,计算器作为一种计算工具,可以快捷、方便计算。现在,电脑、手机、电视机都自带计算器软件,使用时直接调用出来。下面利用一个实例说明计算器的制作方法,操作如下:

如何利用Axure设计工具设计出原始计算器?

工具/软件

硬件型号:微软Surface Laptop Go

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

第一步,打开Axure RP设计软件,在元件库里找到“矩形3”,拖曳一个到编辑区域,如下图所示:

如何利用Axure设计工具设计出原始计算器?

第2步

第二步,在元件库中找到按钮,拖曳四个按钮到编辑区域,并修改显示的内容,对应计算器中的字符位置,如下图所示:

如何利用Axure设计工具设计出原始计算器?

第3步

第三步,接着第二步,继续拖按钮和输入框,保证有十八个按钮和一个输入框,如下图所示:

如何利用Axure设计工具设计出原始计算器?

第4步

第四步,修改按钮上显示的内容,相对应于计算器数值符号显示的位置,如下图所示:

如何利用Axure设计工具设计出原始计算器?

第5步

第五步,调整按钮上显示的数值字符,将它们调大,可以方便显示,如下图所示:

如何利用Axure设计工具设计出原始计算器?

第6步

第六步,将“C”、“DEL”和“=”字符设置为红色,用于显眼显示,如下图所示:

如何利用Axure设计工具设计出原始计算器?

注意/提示

好了,以上就是“如何利用Axure设计工具设计出原始计算器?”这篇文章全部内容了,小编已经全部分享给大家了,还不会的小伙伴们多看几次哦!最后,希望小编今天分享的文章能帮助到各位小伙伴。如果大家想更深入了解Axure RP那么点击这里了解学习更多课程。

Axure8.0交互设计必备教程
Axure RP是一个专业的快速原型设计工具。Axure RP已被一些大公司采用。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
大宝老师 669人在学 基础入门
免费学习>
超低价秒杀课程
立即登录学习: