UI设计 帮你迅速上手SKETCH的10个技巧

所属分类: 平面设计 / 平面其它 阅读数: 377
收藏 0 赞 0 分享

当你使用习惯了一个软件后,重新学习一个新的软件我知道你的内心总是抗拒的,它打破了你的舒适区。重新学习是件花费时间和精力的事情,就像这个SKETCH,可是你不知道一旦学会了使用,他会给你带来多大的效率提升,许多UI设计师看了Sketch说明后,都对它有点动心了。不过软件还木有摸熟,动起手来不太习惯。今天我们收集了10个特别适合新手的Sketch小技巧,正在学习Sketch的同学,提升时间到咯。

1. 学会“Insert”的快捷键

UI小课堂!帮你迅速上手sketch的10个技巧

什么是你在设计中最常用的?创建一个新的Artboard A,插入文字T,创建一个矩形R或者椭圆形O。

2. 用正确的方式缩放

缩放到100%:⌘CMD+0;

查看你画布全部的设计:⌘CMD+1;

缩放特定的对象:选择对象然后按下⌘CMD+2。

UI小课堂!帮你迅速上手sketch的10个技巧

UI小课堂!帮你迅速上手sketch的10个技巧

3. 滚动

在没有触控板的情况下如何横向滚动? 使用⇧Shift+滚轮。

4. 隐藏/显示sidebars

如果你在一个小的屏幕上作业,你可能需要隐藏左右两边的图层面板(Layer-List-sidebar)和右侧的工具面板(Inspector Sidebar),使用⌘CMD+⌥Alt +3。或者只隐藏左侧⌘CMD+⌥Alt +1,隐藏右侧⌘CMD+⌥Alt +2。

UI小课堂!帮你迅速上手sketch的10个技巧

5. Presentation mode(全屏模式)

按下⌘CMD+.可以进入”Presentation” mode(全屏模式),将会让你的作品全屏展示。

6. 标尺

按下Ctrl+ R你可以显示或者隐藏标尺。在标尺上双击可以添加参考线,将参考线拖到最左侧或者最右侧就会将其删除。

UI小课堂!帮你迅速上手sketch的10个技巧

UI小课堂!帮你迅速上手sketch的10个技巧

7. 移动对象

Sketch中我最喜欢的功能是,能够通过按下⌥Alt来查看对象间的margin值(CSS属性)。

你如果需要查看选中对象到其他对象间的margin值,你只需鼠标移到那个对象上即可。

UI小课堂!帮你迅速上手sketch的10个技巧

使用方向键你可以移动选中的对象1px,如果在按着⇧Shift则可以每次移动10px。

8. 在移动的时候查看margin值

在移动的时候按下⌥Alt即可查看对象的margin值。

9. 改变对象尺寸

按下⌘CMD+方向键可以改变对象的尺寸,同样的按下⇧Shift+⌘CMD+方向键可以每次10px的改变对象的尺寸。

10. 为对象命名和建组

当你的设计项目很大的时候,你会发现给对象命名和建组会很有用。

每次我创建新的对象的时候我机会按下⌘CMD + R,为其名一个有意义的名字。

建组则可以使用⌘CMD + G。

UI小课堂!帮你迅速上手sketch的10个技巧

11. 资源

可以在http://www.sketchappsources.com/上查找免费的资源。

12. 复制对象

如果你不想使用⌘CMD + C和⌘CMD + V来复制对象,你可以使用⌘CMD + D一步到位。

如果你不想复制后的对象在同样的位置,你可以在此设置。

Screenshot-2014-07-15-23.14.42

更多精彩内容其他人还在看

大众点评智慧餐厅LOGO诞生全过程分享

这篇教程是向脚本之家的朋友分享大众点评智慧餐厅LOGO诞生全过程,对于学习logo的朋友可以参考一下,一起来看看吧
收藏 0 赞 0 分享

设计必备:字体使用规范

下面为大家分享有关字体使用规范介绍,对于设计师来说是非常值得学习的,好了,下面小编就为大家详细介绍一下,一起来看看吧
收藏 0 赞 0 分享

移动端版式设计那些事 App版式设计配色原理解析

能称得上设计的要素:配色与版式,我们之前分享过很多关于配色的知识和小工具,今天要讲讲关于移动端的版式设计。其实对于设计师,APP中的版式比网页版式还要重要和有难度,在小小的尺寸里做到华丽简约,且重点突出,绝非易事
收藏 0 赞 0 分享

一个好的设计师需要什么样的性格?

大家都知道,做设计是很苦逼的,也是万人指点江山。我很想知道作为一名设计师大家觉得应该有怎么样的脾气和性格才能处理好这个在工作上被万人指点的情绪以及如何面对?来看看下文介绍吧
收藏 0 赞 0 分享

LR快速调出电影感的色调照片

这篇教程是向脚本之家的朋友分享LR快速调出电影感的色调照片方法,教程调出来的色调非常漂亮,难度不是很大,推荐到脚本之家,来看看吧
收藏 0 赞 0 分享

响应式设计LOGO进化史解读

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。来看看下文介绍吧
收藏 0 赞 0 分享

低多边形风格动物标志logo设计

使用多边形LOGO这些创意在设计项目不算很多,或许用多边形的风格来设计有点难度吧,又或者不适合和没好的灵感等等。虽然如此,但是多边形设计出来的作品确实很有特色
收藏 0 赞 0 分享

设计分享03-我的Banner设计三步曲

这篇教程是向脚本之家的朋友介绍设计分享03-我的Banner设计三步曲,教程真的很不错,值得大家学习,推荐过来,一起来看看吧
收藏 0 赞 0 分享

设计分享02-Banner横幅设计五重奏

这次为大家分享设计分享02-Banner横幅设计五重奏,教程比较非常不错,值得大家学习,好了,一起来看看吧
收藏 0 赞 0 分享

设计分享01-点线面的详解和日常设计应用

今天为大家带来一篇教程,主要是向脚本之家的设计朋友分享关于设计的心得,这次是向大家介绍点线面的详解和日常设计应用,有兴趣的朋友快快来看看吧
收藏 0 赞 0 分享
查看更多