/ 注册

Sketch for Mac

立即下载

现代设计已经趋于扁平化,而您的工作团队都是用苹果电脑的话,sketch就是非常适应现在的设计趋势的。sketch尤其适合设计师职能不细分的中小团队和个人作品的制作。线框到视觉稿可以在一个软件里完成,能省去不少时间。它最好的地方不是比ps多了什么功能,而是针对UI设计的操作、交互模式,用起来非常高效。Mac软件经典的布局,数据表单式的检查器,并没有什么特别,但上手一周后您就会发现sketch作为UI设计软件的首选,实在当之无愧。


sketch for Mac 特别说明

软件包下载完成后打开,将左侧的sketch拖到右侧的应用程序进行安装

安装完成之后,双击【sketchI18N.sketchplugin】,点击OK,随便打开一个文件或新建即是中文版

sketch for Mac 官方介绍

sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,我们同样添加了一些基本的位图工具,比如模糊和色彩校正。

我们尽力让 sketch 容易理解并上手简单,有经验的设计师花上几个小时便能将自己的设计技巧在sketch中自如运用。对于绝大多数的数字产品设计,sketch 都能替代 AdobePhotoshop,Illustrator 和 Fireworks。

sketch for Mac 软件特色

界面

我们将 sketch 的界面设计的非常简洁。最顶端的工具箱包含了最重要的操作。你可以用右侧的检查器来调整被选中图层的内容,左侧的窗口则会列出文件中的所有图层,中间当然就是你正在创作的画布。

sketch 里没有浮动面板,检查器将会根据你选中的工具来显示所需控件,这样你能始终不受打扰的在画布上创作。

图层

图层是 sketch 中最基本的构成单位。不同于其他将图层和对象混为一谈的应用,在 sketch 里每个对象都有自己的图层。我们所说的“图层”和“对象”其实是一样的意思,这两个词是可以相互替换的。

编组和画板能让你在 sketch 里有效的管理内容,他们也会被视为多个图层的组合。要想添加新的涂层,你可以单击工具栏中的 insert 按钮。

图形

在你的文件中最常见的图层应该就是图形了。sketch 提供了多种不同的基本图形供你选择:圆形,矩形,星型等等。这几个图形中会有几个有趣的额外选项,比如星型和圆角矩形。

你只需单击工具栏中的 添加(Insert)>图形(Shape) 按钮,选择一个图形,便可以开始创作。当你的鼠标在画布上拖拽的时候,sketch 会提示你这个图形的大小,松开鼠标,便会成功添加图形,右边的检查器上也会立即显示出这个图形的相关信息,又是也会出现相应的额外选项。

文本

sketch 使用操作系统原生的字体渲染,因此文本看起来都会很棒。使用原生字体渲染的好处就是当你进行网页设计时,你可以肯定作品中的文本都是精准的。sketch 同时支持文本样式,所以你可以让多个文本图层使用共同的字体,大小,和字间距等等。

图片

sketch 不是一个位图编辑器,所以我们的图片编辑功能比较有限。但是 sketch 3 改进了这一点,现在能更好的处理文件中的图片。

值得注意的是,你可以将任何图层变成一个扁平的位图,通过进入 图层 > 将选区变成位图 (Layer > Flatten Selection to Bitmap)。

符号

符号是 sketch 3 里一个重要的新功能,它让你方便的在多个页面和画板中重复运用某组内容。但他们保存在某一文件中,并不能在不同文件中共享。

符号本身其实就是一种特殊的组,在图层列表中也是以组的形式出现,但是不同于普通的组的蓝色图标,符号会有一个紫色的文件夹图标。

式样

检查器会显示出所选图层的一切式样选项。

从共享式样开始,接着是通用透明度、通用混合模式,再下面是填充、边框、阴影、模糊和镜像。

编组

除了图形、图片、文本这样的基本图层之外,sketch 还有一些可以帮助你管理和展现导出的特殊图层。

画布

sketch 里的画布尺寸是无限的。你可以用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出后的样子。

如果你想在画布中设置一个固定的边框,你可以直接用画板 (Artboard) 工具创造一个新的画板。

导出

想要导出你的文件,你可以从菜单栏进入 文件 > 导出… (File > Export…) 或者直接单击工具栏中的导出按钮。sketch的画布是无限的,所以导出文件时,你要告诉 sketch 你想导出具体哪个部分。

在sketch 3 里,我们极大改进了导出文件的流程。当你点击工具栏中的导出按钮时,sketch 会为你列出画布、画板、切片中所有可导出的图层。你可以从中导出部分或全部的图层。值得注意的是,如果你事先选好了图层再点击导出按钮,那么sketch 会默认的只帮你导出那些图层。

导入

支持导入的文件格式

sketch 支持导入几种不同格式的文件,你可以将文件拖进 dock 上的 sketch 图标,或者直接拖进一个已经打开的画布里。

・JPG: 照片文件所常用的格式,但并不支持透明度。

・PNG: 如果你画的内容中有透明的像素,这将是最好的选择。

・TIFF: 支持透明度,但这种格式的文件会更大。

・SVG: sketch 支持导入 SVG 文件,但是可能并不是100%,目前 SVG 有一些概念我们还不支持

・PDF or Eps:  sketch 支持导入 PDF 和 Eps 文件,但是和 SVG 一样,有一些概念无法支持,文件内容可能无法完整显示

