微信原型设计1:手机桌面控件和启动画面显示与隐藏
微信原型设计运用的是产品原型设计软件Axure RP Pro 7.0 版。
一、手机桌面绘制
手机的外壳和桌面、以及微信图标都是直接引用的图片库中图片,将元件库中的image拖入,并单击右键导入图片即可。(非常简单)
二、启动画面显示与隐藏
将启动画面载入,并对微信图标添加交互效果:右侧交互与说明中“鼠标单击时”——显示——勾选启动画面——确定;然后根据显示的顺序,依次添加如下图的交互效果。
可以看到,上图中,有添加一个动态面板,动态面板相当于一个可以制作多种效果,包括切换、拖动、弹回等效果的面板。可以包含多种效果。微信中的“微信、通讯录、发现、我”四个界面,都需要用到动态面板来制作里面的内容和效果。今天我只做了微信主界面的效果。
在微信主界面的动态面板中,用矩形来制作对话框,图中+号各微信头像都是由图片库直接导入。此动态面板中需要加一个底页放置最底层。动态面板和启动画面均可单击右键选择“隐藏”,可在整体观看时,不影响手机桌面效果展示。