Sketch从入门到精通-Sketch3 神奇的测量键

在做设计的时候经常离不开精准的测量,间距,字体的大小。尤其是在做移动端UI设计的时候,设计完的界面效果图还要输出标注规范给工程师们让他们去实现,这就离不开精准的测量。

在Sketch里面,有个神奇的测量键,你只需要按住Alt键,任意的移动鼠标就可以知道每个元素之间的间距大小,以及和画板之间的大小,上下距离等。

比如你想知道你的标题文字和左边的间距是多少,你只需要把鼠标点到标题文字上,然后按住Alt键,Sketch里就会自动显示出文字和左边距的数值大小,与顶部的数值大小和右边的数值大小。特别直观方便。依次复制N个同样的图形,也可以自动测量之间的间距距离。如下图:

shenqiceliangjian01

同样的,如果你在调节一个图层的大小,Sketch也会帮你显示出具有相同长度或宽度的图形的数据。

shenqiceliangjian02

­而且是自动显示的,但你一定要保证单个元素的边缘要整齐,有些文字的边缘框就不是百分百对齐,就需要把文字转曲,边缘框贴近文字,然后测量的间距才是最准确的。

但文字进行转曲后就无法进行更改,不易编辑,所以建议可以不对文字转曲,先画一个框,然后在把文字放到框里面,这样测量文字间距的时候,就以文字边缘画好的框之间来测量,就能更准确一些。

给工程师们标注图的时候,一定要切记半点像素都不能差,主要标好,元素间的间距,比如某一中心按钮距离左右的间距是固定不变的,那么就标好左右的间距是多少,选择一个固定不变的距离,去测量可变的距离,标好尺寸。

Sketch里面的插也很好用,并且很强大,我会下一章给大家讲解插件的神奇运用,会令你的工作效率提高很多倍很多倍。

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

(0)
TinadminTinadmin
上一篇 2015-08-28
下一篇 2015-08-28

相关推荐

  • 一“平”到底

    随着 IOS8 的更新,以及更多 APPLE 产品的出现,扁平化设计已经成为了 UI 类设计的大方向。抛开扁平大战拟物的观点,让我们看看扁平设计之路应该如何越走越远。正好因为这个风格的流行,花瓣上也积累了非常多设计师朋友们的 素材 ,来看看他们都收藏了哪些精致好素材吧。

    2015-01-04
  • UI设计师需要了解的开发中常用的UI控件(ios篇)

    大家都知道,在实际的工作中,设计师们和工程师们会经常频繁的沟通。有的时候工程师们会经常说一些控件名称,可能部分设计师们就会感到困惑,也许你经常说的是什么标签栏啊,工具栏,占位符之类的,但对于开发者们…

    图形用户界面 2015-10-27
  • Ps CC使用技巧

    小编话:工欲善其事,必先利其器。作为一位UI设计师,Photoshop一定是你的必备软件吧!只会用还不行,高效的利用才是王道。今天给大家带来的是来自八只熊酷站分享的PS CC使用技巧,作者从软件、习惯、技巧等三个方面…

    2015-01-22
  • sketch 3.6.1(破解版涵盖3.0以上版本) 安装and使用指南(20160303更新)

     截至2015  6月23 日  SKetch 常用版本  3.2.2 、 3.3.1 、3.3.2    3.4.4 截至2016 3月2日  常用版本 3.5.1 ,3.5.2  ,3.6.0  3.6.1 Sketch 安装指南 安装版本 : 3.2.2  3.3.1  3.3.2 安装环境:mac book pro 20…

    2016-04-13
  • APP设计当中不容忽视的20个小细节

    APP设计当中不容忽视的20个小细节如下: 1、一致,一致,还是一致 你能做的最重要的事情就是保证用户界面运作的一致性。对于列表框来说,如果双击其中的项,使得某些事件发生,那么双击任何其它列表框中的项,都应…

    2015-04-14
  • 【信息图设计】常用的5种数据可视化方法

    小编最近在研究后台的设计,涉及到数据统计分析模块的数据的呈现方面,搜集学习材料的时候发现这篇文章,推荐给有需求的童靴们共同学习。在文章中,原作者跟大家分享数据可视化常用的五种方式,希望能给大家带来思…

    2016-03-17
  • 【颜值已爆表】00io.com-盘点2014最精彩的移动APP动画UI

    原文导读: On the third day of The Highlight 2014, we’re bringing you our picks of some of the best UI animations we’ve seen in apps and across the web. Apps have been a UI playground for quite some …

    2015-01-14
  • 产品细节中的情感化

    今天分享一篇 视觉设计的文章{产品细节中的情感化设计}说的情感,我们每个人都有,什么爱情、亲情、友情…..等等!但是什么是情感化设计呢?一句话:就是你的设计是否能给用户带来惊喜,温暖…等等!下面让我们一起…

    2015-01-25
  • 你的产品鸡肋了吗?

    如何保证自己的产品不成为鸡肋,除了成功的商业模式外,只有高频次的使用才能保证用户忠诚度,延长产品生命周期。所以,好的用户体验也就成为了其中非常重要的致胜王牌。

    2016-10-20
  • UI界面中搜索入口的设计

    写在前面: 我以前是学空间设计的,所以对引导性的感知比其他学设计的要更早。其实,设计总就还是一个“万法归宗”的东西。“吸引”——“引导”——“持续”——“欲罢不能”用用户的这种思维去检验自己的作品(交互/UI)是比较客…

    2016-11-07