今年,我在旧金山举行的大会上担任用户体验设计课程的助教。我在互联网上搜索了绝对初学者的素描教程,但是没有提到任何覆盖所有基础知识而没有提到Photoshop。所以我参加了一个研讨会,为学生们制作了这个教程。
本教程将教您Sketch 3的绝对基础知识,无论您是否具有设计背景。第1部分(您现在正在阅读的内容)侧重于画板和基本形状创建,第2部分介绍图层和文本样式,第3部分介绍符号和导出。让我们开始吧!
首先,确保安装了Sketch 3。单击“文件”>“新建”创建新文档。当您看到空白屏幕时,请在左上角查看“插入”菜单。此菜单包含创建新图层所需的所有工具。
插入新图层
首先创建一个类似于画布的画板。您选择的大小决定了导出图像的最终尺寸。
画板工具
选择Artboard工具后,您可以像这样手绘绘制画板:
绘制画板
或者您可以查看右侧的“检查器”列。如您所见,有几种不同设备尺寸的预设尺寸。我选择了iPhone 5。
选择画板
注意:如果您需要调整画板的大小,只需选择其名称并拖动显示在角落上的白色框。
如果你想看整个画布怎么办?让我们尝试使用位于屏幕顶部的工具进行缩小。
缩小
您也可以通过选择“视图”>“中心画布”或使用快捷键⌘+ 1来执行此操作
适合画布到屏幕
现在您的画板完全可见,让我们添加一个矩形。位于“插入”>“形状”>“矩形”中。
矩形工具
我在画板的顶部做了一个细条,就像移动应用程序中的导航栏一样。
绘制矩形
接下来,找到右侧菜单,官方称为“检查员”。这里有一个“边框”部分,带有一个复选框。取消选中它以删除默认边框。
删除边框
我们还可以更改边框上方部分的填充。我使用#104F8A。您可以在吸管图标下方的框中输入此数字。
改变填充
请注意,如果单击填充窗口底部的+号,则可以保存此颜色样本以供日后使用!
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有