Sketch

身为 Sketch 用户，你可能每天都会用到一些插件。无论是创建动效，还是以可视化的方式呈现数据，或是管理组件库，Sketch 庞大的插件生态体系总能为你提供到帮助。 插件及其背后的开发者社区是 Sketch 能够取得成功的重要因素。为此，我们新开了一个文章系列，希望把更多高质量插件及相关整合服务介绍给各位。在第一期里，我们将了解五款帮助设计团队提升流程效率的插件与服务。 一、WeTransfer…

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

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

为什么说 Studio 是最值得期待的设计工具？因为这是一款集成了视觉设计，快速原型，动效制作，团队协作于一体的全能设计工具。得益于移动互联网的快速发展，Sketch 最近几年的发展也是顺风顺水，近乎行业标杆，价格也由最初的 $99 (大版本内的) 一次性付费，变成了 $99/year 的订阅付费。由于 Sketch 的先发优势，即使后来者如 Figma、Adobe XD 是如此优秀然而也并没有搅…

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

如何将想法和工具结合起来，让自己的工作效率翻倍，这篇文章为你答疑解惑。 工欲善其事必先利其器，在日常工作中，怎么样提高自己及团队的工作效率应该是很多设计师和团队在思考的问题。Sketch 作为 UI 设计师的必备工具，我们已经相当熟悉，如何结合 Sketch 来提高自己以及团队的工作效率呢？我从下图所示的几个方面结合自己的经验做个简单分享。 一、Symbol 1. Symbol 介绍 Symbol…

自从 Sketch 推出以来，就逐渐取代 Photoshop 成为了 UI 设计领域最受人追捧的设计工具，其中的原因除了之前我们介绍的 Symbols、组件库以及细化的功能体验之外，还有个非常重要的因素，那就是 Sketch 的插件社区非常活跃，时不时都会出现一些杀手级的插件，从而帮助你大幅度提升设计效率。在这里，笔者就以自己的使用经验，推荐几款相当好用的插件，希望对大家有所帮助。 1. Sket…

徐小马：随着 Sketch 在版本49中增加了 Prototyping 功能，试图给 Sketch 安装「原型」义肢的插件也越来越多。前几天发现一款有意思的插件 Diya，安装后的 Sketch 神似 Principle。插件的 slogan 是「Bring your ideas to life」，为你的设计画龙点睛。 一、阅读准备和核心流程 插件官网：Diya - Timeline animat…

Sketch49 交互原型新功能，对于 UI 设计师们来说是不是新福利呢？我们一起看看！ 看到2月28日 Sketch49 新版本发布的消息，打开了官网看到了最新的版本更新视频，确实还是挺激动的。UIBANG 来和大家一起看看 Sketch49 的版本更新了哪些新功能吧。 一、交互原型功能 画板（ Artboards ）和热区（ Hotspot ）链接实现页面间的跳转，实现动态交互原型（类似交互软…

编者按：这9个Sketch 神器，堪称Sketch中最强大的插件。已经帮你打包好了，快来体验吧！ 神器下载：http://pan.baidu.com/s/1qXJGmSk 1. Craft by InVision Craft大家都很熟悉了。几乎是每个使用Sketch的设计师必备的插件。它可以自动生成制作高保真原型图时所需要的文本信息和图片信息，显著提升设计效率。 2. Runner 在Mac系统上…

酸梅干超人：InVision Craft Prototyping 功能终于上线了，从两年前开发到现在，千呼万唤始出来，有生之年系列既视感！ 可能很多人对 InVision 是做什么的不太清楚，这里稍微科普一下，除去需要搭梯子来提速，这家公司应该是目前所有原型工具中最优秀的，没有之一。无论是对于产品的理解、体验的设计，还是对于前端技术的追求。 Craft 的原型工具，可以快速在 Sketch 把页面…

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

编者按：想在Windows 上顺畅预览Sketch 格式的文件？有今天这个神器就可以轻松完成。另外推荐的是知名免费图库Pixabay 开发的APP，都是设计师值得一装的软件。 Lunacy：可在 Windows 系统下查看/预览 Sketch 格式文件利器 我们知道 Sketch 目前只有 MAC版本，所以在 Win 系统下没办法预览，为了解决这个问题我们可以通过一些第三方软件查看，比如今天分享的…

