sketch有哪些提升工作效率的实用技巧?

2020-09-10 10:49发布

4条回答
小土堆儿
2楼 · 2020-09-10 10:56

1.快速选择图层

快捷键:command+悬停/点击

这个快捷键真的是很方便很方便,免去了要去一层一层点击,去选中嵌套图层的麻烦。

2.绘制图形时拖拽

快捷键:绘制图形过程中按住空格键

当你在绘制图形的时候,你很难一次画好并放置在正确的位置。所以,你要在绘制过程中按住空格键,那么你就可以在创建好之后立刻移动它到对的位置,然后继续调整尺寸。

3.改变透明度

快捷键:数字键(1-0)

这个功能跟photoshop相同。当你想调整元件的透明度的时候,你只需要使用数字按键(1-0)来设定透明度,比如3就是30%透明度。

4.等距复制

快捷键:cmd+d

这个功能跟illustrator是相同的。alt键复制一个出来之后,一直按 cmd+d 就可以实现等距复制多份元件。

5.无格式粘贴

快捷键:shift+cmd+alt+v

这个快捷键可以把从外来页面复制的文本,实现无格式粘贴。很方便。

6.文档件切换

快捷键:cmd+~

这个快捷键可以实现sketch文档件的相互切换。

7.演示模式

快捷键:cmd+.

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

8.查看元素间距

快捷键:alt+点击

选择某个元素,然后按 alt键 即可查看该元素到界面边缘的四个距离值。

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

此时如果按住 alt键 并移动元素,便能在移动过程中时刻看到元素之间的距离变化。

9.缩放元素

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

10.吸取颜色

快捷键:ctr+c

想轻松地从屏幕上吸取颜色,只需按下 ctrl+c ,一个放大镜便会出现,就可以随心选择你想吸取的颜色,即方便又简单。


小叮当
3楼 · 2020-09-10 15:16

熟悉常用功能的快捷键。

苏慕白 - 微信:xiaxiaobei67
4楼 · 2020-09-10 15:33


1、在属性栏中快捷修改对象属性


平时大家在修改对象时,可以选择对象并直接进行缩放,其结果是往往容易出现偏差,比如小数像素,没有对齐等等,直接在右侧属性栏通过数值来操作会方便很多。


1)鼠标、Shift、Option实现快速修改

主界面中的右侧的属性栏中可以单击属性值以快速递增或递减该值(注意要把鼠标放在文字的上下方位内,出现左右箭头才可以快速修改)。如果按住Shift键,Sketch将相应地将值递增或递减10倍,按住Option键会将其增加/减少十分之一。



2)  属性栏还能支持组合修改

支持简单数学公式,支持样式单位L(中心点左对齐)R(中心点居右)C(中心点居中)M(中心点居中)T(中心点置顶)B(中心点底部对齐),支持圆角快速自定义(格式是X;Y;N;M,顺序是左上-右上-右下-左下),能帮助快速精确调整,是不是很高级!?




数字+功能组合操作



简单数学公式计算



圆角快捷设置


2、图层操作上的小技巧


在刚开始使用sketch时,经常会发生误操作,比如移错图层。比如你一开始选择到了某个图层,移动的时候还是把图层组给移动了,很头疼。所以在多图层堆叠时,有几个快捷键技巧挺实用。


1)当图层深埋在一堆文件夹中时,可以直接按住command+鼠标左键,可以快速选择组内的图层



2)按住Option,就会只选择完全位于某个图形区域内的图层,避免误选。(举个栗子,在一个有底部背景大图上移动界面元素,但是又不想选中底部大图,除了用锁定图层的方法解决这个问题,按Option也能很方便的解决)




多图层堆叠的情况




多选且不想移动某些元素


3)同时按住option+command可以做到单独移动图层,鼠标焦点可以不在被选图层上,如果不按这2个快捷键组合,在元素区域外是没法移动的,当在界面中有大量图层时,也可以避免误操作到其他图层(笔者强烈推荐,这个组合键经常用到,对于解决选择移动问题非常有帮助)




4)如果有重叠图层,尤其是上层把下层遮住时,要直接选择它会比较麻烦,此时可以选择最上层图层右键选择想要的图层,结合前面提到的快捷键进行移动或者修改操作。



5)对齐图层

Control-Command-V 垂直方向上的等分;Control-Command-H水平方向上的等分,这个快捷键非常常用,比每次点击右上角的对齐工具要方便很多。


6)调整图层

对图层放大缩小是一个经常需要用到的操作,但是如果某些图层带有图层样式,比如描边,投影,圆角这些,在直接缩放时并不能同时缩放,比如把长宽各位50px且描边为10px的形状改为长宽100px的形状时,其描边还是为10px。那怎么解决这个问题呢?


其实sketch是有2种缩放形式,一种是直接缩放,不改变元素样式只修改基本属性大小;另一种是变换缩放,可以同时缩放基本属性以及样式属性。操作方式是从菜单中选择“ 图层”>“变换”>“缩放... ”(或按Command-K),这个对symbol也有效果。



3、图层约束技巧


首先看看什么是图层约束,直接看图吧,图层约束能做到下面这种效果:




在做界面适配的时候是不是很方便,那具体如何做到呢?


1)图层缩放固定边距

在元素属性栏,可以找到约束设置,根据需要设置子元素与父元素之间的关系(注意事项:图层约束必须是建立在图层组中,如果没有组的概念,则无法使用图层约束;子父级关系是指参照关系,比如下图中白色块相对于底部的蓝色块,白色就是子级,蓝色就是父级,而对resizing的设置其实就是设置子级)




子父级关系




Apple官方组件关于图层约束的设置


2)symbol内容自动适应

在输入项里有光标的情况下,能自动根据内容长短改变位置




4、图形操作技巧


