恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
云采翻译:sketch官方中文教程(八)
0.0°
2016-10-22 自译外文 教程 原作者: sketch官网 举报 2748 15 13 0

sketch中文教程

Image title

Image title

通用设置


打开软件时

打开 Sketch 时,您需要创建一个新的文件,或者选择现有文件。


撤销

Sketch 会将多个相似的操作视为一组,比如您连续多次按下方向键以移动图层,但是只需一次撤销,即可恢复原来的位置。


字体渲染

当您为 Mac 或网页设计时,您会想打开子像素抗锯齿效果,但是为 iOS 设计时,您会想关掉它。


矢量导入

这个选项让您在导入 PDF 或者 EPS 的时候告诉 Sketch,是应该以位图形式打开呢,还是尝试解析其中的路径变成可编辑的图形。


Sketch Mirror

让您选择 Mirror 是随时显示当前选中的画板,还是独立运行。


画布


Retina

Mac 和 iOS 的显示器会用 4 个像素来显示 1 个传统的像素。新的 Retina Mac Book Pro 上的像素是旧版本的 4 倍,但展示的内容大小是一模一样的,它们只是用多的像素来展现图片和字体的更多细节。

默认设置下,Sketch 也会这么做,多的像素会被用来展现细节,但是设计的物理大小保持不变。如果你不想使用这个功能,只想让显示器显示实际的每个像素,那么你可以关闭 Retina Canvas 的选项。


放大至选区

如果你使用 视图(View)> 放大/缩小(Zoom In/Zoom Out),Sketch 会从画布中心缩放。但如果你选中这个选项,则会放大至选中的图层。


缩小至上一位置

这个选项能让你缩小画布回到放大前的位置。默认设置中,Sketch 会缩小至画布的中心,如果你想要编辑的图层在画布很低端,这个选项能让你直接回到那里。


布局网格

布局网格可以是填充颜色的,或者只是有轮廓的,取决于你的喜好。


图层


比例缩放

如果新建组的比例是被锁住的,那么这个图只会按照固定比例缩放。如果没有锁住,则可以任意改变其大小。


开启新组的直接选择

默认设置下,新建组的直接选择功能是关闭的,一旦打开,之后新建的任何组都可以进行直接选择。


位移贴图 & 对象复制

这个选项会让你的图像位移 10px, 如果取消这个选项的话,你复制的图像则会粘贴在原图完全一样的坐标上。


贴合像素边缘

这个选项打开时, Sketch 会把所有图层尽可能的靠在像素边缘。但如果你手动在输入框输入有小数的值,Sketch 则会保留小数值。

同时,这个功能在旋转图层时也会被无视,因为旋转时本来就很难保持图层都在整数位置。


剥去文本式样

对于你粘贴进 Sketch 的文本,将除去所有的字体、段落、颜色信息。这样当你从网页或者其他文本编辑器中拷贝文本过来时,将无视其原本的式样。


性能

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


模糊

模糊是非常消耗系统资源的效果。Sketch 需要先将图层渲染成一个位图(这已经很消耗资源了),然后再在上面添加一个模糊(这将更消耗资源),模糊半径越大,消耗的资源也就越大。

一个半径为 1px 的模糊,Sketch 需要检查每一个像素周围的每一个像素,也就是说在计算新的平均值时,每个像素我们都需要检查他周围的 9 个像素的值。如果模糊半径为 2px,这些数据也会按比例增长。

请记住,背景模糊会比普通的模糊更加复杂和消耗资源,所以如果您想模糊一整张图片,那还是用普通模糊吧,不要用背景模糊。


阴影

这个规律同样适用于阴影,在(大的)图片上渲染(大的)阴影也是非常耗资源的,阴影越多,延迟也就越长。带有扩散的内阴影效果更是会消耗大量系统资源。


多页面

Sketch 的一个页面能轻松负载 12 个画板,但如果多个画板上都有大面积的阴影和模糊效果,文件操作起来就会很慢,解决这个问题最简单的方法,就是把一部分画板移到新的页面上去。


文本转化为轮廓

布尔运算是一种非常复杂的数学运算,如果您的一个阴影效果还包含了数个做布尔运算的子路径的话,文件就会遇到问题。

所以说您在将文本转化为轮廓是要格外谨慎。其实无需矢量化,文本也可以直接应用渐变效果。但如果您执意要将文本转化为轮廓,那记得现将每个字母都单独放在一个图层当中。


快捷键

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


通用快捷键

・control ⌃ + L:触发自动参考线

・control ⌃ + G:触发网格

・space:抓手工具

・return:编辑所选图层

・command ⌘ + 3:滚动至所选图层

・command ⌘ + 2:放大所选图层

・Z:放大工具。按住 Z 键,用鼠标单击拖拽出一个区域放大。缩小则使用 alt + Z 再用鼠标单击。

・Esc:退出当前工具,取消选择所有图层或返回检查器。

・Tab / shift ⇧ + tab:在当前群组中切换不同图层。


添加图层

・R:添加一个矩形

・O:添加一个椭圆

・L:添加一条直线

・U:添加一个圆角矩形

・T:添加一个文本图层

・V:添加矢量图层

・P:铅笔工具


移动图层 & 更改尺寸

・alt ⌥ + 拖拽鼠标:复制一个图层

・alt ⌥ + 鼠标悬停:显示两个图层之间的距离

・alt ⌥ + 更改图形尺寸:两边对称的更改图形尺寸

・shift ⇧ + 更改图形尺寸:等比更改图形大小


更新:2016-10-22

下载
收藏

15人已收藏

CLD_李波

设计师

  • 20

    作品

  • 188

    粉丝

  • 2

    关注

  • 用自动布局的方式设计响应式卡片组件(含sketch文件)
  • 提高工作速度的 10 个 Figma 高级技巧
  • 这个要学起来|格式塔理论中的视觉原则
  • sketch插件安装、常用插件推荐

    猜你喜欢

      2016-10-22 自译外文 教程 原作者: sketch官网 举报 2748 15 13 0

      云采翻译:sketch官方中文教程(八)

      0.0°

      你确定要举报云采翻译:sketch官方中文教程(八)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年10月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      13
      15
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录