转-sketch技巧

10个帮你UI设计提速的Sketch使用技巧

2015-4-11 09:59| 发布者: yuanxingbbs| 查看: 1129| 评论: 0

 

选择使用Sketch的理由很多，因为好奇跟风安装的同学应该不在少数，看了介绍觉得功能强大而安装的应该也不少。当然，如果你是一名UI/网页设计师，你的Mac和我一样感觉跑PS不堪重负，那么Sketch绝对能帮你排忧解难，从此告别卡顿和无所不在的进度条。

越来越多的设计师开始选择使用Sketch 设计网页、UI了，开发团队 Bohemian Coding 居功至伟。虽然这个还在不断迭代的软件还有不少Bug，并且在功能上尚未完全替代PS，但是已然可以逐渐降低使用PS这款臃肿软件的频率了。

上手新软件，许多功能都不太就手，设计一个界面可能会比在PS上耗费更多的时间。所以，掌控一些实用的小技巧就非常重要了。哪怕你是Sketch新手，下面的10个小技巧也能帮你节省不少时间。

1、为画板选择合理尺寸

好吧好吧，看起来这并不是太高端的技巧，但是在Sketch中，画板的设定非常实用也非常易用。Sketch 中提供了非常多预设的画板尺寸（要不怎么说它是UI设计神器呢？这个软件就是为UI设计而生的啊！），你只需要点击A按键，就可以选择你需要的画板了！

2、搞定栅格

借助栅格系统来设计UI和网页是经常用到的技巧，在Sketch中，你只需要选择 View(视图) -> Layout Settings (布局设置) 就可以快速配置布局，或者使用Ctrl+L 这个快捷键来调用默认的布局。

3、几秒内快速复制……任何东西！

这一功能在AI和PS中常常使用，Sketch的开发者将这一功能也完全实现在这一软件中。你可以按住Option键，点击要复制的元素拖动就可以。当你将这一元素拖拽到你要的区域之后，然后使用Command+D的快捷键，就可以复制这一动作了。

注意：如果你发觉无法操作的话，可以去Preferences （偏好设置）-> Layers（图层）中解锁 pasted & duplicated objects （粘贴&复制 对象）这一选项。

4、距离测算

如果你想设计出精美的作品，那么一定要对所有的细节了如指掌。如果你想测量页面上所有元素之间的距离，只需要选定元素，按住Option键就可以。接下来，就是属于你自己的强迫症时间了~

5、善用共享样式，你会获益匪浅的

如果你的这个项目有一百多个页面，并且项目的评审已经推进到第三轮了。眼看着终止日期要到了，奇葩甲方深夜打电话给你：“咱们把所有的按钮都改成蓝色的咋样？”