四大模块分别是:微信(为了好区分后面会称为“消息”)、通讯录、发现、我
接下来将要展示的是各个模块的设计分布图、模型、效果图。
使用的是Axure软件,下载和安装都很简单。设计中所使用的图标都来自阿里巴巴矢量图库表,真的是妙不可言超级方便,谁用谁知道。大家可以参考一下微信的模型。通过真实的微信模型,进行对齐和图标的使用和配色,不断地升级自己在APP原型设计的能力。
快捷键使用:放大缩小:ctrl+鼠标滚轮、旋转:按住ctrl键不松手,然后左键移动到角的位置,会出现一个旋转的标志。
消息模块:群名的图片不好找,就都简单一点用同一个。

通讯录模块:哎呀!忘记旁边的abcdefg了。(第二章补)

发现模块:在找这个图标的时候,被diss了,打算后面去下载PS和Ai试一下自己做图标。


最近五一放假,祝大家快乐呀!后面会更新消息模块的各个业务的界面。

Axure制作微信APP原型(一)四大模块:消息、通讯录、发现、我相关推荐

  1. Axure制作微信APP原型(三):消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息

    Axure制作微信APP原型(三) APP原型设计是产品经理需要做的工作之一,大家有这个方向和兴趣的可以自己下载一个Axure软件试一下. 可以用已有的APP模型参考设计学习以下,学学人家的界面是怎么 ...

  2. 人人都是产品经理之用Axure制作微信主页原型图

    以13Pro为机型创建仿微信主页面的一个制作. 一.原截图如下: 画出来的原型图如下:                           二.总结 背景颜色和图标样式还有所欠缺. 三.步骤: 1.先 ...

  3. Axure制作手机UI原型之界面滑动滚动效果

    用Axure制作手机界面原型的时候,往往会遇到像Android中listview那种页面,手指在界面上滑动,页面也就跟随滚动,拖拽到底部或者顶部的时候还有个回弹效果,如何在Axure之中模拟这种滚动呢 ...

  4. 利用Go制作微信机器人(二)回复消息

    利用Go制作微信机器人(一)发送消息 文章目录 前言 一.前置准备 二.url验证 三.消息回复 四.总结 前言 上一篇介绍了如何使用go来主动给微信发送消息.这一节主要是介绍如何接收消息并回复.对于 ...

  5. 初探MUI制作微信APP页面(一)

    国庆假期,祝大家假期快乐,外面下着雨,在家看着教程,整理笔记,方便备查. 知识学习 MUI 是 dcloud公司html5混合移动应用前端框架,可快速搭建手机原生界面应用开发. 特点: 1)极小.原生 ...

  6. android+打开菜单,Android制作微信app顶部menu菜单(ActionBar)

    使用微信APP的小伙伴对于微信的ActionBar一定有印象,今天就带领大家一起实现以下这个效果. 第一步打开我们的开发工具,这里我使用的是Eclipse+ADT插件,然后创建我们的工程,这里选择An ...

  7. Axure社区产品app原型通用版+prd通用产品需求文档+产品结构+业务流程+社区产品信息结构功能脑图

    在现在移动互联网入口大局已定的背景下,虎口夺食的难度还是非常大的,资金.资源.团队都是决定性因素. 一个好的社区类app可以帮助人们解决生活上.精神上的问题.现在移动互联网发展如此迅猛,智能手机的普及 ...

  8. 初探MUI制作微信APP页面(二)

    国庆假期第四天,新的一轮降温开始,外面狂风不止,在家继续优化项目. 上篇把基本框架搭建起来,简单几个子页面的切换,本篇开始对子页面中内容进行优化. 源码及素材地址:Github仓库 MUI 官方文档: ...

  9. 利用Go制作微信机器人(一)发送消息

    这些天在学习Go,也写了几篇关于阅读Gin后端项目代码的博客.但编程这种,一定要实际上手练习,要不然都是纸上谈兵.于是就想上手自己实际写一些代码来练练手.思来想去,不知道能写些什么来练手.后来突然想到 ...

  10. 使用Axure制作App原型的尺寸设置

    想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸? 这里直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在 ...

最新文章

  1. colMedians(x) : Argument ‘x’ must be a matrix、rowMedians(data) : Argument ‘x‘ must be a matrix.
  2. 如何导入别人的android studio项目,解决gradle版本不兼容问题
  3. 详解虚函数的实现过程之菱形继承修罗场(6)
  4. 每周一起读 #02 | ICML 2019:基于粒子的变分推断加速方法
  5. CodeForces 15B Laser
  6. 米家扫地机器人重置网络_谁家扫地机器人悄声打扫更干净,科沃斯DEEBOT N3对比米家1S...
  7. 一个字由两个字节组成
  8. 计算机cpu的字母,买电脑必看:CPU型号后的字母意思详解
  9. 安卓获取浏览器上网记录_Android 获取自带浏览器上网记录
  10. C语言 fprintf 函数 - C语言零基础入门教程
  11. python小程序抢购脚本怎么写_Python茅台抢购脚本的使用说明!!
  12. python版本正式对外发布的年份是_python正式对外宣布的年份_后端开发
  13. 各进制转换成十进制的方法
  14. 英特尔RealSense激光雷达摄像头L515拆解分析
  15. 程序员35岁压哨转行事业单位3年有感
  16. C++ cout输出中文信息乱码问题解决
  17. 二级Python 考试,不知道这些事,你就过不去了。
  18. 机器人 郑佳佳_浙大毕业生娶了亲手造的机器人当老婆婚礼都办了!
  19. 解决armbian 下ap6255 wifi不能使用问题
  20. 软件测试周刊(第03期):质量回溯、自动验证埋点、故障度量指标、产品质量指标

热门文章

  1. bs 网站获取电子秤重量方案
  2. UE4教程-搭建别墅
  3. Ubuntu18版本安装ROS
  4. UE5学习笔记(十一)——蓝图基础之键盘和鼠标操作移动
  5. 神舟IV号开发板STM32F107VCT6资料包(已购买)\STM32神舟IV号视频教程\第9集 串口实验 电脑超级终端连接串口1
  6. 共阳极管的代码_共阳极数码管-共阳极数码管显示
  7. 经纬度距离、范围、方位角计算、坐标转换
  8. 新装hbuilder无法运行到iOS模拟器/无法识别ios模拟器
  9. 微信小程序地图组件利用腾讯地图生成热力图
  10. python实现,excel随机抽取特定行到新表中(附上源码和桌面软件)