产品邦-帮助产品经理成长

互联网产品经理学院-满足产品经理的求知欲-产品邦

当前位置: 主页 > Axure > Axure案例分析 >

财付通分享:Axure心得大法教程

来源:非原型,不设计 heguangming.com 作者:萧何 点击:
在日常产品设计中,从产品经理到开发,Axure已经成为了标准的沟通工具及设计工具,交互设计环节也确实起到了产品设计和产品开发之间的关键作用。但是,通过跟很多产品经理的接触和沟通,我发现对于Axure这个设计工具的使用,有很多不熟练的地方,结果导致……

产品经理学院提供全面的产品经理学习培训教程。
本教程为 财付通分享:Axure心得大法-Axure案例分析
通过本 axure rp 6.5 教程可以掌握 财付通分享:Axure心得大法的方法。

财付通TID分享:Axure心得大法



  在日常产品设计中,从产品经理到开发,Axure已经成为了标准的沟通工具及设计工具,交互设计环节也确实起到了产品设计和产品开发之间的关键作用。但是,通过跟很多产品经理的接触和沟通,我发现对于Axure这个设计工具的使用,有很多不熟练的地方,结果导致了效率低下,甚至影响产品设计的表达。借着上周开了第一期产品设计工作坊的机会,我把自己使用Axure过程中的一些心得提炼出来,供大家参考,共同提升产品设计的效率及质量。


 

一、框架
 

  目前大多数的显示器都至少是19寸大屏或是宽屏,而网站的宽度还是按照1024为最大设计,因此,网站完成后,只要是固定宽度的,都会在屏幕两边留白。所以,为了保证产品原型在网页中预览的真实效果,在原型设计之初就要考虑左边的留白,如下图,不与浏览器贴边的框架既为了保证预览效果,也为了在此后的设计中保留扩展的空间(例如增加一些浮动的功能模块)。

 

财付通TID分享:Axure心得大法

 

二、底色与网格


  在Axure的默认设置中,网格是存在的,Master是红色的,而动态面板分为两种状态,分别用蓝色和黄色表示可见与不可见两种状态。所有这些,构成了设计中严重的干扰因素。如下图:

 

财付通TID分享:Axure心得大法



  所以,我们需要关闭这些视觉干扰的因素,秘诀就在于“Wireframe”菜单中,通过以下简单的设置,就能还原我们设计画布中的所见即所得效果,网格的关闭并不影响元素在画布中的吸附对齐功能:

 

财付通TID分享:Axure心得大法

 

三、辅助线
 

  在任何一个设计工具里,辅助线都是重要的部分,使用也是相当简单,从画布左边及顶部的尺子刻度上点击并拖动到画布中。然而辅助线也是影响视觉设计的一个因素,因此,在使用完毕后可重新拖动到刻度上删除。

 




友荐云推荐 (责任编辑:蓝极行)
顶一下
(18)
85.7%
踩一下
(3)
14.3%
------分隔线----------------------------
栏目列表
推荐内容