多语言展示
当前在线:339今日阅读:91今日分享:37

如何使用sketch绘制app界面返回按钮?

sketch是一款绘制UI界面非常方便的软件。如何使用sketch绘制app界面返回按钮?简单几步,让你轻松解决。
工具/原料

sketch

方法/步骤
1

打开sketch,新建一个文件。

2

通过矩形工具绘制一个正方形,这里可以按键盘上的【R】键快捷键选择矩形工具。

3

将绘制的矩形长款都设置为24(2倍图48),这里我画的是375*667的界面,绘制一个48*48的导航栏按钮。

4

选中矩形,创建symbol元件,建议将图标都创建为元件,后期切图和修改啥的都比较方便。

5

给元件命名,命名规则需要跟前段人员沟通协调下。

6

双击矩形,进入编辑,我们将绘制的矩形隐藏,开始绘制返回按钮。

7

我们用钢笔工具绘制一个小于号形状,这里绘制的返回按钮比较简单。为了保证绘制的严谨性,这里我们首先选择钢笔节点对齐网格。

8

如下图绘制返回图标,并调整好颜色和线条宽度等,再点击左上角的返回。

9

回到page1页面,添加其他元素。

10

如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。

推荐信息