sketch教程 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

sketch教程话题

首页
设计文章
sketch教程

Sketch 56 Beta版本探秘，看看都有什么新功能！

神器推荐

Sketch 56 Beta版本探秘，看看都有什么新功能！

最近 Sketch 56 Beta 版本悄然发布，新增组件编辑文本的功能、文本范围属性优化、智能排列新增组和负值功能、设置新增账户功能等。

2019/07/09

高手私藏！这13个Sketch插件让你效率逆天！

神器推荐

高手私藏！这13个Sketch插件让你效率逆天！

@张小碗儿：这些是我常用的 Sketch 插件，个个轻量级，超级好用，分享给大家。Split ShspeSketch IsometricMagic MirrorMap GeneratorSketch QR CodeFlavorBold ItFont FinderRename ItAlembicConvert To GrayscaleLazyboards下载地址：https://pan.baidu.com/s/1HsKm5yKHgPqed5dIGF2XIQ

2019/02/28

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

神器推荐

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

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

2019/01/15

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

教程

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

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

2019/01/10

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

教程

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

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

2018/10/17

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

UI

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

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

2018/09/25

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

教程

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

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

2018/08/30

sketch快捷键

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

教程

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

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

2018/08/22

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

神器推荐

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

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

2018/08/02

高手进阶技巧！全方位深入理解 Sketch 库（上）

UI

高手进阶技巧！全方位深入理解 Sketch 库（上）

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

2018/06/26

高手进阶技巧！全方位深入理解 Sketch 库（中）

UI

高手进阶技巧！全方位深入理解 Sketch 库（中）

这一部分主要是针对设计团队中库管理者或设计系统维护者，介绍一些库组件命名建议、组件管理、样式管理和库文件管理方面的信息，读者只需要有这方法管理经验，不需要一些编程开发的经验。一、组件命名建议1. 组件命名库文件会分发给团队内部设计师，甚至是外部设计师，所以库组件的分组结构需要尽量清晰。组件名称使用「/」符号分组，建议分组在 1 - 4 之间，「/」前后加入一个空格，名称使用 Title Case 或 lower case 方式命名，如果你的组件跟某个界面框架相应，也可以根据这个界面框架的模版名...

2018/06/26

Sketch 49 的交互原型新功能怎么用？来看这篇教程！

教程

Sketch 49 的交互原型新功能怎么用？来看这篇教程！

Sketch49 交互原型新功能，对于 UI 设计师们来说是不是新福利呢？我们一起看看！看到2月28日 Sketch49 新版本发布的消息，打开了官网看到了最新的版本更新视频，确实还是挺激动的。

2018/03/05

简单实用！七步学会用 Sketch 搭建复杂表格

教程

简单实用！七步学会用 Sketch 搭建复杂表格

徐小马：笔者之前去华润置地东北大区做用户调研，需要现场理解需求，快速搭建用于用户测试的可交互原型。由于方案中涉及大量的表格，有点措手不及。回来后，我构思做一个 Sketch 模版沉淀，以防下次再遇到这种情况。

2018/02/01

实用全面！教你用Sketch Libraries构建组件库/设计体系

教程

实用全面！教你用Sketch Libraries构建组件库/设计体系

@C7210 ：本期是一篇很长的译文，Using Sketch Libraries to build better design systems，从理论方法到实践演示，一应俱全。看完本文你会学到：如何解决Symbols同步共用问题？使用Sketch Libraries创建组件库对核心Libraries中的元素进行更新另外说，Sketch 48 Beta已经开始提供Colors Management方面的功能，又是一次体系化角度的重要更新。

2017/11/21

Sketch 新出了Libraries功能，以后团队协作更方便了！

教程

Sketch 新出了Libraries功能，以后团队协作更方便了！

@C7210 ：关于Sketch 47 Beta带来的Libraries功能。终于实现可以调用库文件以及一些第三方插件。但原生功能是另一码事，在如此重要的、可能涉及设计体系这样庞大项目的功能上，依赖第三方解决方案的做法终归有所牵制。

2017/09/21

好习惯学起来！帮新手提高效率的Sketch高频使用技巧

UI

