本节课讲解 UI从原型到视觉 - AxureRP + Figma - 个人中心 - 视觉篇，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复。
课程目的：根据原型图完成页面视觉设计(Figma)。
那我们开始今天的教程吧。
1.推荐同学们使用iPhone X等全屏机尺寸进行制作，总高度为812pt，总宽度为375pt，其中系统状态栏高度为44pt，导航栏高度为44pt，标签栏高度为44pt，操控白条区为34pt，具体如图所示。
2.下图中左图为上节课制作的原型，右图为区域划分，其中导航栏和标签栏为固定区域，具体如图所示。
3.将最终区域和原型区域做整合，整个的区域划分与原型基本相合，如图所示。
4.打开Figma软件，建立一个iPhone X等全屏机尺寸的模板，为了节省时间，老师已经将底部的标签栏和顶部的系统状态栏制作出来，如图所示。
打开APP，离线免流量