您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure:制作PC端聊天窗口原型

发布人:www.yunke.ai 发布时间:2021-01-01 163 次浏览

之前写文档没有用axure,最近才接触这个软件,觉得原型制作还是挺有趣的。闲来琢磨了一下里面的功能,边做边学,做了一个PC端的聊天窗口。现在还不够完善,只是将大概功能实现出来。有更好的解决方案也希望大家能不吝赐教。

效果如下:

好了,接下来进入正题。

一、草图绘制

  1. 三个色块矩形叠放,增加矩形阴影,形成层级关系。从大到小分别对应背景、列表栏、输入区域。
  2. 添加细节元素图标、文字等,图标可以在其他软件中做好导出直接使用。
  3.  然后到了添加元件的步骤,输入栏直接拉一个和输入区域等高的文本框,去掉边框,添加提示文字为“请输入…”即可,左边列表栏我是用中继器做的。(教程大家发过很多,我这里就不重复了)

二、交互制作