旋转是需要经常用到的操作,在sketch中也是有很多方式可以实现图层旋转,需要看情况来使用。


1)通过属性栏的角度设置直接设置圆角值,在旋转角度很明确的时候很方便




2)通过工具栏上的旋转选项进行旋转,优点是选择后可以在画面上任何位置对对象进行旋转




3)直接通过快捷键实现旋转,按住command健并拖动对象其中一个控制柄即可旋转,这个快捷操作,在需要多频次调整旋转时,会很实用。


4)另外,补充一点旋转以外的小知识,在做变换的时候,comand健也很有用。它可以让对象变换只从一个方向上调整。




5、蒙版技巧


1)在sketch中的蒙版功能很强大,不光对图层可以使用蒙版,对图层组也可以使用,但在蒙版组内,新建任何图层或者图层组都会被自动蒙版,有时候反而会成为麻烦。


有2种办法可以解除蒙版:1、是把图层或组拖出蒙版组之外,但是这样会破坏元素结构;2、是直接选择想要解除的图层,右键忽略底层蒙版即可,这样做的好处是,可以不会破坏对象组织结构。




2)在sketch中有2种形式的蒙版,一种是基于图形,另一种是基于透明度来实现的,常用渐变来做图片渐隐效果。这2个都很常用,就不过多赘述。



6、sketch文件压缩


在源文件中适用很多高清图后,往往会让整个sketch文件变的很大,一是传输不方便,另一个也会导致文件卡顿,反应慢。此时可以使用图层-图片-最小尺寸来对文件进行快速压缩。



7、批量替换颜色


在进行多页面多画板修改颜色时,在不是symbol的情况下,修改起来会很费时间。其实sketch内置了批量修改颜色功能,只是可能用的人不多。


具体操作为:编辑——查找并替换颜色(option+command+F),需要注意颜色透明度,根据实际需要判断是否勾选。




图片来源:sketch官网



8、快捷切换视图


设计过程中,需要经常切换不同视图来查看设计内容,简直超高频的使用需求!所以对于这些快捷键必须要在这里提一句:


Command +1 完整展示页面里的所有内容,适合全局展示,查看一致性。




Command +2 将选中的元素放大到合适屏幕的尺寸,这个视图有一个妙用就是可以把复制的元素直接复制到当前元素的中间,这个特性非常实用,自己试过就知道了,肯定会有用到的地方。




Command +3 将选中的元素显示在屏幕中央




Command + 0 以实际像素模式预览页面,即在100%大小下看设计效果



9、图层对齐


图层对齐也是经常要用到的操作。直接与对象对齐的话,Sketch会将图层对齐到所有选定对象的最外层。但要将图层与特定对象对齐,怎么操作呢?


比如想让下图中两个元素以正方形为参照物进行居中,那应该先使用图层列表中的锁定按钮或使用Shift-Command-L 锁定该图层,然后再执行对齐操作即可。




10、设置sketch形状默认值


刚开始使用sketch时,新建矩形,每次都会自带描边,然后再手动关闭描边,很麻烦。这个默认值能改吗?当然可以。


操作:首先建一个不带描边的矩形,然后选择layer-style-set style as default  (这个功能以前是放在Edit里的,更新后合并到了style中)。搞定,下次再新建形状时就会以你刚设置的样式作为默认值了。


Eleven
5楼 · 2020-09-10 19:56

可以尝试使用组件以及文字添加样式,这样可以快速的作出相同效果的内容,也可以多多搜集一些插件来提升自己的工作效率

相关问题推荐

  • 回答 195

    你好:关于需要学习几个月能找工作,我的理解和建议如下:1. 首先要确认自身是否有相关的专业积累?因为UI只是设计者手中的工具,它是内在设计思想有效的表达途径。学习软件很容易,但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累,那么工具...

  • 回答 166

    哈哈哈哈  看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱,然后再做副业...

  • UE和UI是一样的吗2020-11-23 15:33
    回答 98

    UI是英文User Interface的缩写。翻译成中文就是:用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。UE是英文User Experience的缩写,翻译成中文就是用户体验。是指用户...

  • 回答 8

    不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏,然后再继续点 点到只剩下需要的元素, 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏,把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...

  • UI要学多久2020-08-10 19:00
    回答 95
    已采纳

    学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...

  • 回答 86
    已采纳

    对于UI设计来说,更加看重的是个人的设计能力和理念,以及操作能力,和男女的性别没有太大的关系。

  • 回答 76
    已采纳

    靠谱肯定都靠谱的,就看你自己的兴趣爱好,发展前景都很好,大前端是一种网站搭建,小程序开发等用户端口开发的技术,UI设计就是纯纯的设计师岗位,将设计思维和理念融入到产品运营的每一个交互环节中...

  • 什么叫交互性?2020-04-23 11:40
    回答 6

    其实生活中也有交互性,比如两个人之间的聊天沟通,带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。

  • 回答 2

    1、初步调查  前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下,这个时间大约是3天,我们会详细了解企业,对竞争对手的企业logo进行调查分析,这样可以更准确的控制方向,避免logo设计...

  • 回答 1

       永远不要忘记调研  好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。  创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控,在预算上就一定要留下足够的余地。  此外,你的解...

  • 回答 1

     一、具象表现形式:  具象表现是忠实于客观物象的自然形态,对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征,是对现实对象的浓缩与精炼、概括与简化,突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...

  • 回答 1

    1.设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2.设计须充分考虑其实现的可行性,针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式(如印刷、广告、映像...

  • 回答 1

    Looka Smashinglogo Freelogodesign Hatchful 

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

  • 回答 1

      Naldzgraphics这个网站据说是个人创办的网站,上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此,网站还是收集了大量的平面设计素材。  Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标,而且还提供EP...

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

没有解决我的问题,去提问