后台回复数字1,免费赠送您《产品经理入门资料包》
主要内容概览
在QQ平台上,我们可以轻松地添加联系人并创建新的讨论组。当添加联系人时,系统会智能地避免重复添加已存在于联系人列表中的联系人。Axure工具中的中继器、变量和函数等交互功能也被广泛应用在QQ的交互设计中。
交互体验细节
1. 当鼠标移至或点击联系人时,系统会显示悬停和选中的样式效果。
2. 当用户点击某个联系人时,该联系人的头像和姓名将被添加到已选联系人列表中,且系统会智能识别并避免重复添加已存在的联系人。
一、原型制作步骤
步骤1:制作讨论组面板
1. 创建一个大小为w:480,h:390的讨论组1面板。
2. 调整位置大小,制作标题栏,并设置颜色为绿色。
3. 在面板底部设置一个大小为w:480,h:40的灰域。
4. 制作确定和取消按钮。
步骤4:设置部件交互
1. 选择“部件文字”,操作“name”,设置文本值为中继器数据集中的“Item.name”。
2. 选择“设置图像”的“mig”,导入QQ头像作为默认图像。
3. 选择“设置图像”的“do”,鼠标悬停时更换为点击时的关闭按钮图像。
二、交互样式设置
步骤5:设置树节点交互样式
以“张三”为例,选中树节点,在部件属性中设置“鼠标悬停时”和“选中”时的填充颜色,并应用到相应级别的节点。
步骤6:其他联系人设置同上。
三、事件设置
步骤7:设置“鼠标单击时”事件
新增局部变量LVAR1,并设置其值为当前部件的文本。当点击时,执行设置变量值和新增行的操作。
步骤8:其他所有联系人的“鼠标单击时”事件设置方式相同,可通过复制粘贴来快速完成。