《Sketch(二) 基本操作与设置》

本篇教程只挑选菜单中的部分功能进行讲解,一些常规操作,如“保存”、“重命名”、“退出”等基础常规操作不做过多解释。

菜单栏.png
Sketch主界面.png

一、Sketch

1、偏好设置

(1)通用

a、勾选“自动保存”、及时保存防止操作丢失。
b、勾选“匹配像素”中三个选项,之后移动像素都会以整数位变换,不会出现小数。


通用设置.png

(2)画布

设置参考线颜色


画布设置.png

(3)插件

我们的软件汉化后默认只有“汉化翻译插件”,其他的插件都需要手动自行安装。下面以“导出效果图插件Marketch”例子说明插件的安装方式。
a.偏好设置——插件——获取插件——进入插件官网


插件官网.png

b.默认展示全部插件,在搜索框中输入关键词即可筛选展示对应的插件。


搜索插件.png

c.这里只提供链接,实际下载地址是在Github,Github是一个面向开源及私有软件项目的托管平台。点击进入插件demo展示区,这里可以预览插件效果。点击左上角插件标题即可进入Github插件下载页面。
插件效果预览.png

d.点击绿色按钮"Clone or download"——“Download ZIP” 下载插件安装包,把文件复制到插件目录。点击“偏好设置——插件”左下角的齿轮即可打开插件目录。
插件下载页面.png

插件.png

e.重启Sketch插件即可生效。

2、服务

(1)服务偏好设置

应用快捷键设置,新增“折叠所有分组——shift+Command+C”,后期使用会很便利。


快捷键设置.png

二、文件

1、新建

新建的不是一个画布,而是一个大的文件。画布是在这个大的文件中新建的。

2、从模板新建

Android图标设计、iOS应用图标、iOS用户界面设计、Material Design、网站设计。
每一个子选项中都会自带相应的系统图标、界面元素、尺寸规范等。


模板元素.png

三、编辑

页面包含画板、画板包含图形。


四、图层

1、创建组件

Sketch中最好用的一个功能,之后的教程中会详细介绍。

2、转化为轮廓

线条设置粗度后,可以转化为图形,和Ai中扩展后的图形相同。

3、将所选拼合为位图

矢量转换为位图。

五、排列

1、变换图层位置

上移一层 Command+Alt+向上箭头;下移一层 Command+Alt+向下箭头

2、创建网格

网格工具.png

六、显示

1、自定义工具栏

七、其他

1、工具栏中的“显示——显示网格”设置网格属性。



2、“网格设置”可以设置网格的大小、加粗线位置。



3、“布局设置”通常在Web端设计使用。

4、参考线不需要像Ps、Ai中拖拽出来。只需选择图形后,鼠标滑过即可出现参考线,点击即可画出参考线。
5、Mirror是在手机上实时预览设计效果。


手机预览功能.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本书讲了什么 Sketch3基本操作介绍。 作者什么来头 郑成云,社会化媒体营销实践者,专注网络社交领域。从业6年...
    少穻阅读 7,112评论 0 1
  • 注:本文全部内容摘录整理自《Sketch 中文手册》,感谢 Sketch 中文网 以及网站作者 匡雪婷。 1. 基...
    陈加新阅读 9,166评论 0 21
  • Sketch 3 简介 “Sketch 3 是一款适用于所有设计师的矢量绘图应用”,“但除了矢量编辑的功能之外,我...
    逸如冀望阅读 5,769评论 0 49
  • 人生就像一场戏,我们都是生活这场大戏的演员。杀青是早晚的事情,只不过坚持到最后的人承受着目送一场场离别的痛苦。
    lixiy阅读 1,378评论 0 0
  • 关于作者 杰弗里·摩尔,在高科技行业鼎鼎大名,他提出了“新摩尔定律”,入选了“全球50位思想者”,成立的鸿沟咨询公...
    幸福的慧宝宝阅读 1,859评论 0 0