Sketch的一些常用技巧

谈不上译文,汇总了一些文章当中介绍的tips,包括常用快捷键和一些小技巧。最后一条还蛮亮的,很实用,我怎么没想到这样做。


谈不上译文,汇总了一些文章当中介绍的tips,包括常用快捷键和一些小技巧。最后一条还蛮亮的,很实用,我怎么没想到这样做。

Sketch的一些常用技巧

1.“插入”的常用快捷键

你在使用Sketch时经常需要插入哪些对象?基本是这些:Artboard A,文本 T,矩形 R,圆角矩形 U,圆形O,直线 L

Sketch的一些常用技巧

2.最恰当的缩放模式

  • 100%实际大小:CMD + 0
  • 完整画布预览:CMD + 1
  • 放大至特定的对象:选中对象,按CMD + 2

Sketch的一些常用技巧

Sketch的一些常用技巧

3.横向滚动

如果你没有触控板,那么怎样使画布左右滚动?按Shift + 鼠标滚动 即可。

4.隐藏/显示侧边栏

如果你的设备屏幕比较小,可以通过隐藏图层列表栏(左边栏)或检查器栏(右边栏)来获取更多的显示空间,快捷键为CMD + Alt + 3。你也可以只隐藏左边栏(CMD + Alt + 1)或右边栏(CMD + Alt + 2)。

Sketch的一些常用技巧

5.演示模式

使用快捷键CMD + . 可以在普通模式和演示模式之间切换,在展示设计方案时非常有用。

6.标尺

你可以通过快捷键Ctrl + R来切换标尺的显示与隐藏。在标尺上单击可以添加参考线;在标尺上将参考线拖拽到左右或上边缘即可删除。

Sketch的一些常用技巧

下面是演示参考线操作的动态GIF:

Sketch的一些常用技巧

7.查看界面元素的间距

对于Sketch,我个人最喜欢的功能之一就是查看界面元素之间的距离,你只需选择某个元素然后按Alt即可查看该元素到界面边缘的四个距离值。

如果需要查看两个元素之间的距离,在选中第一个元素后按住Alt然后将光标指向第二个元素即可。

此时如果按住Alt并移动元素,便能在移动过程中时刻看到元素之间的距离变化;非常有用的功能。

Sketch的一些常用技巧

8.缩放元素

无需拖拽,选中界面元素后,使用快捷键CMD + 方向键即可按1像素为单位精准进行缩放。要以10像素为单位来缩放,同时再按住Shift即可。

9.命名和分组

当设计项目越做越大时,对界面元素的命名和分组就变得格外重要了。我个人每次新建一个对象时,都会立刻通过快捷键CMD + R将这个元素重命名。

举例说,我想创建一个按钮。把元素都放置好之后,选中它们,使用快捷键CMD + G将它们分为一组,然后通过CMD + R进行重命名,输入“Button”。

Sketch的一些常用技巧

10.复制对象

如果你懒得一直用CMD + CCMD + V来复制对象,也可以直接通过快捷方式CMD + D来实现。复制出来的对象会默认处于原位,如果你觉得这样不OK,也可以在设置当中设置偏量。

Sketch的一些常用技巧

11.创建界面流程图

你也可以使用Sketch创建界面流程图。一个具体的问题是,如果在artboard之间绘制箭头以代表流程方向,Sketch会隐藏掉artboard边界以外的部分:

Sketch的一些常用技巧

你可以把所有的箭头图层移到列表顶部,并放到一个没有背景色的大artboard当中。这样箭头就可以独立于每个界面的artboard正常显示了。

此外,你还可以在所有图层底部另建一个大的artboard,设置一个恰当的背景色。这样一方面可以使流程图更具层次,一方面还可以通过导出这个背景artboard来将全部界面放置在一个大的图片文件中,而不是常规的那样分页导出。

Sketch的一些常用技巧

 

作者:C7210,交互设计师、猫奴、吉他手、鼓手、老狗,现就职于腾讯ISUX(上海)

来源:http://beforweb.com/node/653

原文:   http://saloon.io/10-tips-tricks-for-sketch/

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27775/

(0)
CatherineCatherine
上一篇 2017-05-19 04:39
下一篇 2017-05-19 06:27

相关推荐

  • 手机端官网设计:适配还是不适配,这是个问题

    Pc端使用平台:手机端使用平台:红米2增强版 自带浏览器 MIUI6.6.2.0(KHJCNCF)|稳定版

    2017-05-31
  • Sketchbox:会画图就能使用的AR建模应用

    在目前的情况下设计虚拟现实和增强现实产品并不容易,仍存在挑战。Unity和Epic Games可以说是现在比较常用的编辑应用,帮助用户以非常精确的方式去编辑虚拟现实内容。但需要指出,这两者都是为已掌握相关技术的人群所提供的技术项目,虽然没必要会写代码,但是了解一些简单的原理和技术能达到的界限也还是需要的,从这方面看,设计VR或AR产品的门槛相对还是比较高的。最近,Y Combinator的最新一期项目中的Sketchbox可以帮助设计师...

    2018-03-23
  • 嘿,快点!这些小程序岗位正在被疯抢...

    招聘旺季,很多人都在考虑是不是要换(炒)个(老)新(板)环(鱿)境(鱼)。听说小程序很火,但小程序公司实在太多太杂,万一遇到“小程序教母”可肿么办!我们花了整整两天时间,综合参考企业规模、融资情况及阿拉丁排名指数优选整理出来第一期12家优秀小程序企业招聘岗位,希望能够帮助优秀的人才快速找到优秀的企业。何必东奔西走,这里可能就有!美团点评北京三快科技有限公司美团点评公司是全球领先的一站式生活服务平台,为超过6亿消费者和和超过450万的优质...

    2018-03-12
  • 四维世界的交互演进:交互的演进历史

    你有没有想过,这个世界其实并不是你看的那样?你有没有想过,其实唯心主义和唯物主义的区分,从本质上看其实还是唯心主义?今天咱们简单谈谈交互的演进历史。

    2017-05-28
  • 【用户体验】Smartisan OS 联系人列表多音字

    大家都在讨论用户体验(因为不说显得自己很土),但是这些人是不关心用户体验的,关系是人就会做出下面这种机制的不能理解的举动,例如为了帮助大家解决L代表的罗或刘的姓氏联系人的区分,Smartisan OS的工程师做了…

    交互设计 2015-08-26
  • 译文|为什么产品思考将成为交互设计中的一大重要的步骤

    生命有限,不能去浪费时间去做一些没人用的东西“明确用户想要什么,不是用户本身的责任” – Steve Jobs“沉浸在一个问题当中,而不是一个具体的解决方案。”- Laura Javier“创造功能很容易,但是创造出合适的功能给需要的人就很具有挑战了。”

    2017-05-29
  • 从二维到三维,利用 Z 轴打造界面的空间感

    互联网空间不像现实世界,它完全是一个平面化的二维虚拟空间,所有的物体都处于一个空间平面上,但是信息内容却是有层级关系的,那么应该如何在一个平面空间里来展现多重层级关系的信息呢?

    2017-05-18
  • 用通俗的方式告诉你什么是交互设计

    文章底部可领取设计资源(软件、笔刷、视频教程等)↓↓↓通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了...

    2018-04-08
  • AR交互设计

    AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。DHL的Vision
    Picking
    拣货系统使用了增强现实技术来帮助仓储拣...

    2018-04-12
  • 交互设计七大定律之新乡重夫:防错原则

    最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交…

    2015-08-27