手把手教你设计SNS社区【6】

5）画页面原型（技巧介绍）

 画页面原型，出前台界面表现。深有感概的是，感谢AXURE这个软件，让我们的工作全面提速。大家对AXURE应该很了解吧，网上还有AXURE的交流群。我打英文版以来用了近3年了，常用的就是哪些功能。基于onmouse/onclick/onfous以及onload一些交互。要是做些TAG或菜单动态样式，就可以邮件又以下它的轮换样式就好了。说到这，我就一些画页面的软件技巧略带讲解一下。

【图26】====================================================================

【图27】====================================================================

【图28】====================================================================

【图29】====================================================================

【图30】====================================================================

AXURE可能还会用到模拟“图片替换效果”、对于外调的交互效果，直接可以用inframe链接。补充一点，axure在画线框图的效果中，1）一定要注意把一些共同的元素作为“组件”或“模板”用，这样保存的文件会比较少；2）对一些原型效果微调的时候，可以组合多层形状，可以具体到“top=？、left=?”这样打开出来的页面不会因为绝对位置不一样，在演示的时候形成错位感。这里不一一说明。

我们根据最早的目录，开始进行圈子具体交互页面的拼魔方运动。大家也一起跟着试一下，如果给你3个小时，你能很高质的完成么？其实画的过程可以查漏补缺，对整个需求的用户体验设计起到一定的思考。