用这个 Sketch 的黑科技,让你快速掌握智能排版!

认识一个主攻前端的全栈开发大牛,最近做一个项目需要用到 Sketch。前天跟我发牢骚说:你之前不是说 Sketch 就跟 web 开发一样简单吗?但是我感觉和 PS 一样又笨又呆,做按钮、列表、段落的时候太死板,删个元素还得把其他元素一个个调整,就不能像 web 的 float 浮动一样自己动吗?

优设文章 2019-01-15

Sketch 官方团队:我们的 2018 年重大更新回顾

2018年12月21日,在 Medium 上看到 Sketch 官方发了一篇《A look back at Sketch in 2018》,讲述了 Sketch 团队2018年回顾和对2019年的展望,感觉不错就尝试翻译下和各位设计师分享。一年又一年,精彩的2018年接近尾声。伴随着新奇工具的发布,设计社区也在我们的注视下茁壮成长。

优设文章 2019-01-10

教你用Mac共享,轻松打造自己团队的Sketch Libraries!

前段时间发现蓝湖的同步盘从官网下线了,问了客服,说是维护中,具体开放日期不明(目前已正常)。当时我们的设计团队要用这个同步盘来维护 Sketch 的设计组件 Libraries,看来现在要换个思路来解决。网上有 Dropbox 和 GitHub 解决方案,但是对于设计师来说还是难以理解,部署复杂,关键是 Dropbox 的速度在国内堪忧,严重影响效率。

优设文章 2018-12-28

Sketch 进阶教程!利用Symbol 建立一套设计规范组件库?

这是一篇 Sketch 进阶教程,让你学会利用 Symbol 建立一套设计规范组件库。文章目录写在前面基础规范图标规范组件规范写在后面为保证更好地理解文章内容,你需要对以下知识点有一定的了解(部分内容已附注释)。1. Text style ¹△ 图片来自Sketch手册在设计包含大量文本的界面时,许多图层拥有相同的文本属性。

优设文章 2018-12-24

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

最近逛朋友圈,发现之前专访过的一位腾讯高手,竟然做了两套Sketch 线框稿组件库!关于这位交互设计师的专访 → 《优设访谈!腾讯高级交互设计师C7210的十年设计路》仔细看了下这两套线框稿组件库,发现不仅组件全面,样式丰富,而且最新的一个还免费赠送了常用的中文数据,包括中国主要省份/城市名,中文段落内容等等,让设计师可以很方便地通过 Data 功能进行自动替换。

优设文章 2018-12-18

神器来了!9款帮设计师提升效率的Sketch 插件

一、Sketch Runner二、CRAFT三、Sketch Measure四、Paddy五、Sketch Icons六、Sketch Isometric七、WeTransfer八、Frontify九、Zeplin 2.0「提升效率的Sketch技巧」《倾囊相授!大家都会的Sketch 使用小技巧全在这了 !》《那些提高效率但不为人知的Sketch 冷知识(一)》《那些提高效率但不为人知的Sketch 冷知识(...

优设文章 2018-10-19

倾囊相授!大家都会的Sketch 使用小技巧全在这了 !

橙子的橙子:现在越来越多的人选择用 sketch 来做 UI界面,它相比 PS 来说,功能更高效,可以说是「专为界面设计而生」。如果把做界面比作削苹果,那么 PS 是一把斧头,sketch 则是水果刀,斧头能做很多事情但是对于削苹果这件事情来说,却很麻烦,不如水果刀好用。而且 sketch 学习成本很低,基本一两天就能上手,加上它非常开放,支持第三方插件,这就出现了很多各式各样的插件,方便了设计师的使用,提高了...

优设文章 2018-10-17

Sketch 52 有哪些值得关注的功能?来看这份总结!

@烧炖:在上一篇文章《帮你大幅提高设计效率的Sketch Symbol 深度指南》中,我与大家分享了自己使用 Sketch Symbol 的心得。那时我用的 Sketch 版本还是 51.3,在文章收尾准备发布的那天早上, Sketch 52 Beta 来了,在机场的我只来得及让朋友截了几张图,匆忙放在了文章的结尾……24小时前,Sketch 52 正式版终于发布了。

优设文章 2018-10-05

帮你大幅提高设计效率的Sketch Symbol 深度指南

@烧炖:2018年的七夕是个星期五。晚上7点,设计师小王正在收拾东西,他和隔壁组的小姐姐约好了去看电影,打算7:30下班。正收拾着,收到了 Leader 发的消息:时间只剩半小时了,小王该怎么办?

优设文章 2018-09-25

微软开源Sketch2Code,设计草图秒变代码

编者按:最近超火的Sketch2Code 是什么神器?它如何将设计草图秒变成HTML 代码?本文翻译了微软的官方博客介绍,让你理解这个开源神器是如何工作的!

优设文章 2018-09-11

那些提高效率但不为人知的Sketch 冷知识(二)

编者按:作者在上期《那些提高效率但不为人知的Sketch 冷知识(一)》中分享了10个提升效率的实用技巧,本期继续奉上干货。一、文件整理小技巧sketch 在使用过程中,图层往往会比较多且一旦不注意整理的话,就会变得很混乱。如何快速整理好,快速输出成为设计师们的一大需求,我在使用过程中觉得有几个小技巧还挺实用:当画板、文件夹很多又都是打开的情况下,要一个一个收起,非常麻烦。

优设文章 2018-08-30

那些提高效率但不为人知的Sketch 冷知识(一)

工作中发现,虽然仅使用Sketch 基础功能也能很好的胜任设计工作,但是如果能掌握一些实用的小技巧则会让你的工作更加轻松。所以从本期开始,会陆续写一些关于 sketch 方面鲜为人知的小知识,可能会包括快捷操作,组件,库,实用插件等等,希望这系列的文章能抛砖引玉,对大家有所启发。既然是冷知识,往往很难系统化的去梳理,可能会比较零散,所以大家看到感兴趣的小技巧最好去动手试下,应该就能很快明白了。

优设文章 2018-08-22