文档结构  
翻译进度:已翻译     翻译赏金:0 元 (?)    ¥ 我要打赏

作为使用了Photoshop10年的人和用Photoshop做了6年UI设计网页和应用的人,我决定改用Sketch了。 这听起来很荒唐,但是这是一个艰难的决定,因为Photoshop对我来说就像是画家手中的画笔(或者鼓手的鼓棍,或者其他什么:).

使用了Sketch半年后,我真希望我将来不需要再用Photoshop做UI设计。原因如下:

1. 关注无损的UI矢量

用Sketch你就再也不需要关注屏幕的分辨率了。 无论是视网膜屏还是超大型的三星高清屏,只需要创建视图大小的画板,sketch就会帮你完成剩下的工作。我还记得那次我有一个500兆的PSD文件,分辨率为1080x1920,因为我要确保我可以在所需的分辨率下传递资料并且在放大设计的时候不失真。然后我除以2(IOS)或3(Android)给开发者正确的字体大小、边距值,但是这样很费时间而且经常有错。 这样的工作流程感觉包括恼人和冗余步骤,是因为photoshop是基于像素的,而且photoshop不是为网页设计,尤其是移动应用设计制作的软件。

第 1 段(可获 3.16 积分)

2. 当用文本编辑时会自动改变文本框大小

当你用PS创建一个文本,编辑时超出了限定的高度时,你或者重新修改文本段的大小,或者手动把文本段拆开。 Sketch只是让文本框变得更大。它会自动识别文本长度,刚好不大不小装下文本段。

3. 文本框的属性

对Sketch来说,内边距顶部和文本段的底部位置取决于行高。比如说某个文本段,其规格为20px字体大小,行高30px(包括顶部和底部各5px的内边距)。尤其是实现HTML功能的时候。这无疑给在上下元素间的垂直边缘造成了很大的影响。PS忽视了这一点,Sketch没有。这意味着Sketch的设计者和更新者不用再考虑任何文本框间距和边缘的问题了。复制粘贴你在Sketch看到的边缘,其他交给Sketch的技术人员吧。用Zeplin会更好操作。

第 2 段(可获 2.26 积分)

4.插件的世界

Sketch社区提供了大量的插件。我最常使用的插件比如‘动态按钮’, ‘对iOS和Android的价值输出’, ‘调色板’ 或者 ‘流体’ (见下一段) ,它们让我的工作流进展得更顺利。Sketch有适合每个人,每项需求的插件,让工作流更具影响力。使用工具箱方便安装。

5.流体插件让你的布局具有流动性和灵活性

这个插件对我是一个启示。你现在可以定义约束条件来限制在元素,内部组或画板之间的边缘常量。这意味着如果你增加了内容(例如增加文本,放大图像)并且事先定义了一些限制条件,你只需点击“更新”,你的页面布局就会适应这种变化。改变其中一个的大小之后没有必要重新设置元素。或者如果你想看看在更大的屏幕上你的设计作品能不能显示成功,定义左右边缘距离就好,调整画板大小,点击更新。不需要调整元素的宽度,因为它会自动改正。跟我在一起的那个家伙非常满意 :) 太神奇了!

第 3 段(可获 2.36 积分)

6. 新的可编辑符号(在符号工具栏)

最后你可以把符号变成字符类型。这意味例如你可以创建按钮或图标符号,并将其定义为任何其他符号类型。此外,你可以现在定义字符,但不要忘记:现在可以用自定义内容填写文本字段和图像容器的每个标识符。这会让符号更具有用性,使用灵活。

7. 新的文本样式容易处理

Ok,Photoshop也有这个功能。但对我来说,PS从来没有直观的感觉,似乎永远都不会完全满足我的需要。在Sketch里面文本样式的处理简单易懂......并且最棒的一点是:如果你意外地或无意地改变了具有指定样式的文本字段的属性,不点击重新加载选项前它是不会生效的。

第 4 段(可获 1.8 积分)

8. 重命名图层和cmd + r(不是doublick)

听起来很荒谬,但因为一有可能我就使用快捷键,按cmd + r远远快于用鼠标doublick,或画笔在这一层文本字段上画,你知道的:有很多很多层…...

9. 阴影,圆角,边框和其他属性

用了Sketch后每个属性都很容易创建和分配.。不需要分配层与层间的效果。不需要进入Photoshop图层效果的窗口,面对成千上万的困惑和冗余设置栏。一切都是基于CSS的,非常酷,因为现在你可以告诉开发人员使用什么样的价值观和设置规则。或者如果说你想让开发人员真正开心起来的话就给他CSS的片段吧;)会如你设计的一样实现。

第 5 段(可获 1.69 积分)

10. 最重要的一点: Sketch的文件占用空间小

我不知道你有多大的硬盘存储空间,但我的固态硬盘容量有限。所以Sketch让我不用再像以往一样担心复制文档问题,我很开心。

我认为有很多很多更酷的功能我可以在这里提及。经过半年非常频繁的使用Sketch来做简约,像素完美,可以得到响应风格的视觉设计,我不断地使用这些功能(并且很喜欢),我无法想象一个没有用户界面设计的生活。当然,并不是一切都是完美的,我也可以说说 Sketch一些烦人的缺点,但这不是主要的问题。事实是Sketch正变得越来越好。最新的一次主要更新更为神奇。如果Bohemian继续提供这种高质量的更新,我将不再需要Photoshop,这只是一个时间问题。   

第 6 段(可获 2.05 积分)

文章评论