本节课讲解 UI从原型到视觉 - AxureRP + Figma - 个人中心,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
课程目的:根据需求完成原型图设计(AxureRP 9.0),根据原型图完成页面视觉设计(Figma)。
那我们开始今天的教程吧。
1.首先使用思维导图分析个人中心需要的元素、按钮,即需求分析,具体如图所示。
2.打开AxureRP软件,【新建画布】,然后将思维导图【复制】并【粘贴】至AxureRP软件中,摆放在画布左侧作为参考,如图所示。
3.拉入【矩形2】并调整其位置大小,摆放在画布顶部,命名为状态栏,如图所示。
4.【复制】矩形后将其移动至画布底部,调整大小,命名为标签栏,如图所示。
5.拉入【圆形】,调整位置大小,摆放在标签栏上,然后拉入【文本标签】,放置在圆形底部,修改文字为主页,然后将它居中对齐圆形,如图所示。
6.【复制】这圆形和文本标签,移动至右侧,修改标签为信息,重复操作做出发布、收藏和个人中心,如图所示。