11月8日晚，Sketch 悄悄的更新至  Sketch 41。至此3X系列已经离我们而去，4X系列正式到来！在此次更新中，还是有不少惊喜的。今天一一做个盘点。 全新 Logo Sketch 拟物化黄色钻石 Logo 已经成为历史。新Logo 顺应了设计潮流，简化色彩并弱化光影关系。不过有一点令我很在意，就是新Logo的倒角处理（面与面之间的接缝）。之前的Logo倒角很锋利，有种割破手的感觉，典型…

Sketch被越来越多的设计师使用，配合它的神器也推出了不少，今天Riceman （使用Sketch两年多）推荐了一些他常用的插件，加上昨天的AE插件系列，高效率根本停不下来！ 第一期回顾：《完全停不下来！10个好用到令人震惊的AE插件（附视频演示）》 1. Sketch Toolbox 我使用这个插件（其实应该说是一个软件吧）来管理我大部分的Sketch插件。 2. Content Genera…

Sketch绝对是除了PS和AI之外在Mac 平台上最热门的设计工具，它更新迅速，功能完备，并且非常契合目前对于UI设计的需求，最重要的是，Sketch 小巧灵便不臃肿，还具有相当强大的可拓展性。 Sketch 的优秀之处就是从它的可拓展性上延展开的，围绕着它的不仅有大量的设计师，还有一个活跃的开发者社群，许多优秀的免费插件都由此诞生。这些来自开发者社群的优秀插件从各个不同的角度完善、强化了Ske…

对原型工具都不满意？自己动手做一个！本文是Silver的开发者在Medium上写的一篇介绍文章，从各个方面介绍了这款原型工具的优势和特色（与Sketch深度整合、超方便预览、转场效果丰富原型逼真等等），同为设计师，他开发的产品更贴近我们的日常需求，非常值得体验。 Silver是一款便捷进行移动设计流程的工具，它包含：一个iOS应用、一个Mac应用和一个Sketch插件，三者之间无缝衔接，完美配合。…

编者按：30秒出交互原型，5分钟搞定交互动画！今天@Payshare 给大家安利一款超实用的交互原型制作神器，亮点有3：整体交互原型制作，与Sketch无缝配合，制作速度快快快到难以想象，内附一个教程，不到20秒效果就完成你敢信？来收！ Flinto的前身是一款在线制作原型的工具，通过上传图片，添加热点配合相应的交互动作快速的生成整体原型通过网页或者手机端展示给客户观看，与之前介绍的Briefs非…

有经验的网页设计师和前端都知道，在开始着手设计网页之前，通常大家会在白板或者草稿纸上画个草图，这样做方便构思整体布局。虽然许多设计师选择在白板上完成这一过程，不过也有许多设计师选择使用软件来"打草稿"，其中最受大家青睐的就包括Sketch 内置的模板功能。 相比白板上的手绘模板，Sketch内置的模板功能更加规整，也组织得更加富有条理，保证了设计的向后的兼容性，也确保了生产力。…

@折折熊 ：Hype这个关键词在百度上搜索都不一定知道它到底是什么，但自从我用上之后，就爱上它了，就像当年喜欢上Sketch一样 >>> 它适合哪些人？ 用AE、Flash等动画视频工具做App动效视频（或GIF）演示的； 用FrameJS、Origami、Form等工具写代码生成App可互动性动效演示的； 用Axure、Justinmind搭建网站或者APP演示的，特别是在响应…

编者按：越来越多的设计师开始热爱上Sketch。说实话，比起重量级的PS和AI，Sketch在确保功能完善的同时还做得更加轻量级，成为UI设计新贵也是意料中的事情。截至目前优设已经有许多关于Sketch的文章了，值得深入阅读。Sketch官网：Sketch。 如果你非常熟悉PS，并且想迁移到Sketch的话，那么这篇文章一定是你的敲门砖：《高效省时教程！PHOTOSHOP用户如何迁移到SKETCH…