神器！解放你的双手——UI 设计稿全自动切图和标注的一些工具推荐

工欲善其事，必先利其器。我只是工具的搬运工，下次把Mac上实用的小工具也推荐一波前不久看到一篇文章， 前端 PS 切图方法，图文详细 ，相信每个前端都经过这种最原始的切图手法，不禁想起自己以前刚入门那会懒得切图，直接QQ截图，现在想起来真是初生牛犊不怕虎，怎么方便怎么来。。。这种原始的PS切图，不能说不好，只能说太影响效率了，一直认为能用机器解决的事，就不要用人工操作，

产品 2017年04月13日

【SKETCH 教程】绘制日历 ICON 一枚

绘制日历icon一枚，练习SKETCH矢量绘图工具，求交流。主要用到的工具：shape图形、combine、gradient渐变、Gaussian Blur高斯模糊 等。上传了源文件，以供交流，请勿商用，谢谢。一个图标的精致程度，就是看你对生活中的事物观察细致程度，以及对事物归纳总结的能力。UI设计师不是简单地画图临摹，也不能像艺术家一样写意洒脱，应该是创造和理性的结合体。

产品设计 2017年03月03日

Stack 自动布局：Sketch 中的 Flebo

Skacks会彻底改变你对Sketch布局方式的理解。就像CSS中的Flex Box、iOS中的UIStackView和Android中的FlexboxLayout——Stack的自动布局可以再次改变整个局面。Sketch用户终于可以在不用CSS的情况下，直接使用Flexbox的排版技术。我们相信，推动设计生态前进的关键在于，创造出强大的设计概念。Flexbox已经彻底改变

产品设计 2017年02月26日

如何基于开发的视角进行产品设计？

既然UI设计师的主要工作是交付，那么学会以开发的视角和分析方法来进行设计将非常重要。面对完全不一样的媒介，设计师们会有不一样的目标，也会使用不一样的手法进行设计。 比如说一名UI设计师与平面设计师的最大区别，大概就是在于UI设计师能够以开发的视角来做设计。UI这个词或许听起来非常新潮，但是User Interface这个词组及其含义其实很早就已经出现了。古时候的设计师使用G

产品经理 2017年02月17日

2017 年作为设计师的你应该了解的 7 款工具

译文出处：[The most promising design tools you should try in 2017](https://blog.prototypr.io/the-most-promising-design-tools-you-should-try-in-2017-2e5d34b16261# .ra38jmksp)2016年，是设计工具迸发的一年。新的不

产品 2017年02月04日

sketch 切图基础教程

sketch切图效率是ps的几倍，几十倍。因为大部分公司没能给设（qie）计(tu)师(zai)配mac电脑，所以用sketch少，不然我相信大部分设（qie）计(tu)师(zai)都会转移到sketch。先说说最基础的，在sketch中，一个项目的所有界面通常可以放在一个画布里，然后快捷键"A"创建画板Artboard.然后一个项目的缩略图就如下图所示。一开始我是用640

产品经理 2016年09月29日

云采整理翻译，sketch 中文教程（六）

sketch官方中文教程编组除了像图形、位图、文本这样的基本图层外，Sketch 还有一些特殊图层类型，它们对图层的整理和导出等工作上非常有用。组你可对多个图层进行编组，并让它们以一个“层”的样子展现。你可以移动和改变组的大小，同时也可进入组修改每一个图层的属性。Sketch 当中的编组工具是非常强大的，因为多个组可以再次建为新的组，一起移动或者改变大小。当你改变一个组的大

业界 2016年10月17日

云采整理翻译，sketch 中文教程（五）

sketch中文教程创建元件要创建一个元件，首先选中一个组、画板或一些图层，再点击 工具栏上的创建元件（Create Symbol）按钮 ，或执行 菜单命令图层（Layer）> 创建元件（Create Symbol） 。此时会弹出提示框，输入元件名称及选择是否把此元件放置在元件（Symbols）页面中。如果不选择此选项，主元件将会放置于当前页面中，同时一个实例会放置于此位置

业界 2016年10月14日

使用 Sketch Measure 的「规范导出」功能代替 Zeplin

8天在线UED团队对于效率的提升孜孜不倦，提升效率就是降低成本。我们的UED团队一直保持小而精的特点，就是依靠极高的效率。最近，我们放弃了Zeplin，使用Sketch Measure的「规范导出」功能代替。（感谢组长和某群的小伙伴）并且我们搭建了ued.dev.8dol.com（内部）的高保真展示网站，方便规范的展示与共享。我们先说说Sketch Measure的「规范导

业界 2016年10月14日

手机 UI 设计必备的 Sketch40.2 破解版分享下载

福利又来了，之前分享的 Sketch40.1很多同学下载，这次分享的是最新的40.2(原版本号：4.0.2)，大家可以更新了！Sketch是一款更新很频繁的应用，而且要使用他们发布新的资源必须更新，所以我们看到新的版本就会分享给大家，可以通过覆盖之前的直接升级。《Sketch4中文对照表》用惯了Photoshop做网页但是做手机APP的时候它就显得功能不足，Sketch感觉

产品经理 2016年10月09日