本节课讲解追波风UI界面,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
![](https://pic.huke88.com/image/000/000/000/F9A309CC-8527-31E4-7D2E-296F667EBFE6.png!/format/jpg/compress/true/fwfh/293x179)
1.将页面固定的元素置入,打开【标尺】,分别是270和20,【文字工具】添加文字,右侧调整参数。
![](https://pic.huke88.com/image/000/000/000/F9A309CC-8527-31E4-7D2E-296F667EBFE6.png!/format/jpg/compress/true/fwfh/293x179)
2.小字后面的图标拖进来,进行【自动布局】,右侧可以选择排序的类型。
![](https://pic.huke88.com/image/000/000/000/F9A309CC-8527-31E4-7D2E-296F667EBFE6.png!/format/jpg/compress/true/fwfh/293x179)
3.右边放置搜索的图标,添加矩形框确定尺寸,将图片拖入,选中两个元素点击上方【设为蒙版】,调整背景颜色,按住【R】在里面创建图形,吸取图片中的颜色。
![](https://pic.huke88.com/image/000/000/000/F9A309CC-8527-31E4-7D2E-296F667EBFE6.png!/format/jpg/compress/true/fwfh/293x179)
4.进行【背景模糊】,调整【不透明度】,按【O】画圆形,添加渐变颜色,在同色系中找渐变,调整阴影的大小,【模糊】要大一些,【透明度】要降低一些,圆形上添加三角形。