Category Archives: Works

Axure 实例 - 下拉式刷新

Pull-Refresh[下拉式刷新]与之前的 Drawer Menu[抽屉式菜单]一样,都是目前移动应用中比较流行的交互设计。Pull-Refresh 最早出现在 Tweetie 中,后来这款应用被 Twitter 收购,随后被注册成了专利。当然这个只是防御性质,否则 Pull-Refresh 也不会像现在这样四处开花了。这次的实例就要利用 Axure 新增的 OnDrag 事件来模拟这种效果。

Continue reading

Axure 实例 - 抽屉式菜单

早前的 Axure 是一款适合 Web 原型的设计工具,但随着移动风潮的兴起,6.x 之后的 Axure 开始加入了一些适合移动设备的触发事件,比如 OnDrag 和 OnSwipe,这使得 Axure 也可以模拟出类似触摸屏的操作效果。这次实例要模拟的是时下爆红的 Drawer Menu[抽屉式菜单],不过这种设计最早好像被称为 Left Nav Flyouts,只是后来因为操作方式和效果很像我们日常生活中的抽屉,所以得了此名。它的好处在于,[关闭]状态下可以为移动设备寸土寸金的屏幕提供更多的展示空间,[开启]状态下又有足够多的面积来放置各种内容,并且滑动式的操作方式也符合人们对于触摸屏的习惯,如今已经可以在各种移动应用中看到这种设计。

Continue reading

Axure 实例 - 模拟 iOS 的动作列表

iOS 中有一个叫做 Action Sheet[动作列表]的控件,用于通过一次点击,在弹出的面板中为用户提供更多的可操作内容。Android 里也有类似的设计,区别在于 iOS 的交互方式是从屏幕底部向上滑出,而 Android 则是直接在屏幕中间弹出。我比较喜欢 iOS 的设计,列表由下至上滑出时会有一种优雅的感觉,不会显得太突兀。今天闲来无事就用 Axure 模拟了一个类似的效果。

Continue reading

Axure 实例 - 复选框的全选 & 取消

复选框的[全选]与[取消]是比较常见的一种交互事件,常用于对于某列表的批量编辑,形式一般来说有两种,早前常见的是通过[全选]和[取消]两个 Button 来完成对于 CheckBox 的控制,现在更多见的是只通过对一个 CheckBox 的开关式操作来完成,这次实例带来的就是对于后者在 Axure 中的实现方法。

Continue reading