发表于: 2017-09-22 23:09:34

1 805


今天做啥:

看样子积分这边终于是没事了。

一直把Axuer当一个工具/也只是一个工具没想到还有这些个冷门的功能。

一、手绘风格的原型

其实Axure也是支持手绘风格的。具体设置在
Project——>Page style editor
我习惯使用英文版,中文版的对照图片找位置就可以了。

fetch_file0f43f017734dc42b97d6bdc40ddc66be-picture

点进去以后,找到Sketch Effects,把Sketchiness的值拖大(默认值是0),就能够得到手绘的效果了。数值越大越“手绘”。

fetch_file389d8d7766ae458c416e5cc35c4342f2-picture

试着拖动一个矩形看看?

fetch_file481be39e4fc9d96517ae6b46b4359aef-picture

其实这个设置项还有其他有趣的用途,例如设置默认的对齐方式、页面背景等等。有的同学可能每次都拖动完 控件再去改样式,如果样式比较统一的话在这里设置可以省事不少。

二、格式刷

Axure也是可以使用格式刷的,而且还可以选择样式粘贴。

格式刷在这里

fetch_file9b931dc2d47bcbff4499c8ed32590667-picture

选择性复制/粘贴

fetch_file5b2f90f33838fbe6257724b7a0c4f39b-picture

如果你没有找到这个按钮,默认是被隐藏的。从工具栏中找出即可。

fetch_filead3309f66e18566fd1317aa0f509ee75-picture

点击 customize main toolbar,选中format painter

fetch_file22b98a1516f307b1f4739d058c783868-picture

三、文件上传效果

我看到许多人做原型中,要实现本地文件上传弹出选择文件的对话框,有两种形式。第一种是最简单,直接截图系统的文件选择对话框,然后放到原型里。第二种是自己做一个仿系统选择文件对话框,费时费力,但是一次性做好是可以复用的。这里介绍一下Axure自带的文件选择对话框。效果如下:

fetch_filefe5d17a2f24427ce7eb9a8c81fb97437-picture

无需做任何效果,只需要拖动一个文本输入框,右键设置其输入类型为file就行了。

fetch_file657a2db34256a95a3db24873ac99b6ae-picture

大家注意到没,除了file类型,还有很多其他种类的类型可以选择。不试试看嘛?说不定有意外收获。

四、内置浏览器(内联框架)

呃,其实这个应该不算冷知识,但是这个控件用的比较少,稍微讲一下。拖动一个inline frame,双击它,打开面板。在这个面板中可以打开外部网页、视频、文件等,也可以打开内置的页面。

fetch_filebc8e360bd64810deb45420062700924b-picture

参考用途:

  • 单页面应用
  • 插入视频
  • 插入地图(例如百度地图)

五、顶栏自适应、固定

有些时候需要顶栏(如导航栏)固定并且自适应。这时候可以使用动态面板。

右键动态面板,点击这两个选项(Pin to Browser和100%wide)就能达到我们想要的效果。

fetch_file6fe1d8e0eddeb4b5e3018babb6eea881-picture

六、弹窗遮罩

你还在用一个半透明矩形做弹窗遮罩的效果吗?
其实Axure只需要在设置弹窗事件中选择treat as lightbox即可实现弹窗遮罩。

fetch_filee1cca56ccca9ec48a9910c2daeeefcc9-picture

效果如下:

fetch_filed91ab251256ab7961b62bc53499b1a1c-picture

另外这个地方还有一个push widget的效果,即可以将隐藏控件出现的地方自动将原本位置的控件往一个方向推,这样可以做出侧边栏展开的效果,

其实为什么最近日报水?有时候和客户一说救是大半天/小小的一句和前后的沟通也包含了大半天/

明天做啥:请假请假;


返回列表 返回列表
评论

    分享到