24 个高效率产品设计工具

|沙龙精选自简书：http://www.jianshu.com/users/2346ceec40ca/latest_articles

作者Dominic Huang，一枚产品经理，开始喜欢码字，养着一个公众号 BuildForever，每天推荐一篇产品/设计/用户体验领域的高质量英文文章。

工欲善其事，必先利其器。秉承着这句古语，我常常收集一些跟产品设计相关的小工具，可收集归收集，过一段时间就忘记还有这些「宝物」了。所以，这回特地拎了一些出来，一作整理，二作分享。（ 以下工具下载或者跳转链接请直接点击文末阅读原文获取，建议pc版直接戳对应的工具名称即可跳转，如果不能翻墙，个别工具链接暂且不能跳转）

• Google Design： Google 出品的字体、图标、设备尺寸等资源，当然还有 Material Design 设计指南。

• Facebook Design Resources： Facebook 出品的免费设计资源，包含 iOS 9 UI 模板（相信很快就有 iOS 10 的了）、设备模板等资源。

• iOS 10 UI： 一键下载 iOS 10 的 UI Kit。

• Cubic-Bezier： 随意调整贝塞尔曲线且可以导出 CSS ，做动效的贴心工具。

• Visual Cebter： 帮你找到一个图片/图标的视觉中心。

• Type Anything： 自定义字体、字号、间距等样式条件来排版（适合英文）。

• Mobile Design Pattern： 可按不同移动平台（iPhone、iPad、Android）来查找移动设计模型。

• Sketchsheets： 免费下载 iPhone 5、iPhone 6、iPad 等模板（不过还没有 iPhone 6s 和 iPhone 7 的）。

• Aspects： 轻松按照 16:9、4:3、21:9 和 2:1来计算宽高。

• Loding.io： 自定义颜色、宽高、速度等样式来获取「加载状态」的图片（SVG/GIF）/CSS。

• Type Terms： 学习字体结构的好去处，不过是纯英文。顺便推荐《西文字体》。

• Unsplash： 既免费又高质量的个人摄影图片，随你怎么用。

• Tally： 快速制作需要一个需要投票的问题，让团队无记名投票。

• WeTransfer： 免费分享文件（2G），7 天后销毁。

• Color Safe： 找到符合《无障碍设计指南 2.0》字体与背景色比例的调色板。

• Colors： 上千种你要的颜色板，可自定义自己的偏好并生成。

• Canvas， 快速制作你想要的海报、横幅广告、幻灯片等，素材丰富。你也可以用 创客贴，Canvas 的中国版本。

• Grid.Guide： 快速生成和下载你想要的栅格尺寸。

• Diff Checker： 快速找到两份文字内容的不同之处。

• Internet Archive： 查找某个网站的历史页面。

• Frontify： 帮你制作设计规范。

• AniCollectiong： 动效合集，还提供了 CSS 代码下载。

• Coverr： 要给网站首页搞个短视频？这里有大量免费的供你下载。

• Bitly： 能够提供点击量统计的短网址平台。也可以试试国内的 丫蛋短网址。

你有什么好「宝物」？在评论中分享一下呗 (: