糖心香巧

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

1

插件特性

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

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

0

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

关注细节

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

1

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

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

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

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

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

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

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

如何下载

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

Github ? ? ? ??

http://www.ccopus.com/samlfsun/SketchSize

Sietch.im? ??

http://www.ccopus.com/plugins/73

更新计划

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

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

 

原文地址:腾讯NDC(公众号)

 

转载请注明:学UI网—UI设计师学习教程平台 » SketchSize一键生成多尺寸,为何你的设计效率如此之高?

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
设计师必备!人工智能时代的配色方案?。凵衿鳎?/span>
八分钟了解未来的 UI 设计工具:InVison Studio八分钟了解未来的 UI 设计工具:InVison Studio
十分钟了解排行第一的 Sketch 插件 :CRAFT十分钟了解排行第一的 Sketch 插件 :CRAFT
设计师必备!10分钟电脑配置挑选速成攻略设计师必备!10分钟电脑配置挑选速成攻略
5分钟掌握8个常用交互组件,轻松进阶原型设计5分钟掌握8个常用交互组件,轻松进阶原型设计
UI设计师必备收藏素材、教程利器!UI设计师必备收藏素材、教程利器!
实用!谷歌设计师开发的SKETCH插件实用!谷歌设计师开发的SKETCH插件
手残党福利!谷歌新推智能绘图手残党福利!谷歌新推智能绘图
设计师值得入手的15个Chrome扩展插件设计师值得入手的15个Chrome扩展插件
设计师这两大网站必收!背景美图与配色狂设计师这两大网站必收!背景美图与配色狂
?