好习惯学起来！帮新手提高效率的Sketch高频使用技巧

@C7210 ：Sketch毕竟没有什么学习曲线，颇易上手，相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧，而将一些稍许费力耗时的方式一路沿用下去。这篇内容所针对的便是这样的情况。几乎没有进阶的要点，只针对初学的同学培养正确习惯，还望各位老司机们见谅。

2017/04/17

10个Sketch搭配Zeplin的使用技巧，让你和程序员愉快玩耍！

神器推荐

10个Sketch搭配Zeplin的使用技巧，让你和程序员愉快玩耍！

虽然我们都知道 Sketch + Zeplin 是各种好使，但有时你还是会发现，和开发团队沟通依然有不少障碍。以下分享10点小心得，确保你可以和程序员高效而愉快地玩耍。欢迎关注作者的知乎专栏：Sketch 中文教程曾几何时，你刚把新出炉的设计上传到了Zeplin，不一会就收到开发同学的艾特了——“请把素材文件打包发我谢谢”。

2017/03/02

Sketch丨刚发布的Sketch 41有哪些值得一看的新功能？

神器推荐

Sketch丨刚发布的Sketch 41有哪些值得一看的新功能？

11月8日晚，Sketch 悄悄的更新至 Sketch 41。至此3X系列已经离我们而去，4X系列正式到来！在此次更新中，还是有不少惊喜的。

2016/11/09

Bug还是大动作？静电为你解读Sketch3.7版本新功能

教程

Bug还是大动作？静电为你解读Sketch3.7版本新功能

@JingDesign ：Sketch3.7版本来啦，一起来跟静电熟悉下Sketch3.7版本的新功能，本次更新的一大亮点就是全新的元件功能了，也是Sketch这次大版本的主要特色。不多说，直接看总结！创新的元件功能在Sketch3.7版本中，创建元件将使用全新的方式。

2016/04/14

Sketch教程！教你绘制《疯狂动物城》中的朱迪和尼克

教程

Sketch教程！教你绘制《疯狂动物城》中的朱迪和尼克

@JingDesign ：今天我们要使用Sketch来绘制这两位主角。由于网络上形象很多，这幅图算是半个临摹吧。由于过程复杂，静电通过几个要点为大家分析这幅作品的绘制技巧，其中大部分为Sketch中钢笔工具的使用技巧。

2016/03/08

搞定设计版本控制！一份超详细的Sketch git插件使用指南

教程

搞定设计版本控制！一份超详细的Sketch git插件使用指南

袁晨皓：对每一个设计师来说，如何管理文件版本是令人很头痛的。本次教程使用Sketch的 Git 插件帮助你记录每一次的更改、处理好混乱的版本迭代，教程超详细，建议收藏！设计师的版本控制：Sketch的 Git 插件使用案例温馨提示：本次案例的项目已经公开啦，http://cloud.yuanchenhao.com:30000/stevenyuan/sketch Git . Git，各位可以前往我的自建 Gitlab查看每一步的对比，不过服务器建在我香港学校的寝室里，访问速度可能较为一般，还请海涵。

2016/03/02

做GUI要学Sketch？来看这份超全面的Sketch使用体验

教程

做GUI要学Sketch？来看这份超全面的Sketch使用体验

@LUNA不停：Sketch作为一个为UI设计而生的工具，全矢量、轻量级、像素级精准，非常适合做移动端应用类的界面设计和简单的扁平图标设计。下文是我通过一段时间的使用，对比PS，梳理了Sketch对我们而言的优点和痛点，探讨了下Sketch对提升工作效率是否有帮助。它轻巧、优雅、高效，三点相辅相成。

2016/02/28

抢先一步！Sketch3.4版本不可不知的7个新功能

教程

抢先一步！Sketch3.4版本不可不知的7个新功能

经过NNN多个Beta版本的迭代，Sketch3.4终于掀起了她神秘的盖头，那么这次万众期待的新版本都更新了哪些让人热血沸腾的内容呢，来随着@JingDesign 一起看看吧。1. Share新版本的Sketch中新增了一个叫做Share的图标，通过这个功能，我们可以直接把当前文档通过局域网地址的方式发给你的同事或者朋友。当然必须是局域网哦（如果你的地址是公网ip，那么你可以发给任何人）。

