你好,欢迎进入江苏优软数字科技有限公司官网!

诚信、勤奋、创新、卓越

友好定价、专业客服支持、正版软件一站式服务提供

13262879759

工作日:9:00-22:00

Sketch做UI界面超高效,学习成本低且支持插件,但有炫技无用插件

发布时间:2025-04-28

浏览次数:0

现在有越来越多的人挑选它来制作UI界面。它相较于PS,功能更为高效,堪称“专为界面设计打造”。打个比方,若将制作界面视作削苹果。PS如同斧头,而它是水果刀。斧头能做诸多事情,然而针对削苹果而言,却颇为麻烦,不及水果刀好用

并且学习成本十分低。基本上用它临摹一张图,马上就能熟悉所有功能。而且它支持第三方插件sketch measure怎么用,于是出现了许多各种各样的插件。这些插件方便设计师操作,进而提高了设计师的工作效率

不过个人认为,正是由于太过“开放”,致使出现诸多插件。这些插件看似很棒,实则用处不大,炫技成分多于实际作用。下面我举一个例子

(自动填充图片)

说实话,第一眼看到这个插件时我很激动。因为每次做界面配图都很痛苦。既想让界面更符合实际效果,且每个图片都不一样。但又不想一个一个去找,因为这会浪费时间,还会影响工作效率。

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

所以我看到这个插件。之后满心欢喜去下载。结果却发现非常失望

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

这样的图片质量极不统一。若想单独更换某一个图片,会超级麻烦。既没达到效果,也没实现效率。那又何必用这个插件呢

当然除此之外 还有很多插件 看似有用 实则无用 插件关键不在于数量多少 也不在于是否酷炫 而在于是否适合自己 能否提高工作效率

下面我和大家分享一下我工作中常用的一些插件(功能)

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

当然也会分享我使用过程中的一些小技巧。以上排名是有先后顺序的。

大家都知道 提高效率的一个重要方式 是把组件化界面里用的元素 相同内容在同一个界面出现时 都做成组件 便于调用 这是自带功能 而非插件

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

将元素都制作为组件 还有一个益处 整理规范时 设计稿完成规范也基本完成 无需再单独从页面逐个拉出图标

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

小贴士1:

组件内的文字能够直接替换。比如在导航栏时,组件内除文字外的其他元素都是相同的。此时只改文字,其他部分保持不变。

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

小贴士2:

组件能够直接替换为其他组件。条件是两个组件大小相同。否则会出现变形状况。最常应用的情况是在底部标签处。制作不同页面时需要更换底部标签状态

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

实际上对于组件而言 存在不少实用技巧 像组件套组件之类 此处不再详细说明 大家可自行多多琢磨

有一款切图标注软件很好用。然而很多人标注字体时,会出现文字密密麻麻的情况。所有参数都呈现出来了。但仔细看会发现很多参数没必要。这些参数还占地方

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

我刚开始碰到这种情况时。都是手动删除不需要的内容。现在想来。那样太浪费时间了。当时真是傻得可爱

后来才发现有快捷键。标注时我们按住“Alt”键。再点击标注(红框处)

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

就会出现让调整参数的界面

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

Test 样式

这好比是一种全局通用的样式。它只针对字体。要是我们将多处字体都统一为一种样式。那么后续就能实现全部同步。

所以我们就可以把界面中的一级标题、二级标题设置成一个样式

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

要是之后发觉先前设置的参数不理想,需要进行修改。此时,我们仅需改动一个。接着,点击样式旁边的刷新按钮。如此,便能一键实现所有内容的同步

图层样式

这个和test 样式是一样的,不过它针对的是图形

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

导出图片的技巧

这并非一个插件。而是一个使用小技巧。它是我自己总结得出的。我觉得挺好用。所以分享给大家。前提是大家采用2x作图

我们用2x作图。最后导出切图。此时会发现切图后缀名有误。

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

导出1x得到的是实际的2x图。导出1.5x得到的是实际的3x图。然而它的后缀是@1x、@2x

但其实这个时候,我们只需要做一点小小的改变就可以了

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

说实话第一眼看到这个插件的时候sketch measure怎么用,我是激动的,因为每次做界面配图都很痛苦,既想让界面更符合实际效果,每个图片都不一样;但是又不想一个一个去找,浪费时间,影响工作效率

再右下角导出的时候,先编辑一下预设

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

如此便能方便快速地导出我们想要的图

sketch measure怎么用_sketch measure怎么用_sketch measure怎么用

总结

以上便是我使用时常用的插件以及一些使用小技巧。最后我要说明一点,虽说插件众多,琳琅满目。

但是我们得学会从中找出适合自身的。我们要清楚我们的目的是,在不影响最终界面效果的情形下,提高工作效率

若一个插件对界面效果帮助不大。且对工作效率帮助也不大。那么它不适合我们。

讲一句大家都常说的话 想要创作出好作品 关键并非在于工具 而是在于想法

参考链接:

有哪些提升工作效率的实用技巧?

有哪些插件值得推荐?

如有侵权请联系删除!

13262879759

微信二维码