本文系结合SKETCH的帮助文档,在翻译的基础上,结合实际案例讲解。
主要是写给想学习sketch的产品经理,或前端开发人员。
SKETCH操作界面介绍文章汇总:正文:
Sketch的工具栏包含了所有您在设计中会用到的工具。系统默认的工具栏,如下图所示,包含的工具有插入图层,编辑图形以及文档管理相关的工具。
(The toolbar in Sketch contains all the tools you need to create your design. The default setup—seen below, contains tools that will insert layers, edit shapes, and organize your document.)
从左边开始,第一个工具是插入图层按钮,点击后会弹出更多菜单供您选择。无论你选择菜单项的哪一项,都将会创建一个新的图层类型。在插入图层按钮右边的就是“数据”按钮,它会给根据您所选择的图形图层填充一个随机生成的图片,或给文本图层填充随机的文字。
(The first item on the left, is the Insert pop-up menu. Any item you select here will draw a new layer. Data, to the right of it will apply a random image to shape layers, or text content to text layers.)
再往右看,会看到创建象征符号按钮。它会将您所选择的图层或图层群组转变为一个新的象征符号。
(Create Symbol allows you to convert the selected layer or group into a Symbol.)
接着是视图按钮组件,您可以点击缩小或放大按钮来改变文档的视图区域,以便您能更加清晰的观察一些细节。创建群组按钮和解散群组按钮则是用来组织您的图层列表使用的。
(The Zoom buttons let you see more or less of your document depending on the zoom level, which is indicated by a percentage under the icon, while the Group and Ungroup items used for organizing your Layer List.)
再接着是五个编辑控制按钮,使用这些按钮,可以对所选图形图层进行一些操作。当选择了图形图层后,遮罩和尺寸这两个按钮就会变成激活状态,遮罩的作用主要是剪切应用于遮罩上的图层,尺寸的作用则是改变所选图形图层的大小。扁平或称为恢复初始状态按钮,将会把一个应用了变形或布尔运算操作的图形图层恢复至其初始状态。
(Following that are five of the editing Controls that allow you to manipulate your selected shape. Mask and Scale also become active when a shape is selected, and these tools will allow you to clip layers to shapes, and resize them respectively. Flatten can be used to apply transformations or destructively apply boolean operations.)
编辑控制按钮旁边的是布尔运算操作符按钮,主要用于对图形图层进行合并计算操作以生成一个新的复杂图形图层。
(The next set of four icons are the boolean operations which are used to combine shapes.)
点击视图弹出按钮会展示更多的可选项,您可以显示或隐藏各类虚拟辅助线,当您在操作复杂文档时会有帮助。
(The View pop-up menu allows you to show and hide visual aids that can be used when working with complex documents.)
点击预览按钮,会打开一个新的窗口,您可以在这个新窗口上实时预览您的设计稿,或者在IOS设备上(注:需安装Sketch的Mirror App软件,且需将IOS设备用USB线连上电脑)查看。Sketch的云服务也特别厉害,当您将文档上传至Sketch的云端后,您可以使用WEB或IOS客户端直接访问云上的文档内容。
最后一个按钮是导出按钮,它的主要作用是导出文档内的资源(注:一些切图,图标啥的;前提是你在设计时已经做好的切图及图层管理)
(Preview allows you to view your design in a new window, on the web or iOS device, whilst Cloud will display the contents of your document, if uploaded. Finally, the Export button will let you export your assets.)
当然了,Sketch的工具栏支持客制化,您可以在工具栏上按住“Control”键的同时单击工具栏,会有一个弹窗出现,弹窗里有“自定义工具栏”菜单项,选择该菜单项将会进入自定义工具栏页面,里面有好多工具供您挑选,您可以选择自己常用的工具放置在工具栏上。
(These are just a handful of tools that Sketch offers. By Control-clicking and choosing “Customize Toolbar…” from the shortcut menu you can create your own toolbar layout.)
PS:我需要把英文原文也贴上来吗?还是只用中文就可以了?
如果对翻译的内容或实际的案例有疑问的,欢迎留言!
作于:2018年11月13日。
上一篇:
下一篇:
Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved