发布网友 发布时间:2023-07-23 03:16
共1个回答
热心网友 时间:2024-11-29 08:37
在各种编程和设计的软件中,axure、BalsamiqMockups、justinmind等都是非常常用的设计环境,的设计课程中,霍营java课程主要讲解的是Axure环境下的编程设计。
关于什么是原型,原型画到什么程度,选什么软件,画高保真的必要性等等,这些已经被人写烂的东西我就不写了。就从axure的三巨头动态面板、函数、中继器来谈一谈自己的看法(先表达一下对国产软件的支持和尊重,下文提到的内容绝无对国人软件的轻视)。
其实不论用什么原型软件,画原型都只是一个拖拖拽拽的事,主要是选用合适的软件时能够从底层加深对产品的理解。
一、动态面板
之前看一位老师说过,动态面板你就可以把它理解为幻灯片:在这个面板内可以添加很多张幻灯片,经过不同的手势(用例)来切换。
动态面板结构
1)在axure的右下方是整个产品的页面结构,像父级文件和子级文件一样排列。
同级页面间的并列关系
父子级页面的包含关系
2)动态面板的命名
我经常看到有小伙伴不知道动态面板和动态面板的命名方式,之前看一个段子:一个产品汪接手一个项目,之前的妹子画原型是用水果和蔬菜命名的,让人哭笑不得。这里可以推荐给大家一种命名方式,大驼峰,小驼峰,下划线:
1、小驼峰式命名法(lowercamelcase):
第一个单字以小写字母开始,第二个单字的首字母大写。例如:firstName、lastName。
2、大驼峰式命名法(uppercamelcase):
每一个单字的首字母都采用大写字母,例如:FirstName、LastName、CamelCase,也被称为Pascal命名法。变种:StudlyCaps,是“驼峰式大小写”的变种。
3、下划线命名,例如:first_name,last_name
良好的命名方式一方面方便自己修改,另一方面有利于和开发人员的对接,改动时快速查找。
3)动态面板的功能
面板的功能很强大,axure常用的交互都能满足,而且在画原型时建议先将页面元素排列画好,再统一装入动态面板中,再添加用例。千万不要画一点装一点,相信我,我之前画过一个50M的原型,每次F5都要点几层才能看我想要的效果。
新页面与弹出层的关系
这些在axure中都可以很好的体现。如果不用动态面板而是用页面跳转的方式来画也可以体现出来。老K之前写过画原型的三种方式,有兴趣的朋友可以自己查一下,优劣势各自选择,如果加上页面跳转流程的话,我现在知道四种画原型的方式。