刚开始接触axure时,遇到了一个麻烦事儿,作为一个网站后台管理系统,难免会碰到数据和图表的设计。当然,axure为我们提供了图表控件,可以很方便的设计简单的表格。比如这样:
然而实际上的表格可能不止这么简单,就还是拿点外卖来说吧,我需要的可能是这样的:
顺便吐槽一句,为什么全都是我点外卖。。。
当时我就懵哔了,虽然excel实现这玩意简直易如反掌,可是axure怎么整啊?
当时我的做法是从excel做了个表,然后复制过来,好在axure对xls中的文本支持还不错。顺利得交了工。
回头想想,总不能一直这样吧,我这笨重的老电脑一直开俩软件多容易闪退呀。后来我找到了一些照猫画虎的笨办法:
仔细想想,所谓的表格,无非只是一个又一个的矩形,那么好办了,一个一个堆出来不就成了嘛!需要合并的单元格,我就用大的矩形,不需要的我就用小矩形。当然这种办法实在太慢了。你说优点?抱歉我没找到。
其实所谓的合并单元格,本质上是两个单元格之间没有间隔线。那么好办了,用一个白色的线条或者矩形挡在上面不就行了?这样做,比之前的无脑堆积要少好多工作量。不过问题就是,你的原型会有各种各样的长短不一的线条,矩形做补丁,一不小心点到会有误操作。
用一个大的矩形,盖在两个单元格上,作为一个新的单元格存在,这样做页面干净了不少,工作量也不会太大,不过还是笨笨的。现在我基本上都用这个方法了。
这个就不多说了,跟上文中我自己的做法一样,excel里做好再粘过来,这样做也有麻烦的地方,有些情况下你要修改的话,就要回excel里重新修改啦。
除了上面表格的问题,还有很多照猫画虎的办法。毕竟作为一个原型设计工具,axure没有必要拥有强大如excel 的表格处理功能,也没有如AI等图形编辑功能。接下来要说的,就和图形有关。
刚开始接触axure,听到很多人说元件都是自己画的,当时我是惊呆的,就左边那几个控件,能画个鬼啊。后来我终于信了,PS有PS的画法,axure也有axure的画法,比如那个经典的iPhone手机,就可以用axure画:
左边是图片,右边是用axure画的,其实并不难,无非是通过矩形工具的各种变形,调节边框和填充颜色,在用辅助坐标控制位置大小即可。完成之后还可以create library,下次可以继续拿来用。
由于简叔叔对图片的限制,具体的操作我就不表了,有兴趣的同学可以关注我的微信公众号“于少”或者在文章中扫码关注,近期我可以把一些照猫画虎的东西连带做法贴上去。
10月22日更新:微信公众号上也更新了有关画手机的推送,送上链接:
那么大家在使用axure的过程中,都有过哪些照猫画虎的做法呢,不妨也给我分享一些心得吧。谢谢!
简书第一次写东西,谢谢赏脸。