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

相关推荐

  • [多图预警]Material design 设计规范学习

    转载自:@十萬個為什麽 自从Material design发布以来,可乐橙就在一直收集相关素材与资源,研究别人的作品。这套设计风格非常鲜明,带有浓郁的Google式严谨和理性哲学,深得我心。实际上,光是研究素材和别人作品,…

    2015-06-15
  • Sketch从入门到精通-Sketch3 九宫格

    九宫格 在做图的时候,有的时候需要把画面划分几个部分,分别进行设计。因为随着作图能力的提高,规范性和严谨性就需要提高。尤其是网页设计,一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格,…

    2015-08-03
  • 1989-2014 网页设计的演变

    转载:hejidaren 2015.03.13 www.shejidaren.com⤴ 估计很多做网页的同学还不了解网页的历史,它是什么时候出现的?而那时的网页又是怎样子的呢? 如果想了解下网页设计的简史,请往看吧,我建议每位网页设计师都应…

    2015-03-16
  • 设计的物理定律的动力响应

    动效作为当今提升网页感官效果的利器,在各种类型的网页中已经全面开花,如何做到自然流畅让用户感觉舒适的动画效果呢?今天就来跟大家聊一聊动效设计的物理法则,以及它是如何应用的。

    2014-12-27
  • 米尔顿格拉泽谈动态设计

    上周我参加了谷歌的I/O大会,加入了一个关于跨平台设计的小组座谈,这一次会议有非常多有趣的新事物,让人有种第一次走在拉斯维加斯大道上一样的惊奇。

    2014-12-30
  • 国家地理:创新设计世界地图APP-炫酷、叼、高度还原设计方案。

    本文首发在iamue.com(我是UE网) 头条号同步发布 来看一看别人家的UEUi 国家地理做了一个世界地图app,动效狂拽酷炫叼炸天。关键是app线上高度还原了设计的动画效果,而且非常流畅。一起来欣赏一下吧 然后默默的收…

    2015-06-25
  • 小而美:清晰的可穿戴设备界面

    [国外设计第116期] 移动端的设计教育我们要设计得小,如今,可穿戴设备则使我们的设计愈发的小。手表的设计或许听起来吓人,但只要回到设计理论的本源,你就能做出正确的选择。 提到穿戴设备的设计,就要面临一系列…

    2015-12-29
  • 2016年最值得关注的16个网页设计趋势

    设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪变成为主流。作为一个专注于网和平面设计的设计机构,我们对于所有相关的技术和设计趋势都…

    2015-12-23
  • 是否后悔买了iPhone 6/plus?来看iPhone7的设计创意

             最近,有一些争论关于苹果2015年iPhone阵容。 虽然很多表明苹果将遵循传统,同样期待iPhone发布与更新内部今年晚些时候,其他人认为苹果制造商将打破其模式和直接跳转到iPhone的7系列。 无论原来是如此,下一…

    2015-05-11