Sketch使用技巧:元素的编辑与导出

2018-09-1810:14:28UI设计Comments10,199 views字数 1094阅读模式

关于元素的编辑与导出

1. 测量元素间距

选中一个或多个元素,按住 Option 键,同时将鼠标指向要测量间距的目标元素。在移动元素时,也可同时按住 Option 键,即可在移动过程中即时查看元素距离特定元素或画板边缘的距离。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

2. 通过数字键设置元素的不透明度

选中元素,然后按一个或一组数字键即可直接设置其不透明度 (alpha 值),例如“1”代表10%,“5”代表50%,“9”代表90%,“75”代表75%,等等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

3. 单独调整某个位置上的圆角半径

你可以为元素的四角独立设置不同的圆角半径。选中该元素,在右侧面板的“半径 (Radius)”当中输入一组四个数字,由分号隔开,分别代表左上角、右上角、右下角、左下角的半径值,例如“10;20;30;40”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

4. 订制快捷键

你可以为自己常用的 Sketch 功能设置快捷键。进入 macOS 的系统偏好设置 – 键盘 – 快捷键,选择左侧列表中的“应用快捷键”,点击右侧的“+”按钮,在对话窗口的“应用程序”列表中选择 “Sketch”,在“菜单标题”中输入你所需的功能在 Sketch 菜单栏里的准确名称,然后设定自己的快捷键组合即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

5. 在属性检查器中使用数学运算符

Sketch 可以在右侧检查器面板的文本框当中执行数字运算。例如你想将当前矩形的宽度翻倍,那么可以在“宽度 (Width)”当中的数字后面输入“*2”,代表“乘以2”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

6. 复杂图形

对于一些复杂的图形,例如多边形或星型,可以在右侧检查器面板中设置边 (Sides)或顶点 (Points)的数量。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

7. 旋转复制(万花筒效果)

在 Sketch 的工具栏上右键单击,选择“订制工具栏 (Customize Toolbar)”,然后将“旋转复制 (Rotate Copies)”按钮拖入工具栏。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

选中某元素,点击“旋转复制”按钮,输入需要复制出的元素数量,点击“OK”即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

8. 切片

切片工具 (快捷键“S”)可以拖拽出矩形区域,供你导出图形。但导出区域未必要覆盖到元素或画布整体,你可以把切片作为一种灵活的截屏工具进行使用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

9. 导出元素、分组或画板

选中某个元素、分组或画板,在右侧检查器面板的底部点击“Make Exportable”,在展开的选项单当中选择导出规格、文件名后缀和文件格式,即可开始导出。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

10. 导出高分辨率素材

我们在设计界面时通常会按照字面意义的像素规格来设置画板 (1x规格),例如使用375×667的画板来设计4.7寸规格的界面。但你需要面向高像素密度的屏幕导出画板或局部素材 – 在“Make Exportable”选项单的“Size”当中输入“2x”或更高值即可。或者你也可以直接在这里输入所需导出的具体规格,例如“750px”等等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

Sketch使用技巧:元素的编辑与导出文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/5024.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/ui/5024.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定