Axure制作微信APP原型（三）：消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息

Axure制作微信APP原型（三）
APP原型设计是产品经理需要做的工作之一，大家有这个方向和兴趣的可以自己下载一个Axure软件试一下。
可以用已有的APP模型参考设计学习以下，学学人家的界面是怎么设计的这么漂亮还讨人喜欢的。
这一章主要展示的是消息模块和个人模块的原型设计，有遇到设计起来相对复杂的就是浮窗界面。我会对这一个界面的设计细讲一下。

消息模块：聊天界面、浮窗、登录设备
聊天界面

浮窗界面

首先剪切部分消息界面和浮窗主界面拼接，要做到浮窗界面的背景是又是透明又是渐变的效果，那该怎么做呢？需要用到fill背景填色，点击color，这里面就可以设置想要的背景效果和颜色。

透明：很简单，下来一个同大小的界面，把它设置成黑透明色，覆盖到原界面上，此时就有黑透明的效果了。
渐变：在这里就有两个效果可以选择分别是：Linear上下左右四个方位的渐变、Radial以圆点为中心的渐变。在这里我选的是Linear自上而下的渐变。

登录设备

个人模块：个人主页、更多信息
个人主页

更多信息

学习是没有尽头的。关于微信APP的原型设计就暂时结束了，后面如果有遇到喜欢的APP也会继续研究发发这部分的文章。接下来我打算重拾一下数据结构，可能会在后面的文章中记录数据结构的相关知识。这几天也会看王道的课补一补，大家也继续加油吧！！！

Axure制作微信APP原型（三）：消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息相关推荐

人人都是产品经理之用Axure制作微信主页原型图
以13Pro为机型创建仿微信主页面的一个制作. 一.原截图如下: 画出来的原型图如下: 二.总结背景颜色和图标样式还有所欠缺. 三.步骤: 1.先 ...
Axure制作手机UI原型之界面滑动滚动效果
用Axure制作手机界面原型的时候,往往会遇到像Android中listview那种页面,手指在界面上滑动,页面也就跟随滚动,拖拽到底部或者顶部的时候还有个回弹效果,如何在Axure之中模拟这种滚动呢 ...
初探MUI制作微信APP页面（一）
国庆假期,祝大家假期快乐,外面下着雨,在家看着教程,整理笔记,方便备查. 知识学习 MUI 是 dcloud公司html5混合移动应用前端框架,可快速搭建手机原生界面应用开发. 特点: 1)极小.原生 ...
利用Python制作微信机器人（三）实现爬取JD商品价格
从前两篇的博客来看,目前已经实现了机器人单向给微信发消息,和与机器人进行交互式发消息,详情如下: 利用Python制作微信机器人(一)机器人单向发消息利用Python制作微信机器人(二)与机器人进行 ...
android+打开菜单,Android制作微信app顶部menu菜单（ActionBar）
使用微信APP的小伙伴对于微信的ActionBar一定有印象,今天就带领大家一起实现以下这个效果. 第一步打开我们的开发工具,这里我使用的是Eclipse+ADT插件,然后创建我们的工程,这里选择An ...
Axure社区产品app原型通用版+prd通用产品需求文档+产品结构+业务流程+社区产品信息结构功能脑图
在现在移动互联网入口大局已定的背景下,虎口夺食的难度还是非常大的,资金.资源.团队都是决定性因素. 一个好的社区类app可以帮助人们解决生活上.精神上的问题.现在移动互联网发展如此迅猛,智能手机的普及 ...
初探MUI制作微信APP页面（二）
国庆假期第四天,新的一轮降温开始,外面狂风不止,在家继续优化项目. 上篇把基本框架搭建起来,简单几个子页面的切换,本篇开始对子页面中内容进行优化. 源码及素材地址:Github仓库 MUI 官方文档: ...
python聊天智能回复_【微信】设置自动回复消息和智能聊天
今天是鄙人的生日,欢luo过后想写点关于itchat的文章~ (不小心暴露年龄了,是的,我已经16岁了~~) 言归正传,这里说的自动回复包括了两种:一个是类似QQ的"[自动回复]" ...
使用Axure制作App原型的尺寸设置
想用Axure设计一个 APP原型放到真实的移动设备中演示,但不知道应该使用什么尺寸? 这里直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在 ...

Axure制作微信APP原型（三）：消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息

Axure制作微信APP原型（三）：消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息相关推荐

最新文章

热门文章