admin 管理员组

文章数量: 887006

对于我们每天熟悉得不能再熟悉的拨号键盘,你有没有想过它背后的交互设计理念是什么,它是如何通过Axure实现的呢?在本文中,笔者将告诉你这些问题的答案。

对于我们再熟悉不过的手机拨号键盘,今天来讲解其中的交互效果:

  1. 当鼠标的悬浮、按下时,键盘的按键背景色发生变化;
  2. 当点击按下数字字母按钮时,将输入对应的数字,同时显示“添加号码”按钮和“删除”按钮;
  3. 当点击“删除”按钮时,将删除号码最后面的一个数字;当数字全部删除时,“添加号码”按钮和“删除”按钮全部隐藏。

交互讲解一:鼠标的悬浮、按下交互

选中12个数字符号按钮,在其【属性】栏中的交互样式,设置鼠标悬浮和按下时,填充色的变化。

交互讲解二:数字符号的输入

利用全局

本文标签: 原型 元件 苹果 教程 手机