【UI从原型到视觉】 AxureRP+Figma-个人中心

本节课讲解 UI从原型到视觉 -  AxureRP + Figma - 个人中心，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复。

课程目的：根据需求完成原型图设计(AxureRP 9.0)，根据原型图完成页面视觉设计（Figma)。

那我们开始今天的教程吧。

1.首先使用思维导图分析个人中心需要的元素、按钮，即需求分析，具体如图所示。

2.打开AxureRP软件，【新建画布】，然后将思维导图【复制】并【粘贴】至AxureRP软件中，摆放在画布左侧作为参考，如图所示。

3.拉入【矩形2】并调整其位置大小，摆放在画布顶部，命名为状态栏，如图所示。

4.【复制】矩形后将其移动至画布底部，调整大小，命名为标签栏，如图所示。

5.拉入【圆形】，调整位置大小，摆放在标签栏上，然后拉入【文本标签】，放置在圆形底部，修改文字为主页，然后将它居中对齐圆形，如图所示。

6.【复制】这圆形和文本标签，移动至右侧，修改标签为信息，重复操作做出发布、收藏和个人中心，如图所示。

7.如果想要制作更精美的主页，可在【元件】中搜索并将【Home】图标拖入画布中，调整位置大小，代替圆形，老师在教程中就不做过多调整，如图所示。

8.拉入【圆形】并调整其位置大小，摆放在画布上方的中间位置，然