怎样使用Sketch 3切图 —— 从想入设计大门的菜逼进化到切图仔(未完成)

本文仅作为个人学习记录使用,也欢迎在许可协议范围内转载或使用,请尊重版权并且保留原文链接,谢谢您的理解合作。如果您觉得本站对您能有帮助,您可以使用RSS方式订阅本站,这样您将能在第一时间获取本站信息.

本文未完成懒得屏蔽了

开篇扯淡

Sketch 3发布了,而且在国内设计圈产生了一阵不小的影响。(好吧,我承认我混的不是这个圈子)作为一个拥有Sketch 2的老用户来说。这颗闪亮的钻石本来只我才知道他的好。就像小时候发现了一个出租激情小电影的小店铺,突然某一天冒出来一堆人也来租。那种小秘密被打破莫名的失落感。

好吧,其实这个是一个好事情。用的人多了,素材也会多。教程也会多。

顺便一提Sketch 3的发布之前MengTo大神的Design Code新书也在不断更新中。严重怀疑是商量好一起来坑钱包的。 配合的这么天衣无缝。在Sketch 3还没有正式发布的时候,MengTo大神更新的视频就是用的Sketch 3 beta版本。弄的我还以为我的Sketch 2是不是打开姿势不正确。

写这篇的原型是因为看到weibo上有小朋友,居然用我大切图神器Sketch的姿势不对。所以虽然不是什么高级的功能。但是鉴于跟我一样徘徊在设计大门的朋友还是很多,我就记录一下。

在没有Sketch之前,设计师给过来的素材都是psd的。作为一个有节操的少年,虽然我拥有CS4的教育版本,但是我还是会用Pixelmator去切图。(PS:主要是不会使用PS!)不过由于兼容性的问题Pixelmator切图会丢失psd的一些图层效果。所以后来一直是设计师把图给切好了在给过来。(明明是想办法偷懒!!)

不过后来,有了Sketch这货,我也就开始自己尝试切图。而且Sketch可以直接切出1x和2x。莫名的快感。(不要说PS有插件能做这个事情。我真不会和买不起PS)

崭新的Sketch 3新切图功能

虽然Sketch 2中切图可以导出1x和2x。可是很多时候还是感觉切图不方便。主要是因为Slice在更加深的一层。如果画布上的图有更新和变动。Slice需要一起更新的话还要点过去。但是一般情况下,只有需要切图的时候才要点过去。导致每次需要调整Slice的位置和大小很不爽快。而且Slice的命名也需要多余的点击去修改。

这些问题在Sketch 3里面都得到了改进!

  1. 把Slice提到最外面,做为设计的同一个层级。
  2. Slice虽然现在是一等公民,可是有可以选择显示or不显示。相当方便。
  3. 更加智能的认出要切的部分。

切图技能进化

小结

怎样使用Sketch 3切图 —— 从想入设计大门的菜逼进化到切图仔(未完成)

https://iiiyu.com/2014/04/23/learn-ui-design-two/

Author

Ewan Xiao

Posted on

April 23rd 2014

Updated on

September 28th 2023

Licensed under

Comments