2015/10/29

教程

漂亮实力派！教你用Sketch绘制一枚精美的锤子论坛图标

编者按：好久没出Sketch教程了，今天跟着@老罗弟弟_罗方可来一发图标临摹，原图标是锤子科技的UI高手方迟设计的，效果惊艳。刚买Sketch的同学，内文附有新手系列教程，帮你从零开始掌握Sketch。不多说，先看今天教程。

2015/10/07

Sketch是如何占满你500G的硬盘，来我帮你杀了它

教程

Sketch是如何占满你500G的硬盘，来我帮你杀了它

大家都知道sketch是UI Designer, Material Design的新宠。但是用了这个软件的人你们有没有发现，你们电脑的硬盘根本不够用！根本不够用！

2015/10/05

超实用！Sketch大师最常用的3个实战小技巧

教程

超实用！Sketch大师最常用的3个实战小技巧

编者按：面对Sketch这样的新应用，谁都想直接达到到高效、高产、熟练的使用水平。所以今天@窒息红Leon 就来介绍关于 Sketch 的三个小诀窍，而它们通常只能在经验丰富的 Sketch 大师身上才能看到。译者的微信公众号：zhenlei_pd，推荐同学们关注呦。

2015/05/29

UI设计利器！9个你应该知道的Sketch实用技巧

教程

UI设计利器！9个你应该知道的Sketch实用技巧

很多刚接触Sketch 的同学惊叹它的好用强大，不过它还有很多鲜为人知的实用功能，今天我们将一一为你说明这些特别好用的技巧，帮你加快设计流程 >>>等一等，什么是 Sketch？至去年 Sketch 第2版新舔的颜色设定后，越来越多的设计师已经切换用 Sketch 了。它的简单的界面和性能使它比 Photoshop 更好用（不要忘了，Photoshop 最初是专为编辑和处理图像以设计的），而其绘图工具也很适用在向量图形（vector）上。

2015/05/22

快成一道闪电！让你设计效率疾速提升的免费Sketch插件

教程

快成一道闪电！让你设计效率疾速提升的免费Sketch插件

尽管Bohemian Coding团队一直在尽力更新提高Sketch的易用性，完善功能和特性，但依然无法满足设计师和开发者的全部需求和愿望。好在开发者社区並沒有坐以待毙，而是积极地开始为Sketch开发各种各样地插件。有些开发者打算用自己开发的插件替代系统预制的组件，旨在让GUI、图标和原型地设计拥有更大地定制空间，还有一些开发者则选择试图开发出提高工作效率，完善工作流程地组件，解决各种尚未完善地问题。

2015/04/18

Sketch新手指南！10个帮你UI设计提速的Sketch使用技巧

教程

Sketch新手指南！10个帮你UI设计提速的Sketch使用技巧

编者按：选择使用Sketch的理由很多，因为好奇跟风安装的同学应该不在少数，看了介绍觉得功能强大而安装的应该也不少。当然，如果你是一名UI/网页设计师，你的Mac和我一样感觉跑PS不堪重负，那么Sketch绝对能帮你排忧解难，从此告别卡顿和无所不在的进度条。越来越多的设计师开始选择使用Sketch 设计网页、UI了，开发团队 Bohemian Coding 居功至伟。

2015/04/10

超能陆战队！手把手教你用Sketch绘制萌萌哒的大白

教程

超能陆战队！手把手教你用Sketch绘制萌萌哒的大白

编者按：这部电影特别火，很多同学都特别喜欢这个萌萌哒大白同学，今天@JingDesign 来一篇应景的教程，手把手教同学们用Sketch绘制大白形象。想换个头像？来感受下 >>>木有Mac，装不了Sketch？

2015/03/08

没有更多内容了

大家都在看

设计流程

文章 155

优秀网页设计

文章 586

求职面试

文章 169

视觉设计

文章 205

设计规范

文章 218

动效设计

文章 208

AI教程

文章 137

神器推荐

文章 428

设计师干货

文章 218

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营