SketchSize一键生成多尺寸,为何你的设计效率如此之高?

Sketch是一款轻量的矢量设计工具,广泛应用于UI设计。SketchSize是一款基于Sketch的插件,可以在完成设计工作之后,一键自动生成7个常用屏幕尺寸的设计稿,将设计师从重复劳动中解放出来。

插件特性

在进行移动端应用设计时,需要考虑到多种不同的屏幕尺寸,比如iPhone目前的ip4(640*960)ip5(640*1136)ip7(750*1334)ip7plus(1242*2208),Android也需要设计hdpi、xhdpi、xxhdpi等多种不同比例和大小的尺寸。

SketchSize可以通过一键操作,快捷的生成7种尺寸的设计稿,如下图:

使用SketchSize可以减少重复工作,免去重复调整尺寸和参数的麻烦,大大提高移动应用设计稿的出图效率。

细节

这款插件是由腾讯UI设计师和开发工程师共同完成的。由设计师发起,更加专注于设计师的日常使用习惯以及设计细节。

基于Sketch的特性,在插件处理设计稿时,对多个参数都进行了更精确的调整:

缩放:针对不同设计师的不同习惯,SketchSize支持7个常用尺寸中任何一个画板尺寸作为原始尺寸进行缩放。

字体:针对sketch中字体的size、spacing、lineheight等特性,保证字体在等比缩放的过程中保持相同比例、相同位置的完美缩放。

图形:sketch在缩放时对图形圆角也进行了单独微调,保证缩放时圆角角度的视觉一致性。

背景:在不同比例的缩放中,比如640*960、640*1136,940相对于其它尺寸来说高度较短,在背景图处理上采用了等比铺满页面宽度的方式,更加符合设计习惯。

输出:SketchSize在输出时特别贴心的针对sketch特性增加了重命名文件名的自动操作,比如您的画板名称为pic01,在输出时会自动变更为pic01/320*568,帮助设计师在输出后直接生成文件夹。

尺寸:为了节省空间和性能,默认生成一倍图尺寸,设计师在输出的时候选择2倍或3倍输出即可

如何下载

目前SketchSizev1.1已经发布到多个平台上供大家下载使用。

Github

https://github.com/samlfsun/SketchSize

Sietch.im

http://sketch.im/plugins/73

更新计划

目前版本支持一些不涉及适配规则的页面的缩放,在未来的版本中将会加入多图输出、页面适配输出等更加节省工作效率的功能。

发布以来我们已经收到非常多的反馈,帮助我们更好的优化插件,期待听到您对插件的意见和建议:)

腾讯NDC(公众号)

Sketch
(0)

相关推荐

  • Win10系统UWP磁贴生成方法 Win10系统一键生成UWP磁贴图文教程

    什么是UWP磁贴,生成UWP磁贴有什么用,对于win10应用商店开发者来说,如果你正在开发Win10应用商店的UWP应用,那么可能会为磁贴图标调整而感到烦恼.因为UWP应用适用于各种平台,磁贴图标的尺 ...

  • “一键生成”智能办公 做PPT只需5分钟

    据本报记者报道,武汉示界港科技有限公司日前宣布,其主打的一款产品“一键生成”在手机端APP已经上线,这一产品是智能办公领域的又一大创新,其自动排版技术将完美实现傻瓜式自动生成专业美观的PPT. 记者了 ...

  • 微信文章怎么搬到微博中?微信内容一键生成长微博的技巧

    很多从事新媒体工作的小伙伴,大多都是微信微博一块运营的.在微信上辛辛苦苦排的美美哒文章如果也能出现在微博上多好.但是目前常见的长微博工具基本都很简陋,能用的样式也很少,关键的是还需要单独排一次,多浪费 ...

  • Solidworks工程图尺寸怎么导入?Solidworks一键导入工程图尺寸的方法

    给大家详细介绍下Solidworks三维图转化为工程图时如何一键导入模型尺寸 首先,让我们看一张制作好的工程图. 根据这个简单的图纸,我们能看到它是由Solidworks的拉伸和旋转切除构成的,我们在 ...

  • 如何在Excel中一键生成表格目录?

    相信很多小伙伴在日常办公中都会用到Excel,在其中如何才能一键生成表格目录呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,在Excel中打开我们要进行操作的表格,小编这里就以下图所示表 ...

  • Xcube智能一键生成H5

    Xcube是基于QQ空间营收类活动所搭建的H5活动页面智能生成系统,是针对框架相对固定,高频率的运营H5活动所设计.在这里分享一下我们在日常运营H5活动设计当中遇到的问题以及Xcube开发的过程. X ...

  • 微信小程序如何快速搭建一键生成一个小程序

    微信小程序的发展历程. 微信小程序一种无需要下载安装即可使用的应用,他实现了应用,触手可及,的梦想,微信用户扫一扫,搜一搜,即可打开打开应用, 小程序制作方法, 01 小程序制作很简单,操作完全直接后 ...

  • 如何一键生成、添加QQ群代码

    在网页建设的时候,加入QQ群入口有利于对收集访客的反馈,同时比单纯加上文本的QQ群号,更能使得网站变得友好.那要怎么才能一键生成并添加QQ群代码呢? 操作方法 01 第一步 打开QQ群,点击上面的齿轮 ...

  • ps(photoshop)一键生成3d立体字

    photoshop中可以一键生成3d立体字,非常便捷,默认的立体效果也非常不错,可以根据以下的方法做出来. 操作方法 01 第一步新建文档,在新建的空白文件中间打字,注意第二张图片中红笔圈出的T,点击 ...