倾囊相授!大家都会的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

Sketch 官方强烈推荐的五款流程效率类插件

身为 Sketch 用户,你可能每天都会用到一些插件。无论是创建动效,还是以可视化的方式呈现数据,或是管理组件库,Sketch 庞大的插件生态体系总能为你提供到帮助。插件及其背后的开发者社区是 Sketch 能够取得成功的重要因素。

优设文章 2018-08-21

用这个免费的 Sketch 插件,帮你完美还原安卓界面!

你是否也曾被 Android「惨不忍睹」的实现界面搞得焦头烂额,一度怀疑安卓开发小哥的能力是否不及格,几乎都快要对安卓无望了。从现在开始无须担心,这篇文章一定会让你对安卓重拾信心,配合开发做到安卓界面完美还原。插件地址:https://github.com/zz379/AutoFixAndroidTextLineHeight.git插件下载:https://pan.baidu.com/s/1Hoe3xH4O74...

优设文章 2018-08-02

高手进阶技巧!全方位深入理解 Sketch 库(上)

Sketch 47 中引人的库(Library)功能,这次更新改变了设计团队工作方式和流程。库在设计团队维护一个设计系统或风格指南上,起到非常重要的作用,可以给团队带来更加高效工作体验。越来越多的设计师和团队使用 Sketch 作为主要的设计工具,得益于众多插件和第三方应用,即使在没有技术支持的情况下也能解决一些常见问题。

优设文章 2018-06-26

高手进阶技巧!全方位深入理解 Sketch 库(中)

这一部分主要是针对设计团队中库管理者或设计系统维护者,介绍一些库组件命名建议、组件管理、样式管理和库文件管理方面的信息,读者只需要有这方法管理经验,不需要一些编程开发的经验。一、组件命名建议1. 组件命名库文件会分发给团队内部设计师,甚至是外部设计师,所以库组件的分组结构需要尽量清晰。组件名称使用 「/」 符号分组,建议分组在 1 – 4 之间,「/」 前后加入一个空格,名称使用 Title Cas...

优设文章 2018-06-26

大公司如何做设计系统?24 个 Sketch 组件库源文件合集下载

最近几年,设计系统非常火。不管是 2C 还是 2B,很多大公司(甚至是政府)都构建了自己的设计系统。如果你想学习别人是如何搭建设计系统、组件库和交互规范,最快的方式就是研究他们的设计源文件。

优设文章 2018-05-10

免费高效!用 Paddy 让你的 Sketch 学会自动排版!

徐小马:很多中后台项目的界面设计涉及大量的表格,每份终稿的输出,都要经历反复的调整间距、边距、对齐,Sketch 自带的排版功能已经远远不够用了。所以推荐给大家一个自动排版的插件:Paddy,合理的使用会提升设计师的时薪。一、阅读准备和核心流程插件官网:GitHub – Paddy相关下载:插件 | 演示文档掌握三个核心功能即可快速上手,笔者在这里以一张简单表格的制作为例子。

优设文章 2018-04-24