如果你的 Eps、PDF 或 SVG 文件 sketch 无法正确导入,请邮件联系官方,官方会尝试在下次更新解决这个问题。

不支持导入的文件格式

以下列出了一些平面设计中常用的,但sketch暂时还不支持的文件格式。

・psD: sketch 只能以位图形式打开 .psd 文件。

・AI: sketch 只能以位图形式打开 .ai 文件。

性能

sketch 的性能可以轻松的支持相当复杂的设计,但如果你创作出了一个很大的文件,你可能会想知道有哪些因素影响着 sketch 的性能。

快捷键

sketch 有一系列为数不多但相当实用的快捷键,他们能大大提高你的工作效率。

sketch for Mac 最新功能

新旧结合,从头了解 sketch 3 &mDash;&mDash;  快速复制排列

我们经常会有这样的需求,整齐的去重复排列某个按钮或者图标。这里有两个最快速的方法:

运用 alt 键 和 cmd + D

使用网格工具

新旧结合,从头了解 sketch 3 &mDash;&mDash;  蒙版

sketch 虽然是个矢量编辑工具,但当我们在设计中使用图片时,sketch也支持一些简单的位图功能,蒙版便是最常用的之一。

创建蒙版

三角、圆、多边形,任何图形都可以设置为蒙版,画布上会只显示出蒙版图形之内的内容。

Alpha 蒙版

这是 sketch 3新增的功能。Alpha 蒙版可以在菜单的图层选项中找到,你可以给蒙版的填充(而不是图片本身)设置透明度的渐变来产生更合适的效果。渐变如果有不同的色彩值是会被忽略的,整体效果只会受透明度的影响。

新旧结合,从头了解 sketch 3 &mDash;&mDash; 符号 & 共享式样

UI 设计的过程中,我们常常会想重复使用某些元素,已达到整体风格和细节的统一,有时是一个按钮,有时是一种文字式样,有时则是图形填充和边框的式样。复用之后我们还希望这些元素可以保持同步,如果更改其中一个,其他的也会随之改变。sketch 当中有这几个不同的方式来帮你实现:

符号 Symbols

符号是针对一个组(Group)的复用。比如重复使用的 header 或者 footer 或者某个按钮。

共享图层式样 Layer Style

图层式样则仅仅针对图形:使用什么样的填充和边框,什么样的阴影和模糊,这些都是可以复用并同步的。

共享文字式样 Text Style

文本式样让你保持文本的一致性,设定好字体、字号、颜色,然后复用于多个文本。

最后你可以在共享列表中来管理所有的符号和式样,方便你删除、复制或者重命名。

当然,以上这三种都是复用后自动同步的,还有另一种比较简单粗暴的针对图形式样的编辑,那就是开始设计之前,先把某一式样设置为默认。在菜单中选择 编辑 > 设置为默认式样 (Edit > Set Style as Default), 这会替代sketch 默认设置下的浅灰色填充和灰色边框,使你接下来新画的所有图形都使用你刚刚设置的式样,但他们并不是相链接的,也不会同步变动。

新旧结合,从头了解 sketch 3 &mDash;&mDash; 模板

sketch3这次的更新吸引了很多目光,大把大把的设计爱好者购入了Skecth认真体验和学习,为了方便新朋友们,我们会把新旧功能结合在一起,介绍几个 sketch 的特别之处。

New From Template

这个功能让你从之前设定好的模板中直接新建文件(就像 Keynote 和 Pages 里面那样) sketch 已经为大家设置好了几个最常用的模板,方便直接调用。

・iOS App Icon:按照 iOS User Interface Guidelines 的要求,每个画板都是图标所需的不同尺寸。

・iOS UI Design: sketch 3 嵌入了 由 teehan+lax 制作的iOS 7 UI套件,第一页是欢迎页面,所有的 symbols 在第二页哟。(我们会再下篇分享具体讨论symbols)

・Mac App Icon:每个画板都是Mac图标所需的不同尺寸。

・Web Design:第一页包含四个网页设计的画板:Desktop HD、Desktop、Tablet Portrait 和 Mobile Portrait,非常直观。第二页同样包含简单的web UI 元素。

・Welcome to sketch:这是 Bohemian Coding 团队制作的一个展示页面,sketch 官网的最终实现效果也正是由此产生。如果你是初次使用 sketch,我十分建议你打开这个模板看看,因为它本身已经是一份完整的 sketch 文件了,你可以迅速了解到 sketch 当中规范的文件组织结构是什么样的,图层层级是什么样的,一些最基本的操作是什么样的,这些都能帮你更快熟悉 sketch。

模板的另一个好处是你可以自己新建模板,创作好文件然后进入菜单栏的 File > Save as Template。因为symbols符号功能是用于复用某一具体元素,比如一个按钮,它并不能在不同文件中共享,而模板则可以用来创建无数个独立的文件。

更新日志

版本49.2

错误修复和改进此更新修复了各种较小的问题,包括导致某些符号在保存时从文档中删除的罕见错误。

小编的话

sketch将设计转换为交互式原型。虽然它没有大型软件AI的强大,却是真正为平面而设计。帮助设计师聚焦他们真正关心的事情,站在设计师的角度将核心作为重点。还有一点是sketch开放了插件,让这些出色的插件不停完善sketch,让sketch越来越能满足不同人群的设计需求。

相关软件

相关专题