专栏名称: iOSDevLog
iOSDevLog
目录
相关文章推荐
今天看啥  ›  专栏  ›  iOSDevLog

sketch入门

iOSDevLog  · 简书  ·  · 2018-07-25 22:46

文章预览

第1部分:画板和形状


为什么我要写这个教程

今年,我在旧金山举行的大会上担任用户体验设计课程的助教。我在互联网上搜索了绝对初学者的素描教程,但是没有提到任何覆盖所有基础知识而没有提到Photoshop。所以我参加了一个研讨会,为学生们制作了这个教程。

本教程将教您Sketch 3的绝对基础知识,无论您是否具有设计背景。第1部分(您现在正在阅读的内容)侧重于画板和基本形状创建,第2部分介绍图层和文本样式,第3部分介绍符号和导出。让我们开始吧!

创建画板

首先,确保安装了Sketch 3。单击“文件”>“新建”创建新文档。当您看到空白屏幕时,请在左上角查看“插入”菜单。此菜单包含创建新图层所需的所有工具。

插入新图层

首先创建一个类似于画布的画板。您选择的大小决定了导出图像的最终尺寸。

画板工具

选择Artboard工具后,您可以像这样手绘绘制画板:

绘制画板

或者您可以查看右侧的“检查器”列。如您所见,有几种不同设备尺寸的预设尺寸。我选择了iPhone 5。

选择画板

注意:如果您需要调整画板的大小,只需选择其名称并拖动显示在角落上的白色框。

Sketch使产品设计变得非常简单。

如果你想看整个画布怎么办?让我们尝试使用位于屏幕顶部的工具进行缩小。

缩小

您也可以通过选择“视图”>“中心画布”或使用快捷键⌘+ 1来执行此操作

适合画布到屏幕

添加形状

现在您的画板完全可见,让我们添加一个矩形。位于“插入”>“形状”>“矩形”中。

矩形工具

我在画板的顶部做了一个细条,就像移动应用程序中的导航栏一样。

绘制矩形

接下来,找到右侧菜单,官方称为“检查员”。这里有一个“边框”部分,带有一个复选框。取消选中它以删除默认边框。

删除边框

我们还可以更改边框上方部分的填充。我使用#104F​​8A。您可以在吸管图标下方的框中输入此数字。

改变填充

请注意,如果单击填充窗口底部的+号,则可以保存此颜色样本以供日后使用!

准备好了吗?转到第2部分

………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览