专栏名称: 91产品
91产品致力为产品新人、产品经理等广大产品爱好者打造一个全方位的学习交流平台，分享产品设计、交互设计、产品运营干货。
目录
相关文章推荐
三节课  ·  如何用AI，辅助小红书抢占搜索流量？ ·  2 天前  
人人都是产品经理  ·  AI 写进 KPI，“逼疯”打工人 ·  21 小时前  
刘言飞语  ·  试试用 DeepSeek 跟我的知识库对话 ·  昨天  
人人都是产品经理  ·  用户调研避坑指南：问卷和访谈到底怎么做才对？ ·  昨天  
人人都是产品经理  ·  蜜雪冰城为何总会被原谅？ ·  昨天  
51好读  ›  专栏  ›  91产品

Axure案例：如何制作微信原型？

91产品  · 公众号  · 产品  · 2018-07-25 21:03

正文


91运营社群招募中，勾搭小编微信号：yujielin912入社群

  • 每周91公开课，91风暴，全员参与，实际案例实际分析

  • 问题答疑，你提问题我解答

  • 行业专场，互联网金融，电商，新媒体运营等专场

  • 各地分站交流

  • 资源及人脉共享

  • 其他的。。。。

欢迎各行业互联网运营达人加入我们91运营大家庭，会运营的人都来这里了！

导读： 笔者作为小白，将自己画的第一份原型铺出来，目的是为了和大家一起交流学习。本文是基于最新版本的微信来写的，将在最大程度上还原微信原型的交互效果。


正文

PS：笔者用Google浏览器无法查看本案例的交互，不知道什么原因，知道的同学请留言喔！

由于页面过多，只上了部分效果图。开头已经说明，笔者尽自己最大的能力模仿微信的交互，并没有完全一样，望大家能够体谅。

一、效果截图

启动页：

微信页：

通讯录：

发现页：

朋友圈：

我：

订阅号：

表情：

二、实现

具体效果及操作见原型地址，在文章头部，本文将着重说说朋友圈发布及刷新的实现过程。

1. 朋友圈的效果实现

分析：

  • 界面下拉回弹后，上方出现图案旋转，图案旋转后隐藏，新的内容出现，并且排在首位；

  • 发布信息，点击右上角相机，灯箱效果出现相册发布—选取照片—填充内容—发布内容—回到朋友圈界面；

  • 笔者将是通过中继器来实现交互效果；

三、实现步骤：

1. 给朋友圈元件组合添加如下交互：

2. 相册界面添加如下元件：







请到「今天看啥」查看全文


推荐文章
三节课  ·  如何用AI，辅助小红书抢占搜索流量？
2 天前
人人都是产品经理  ·  AI 写进 KPI，“逼疯”打工人
21 小时前
刘言飞语  ·  试试用 DeepSeek 跟我的知识库对话
昨天
人人都是产品经理  ·  用户调研避坑指南：问卷和访谈到底怎么做才对？
昨天
人人都是产品经理  ·  蜜雪冰城为何总会被原谅？
昨天
砺剑  ·  30年前的老照片，看懂的人都老了！
8 年前
凰家评测  ·  神了！神经网络Demo让蒙娜丽莎的眼球转动
8 年前
微交互  ·  最新的拟物设计－你的语音助手
7 年前
南沙365  ·  地铁四号线官桥站“复活”了？庆盛站也传来了消息…
7 年前
金融监管研究院  ·  别搞错了！定向降准不是放水，口径大变更加精准扶持普惠金融企业！
7 年前
Sov5搜索   ·   小百科   ·   今天看啥   ·   移动版
51好读 - 好文章就要读起来!