【清单】24 个高效率产品设计工具

工欲善其事，必先利其器。秉承着这句古语，我常常收集一些跟产品设计相关的小工具，可收集归收集，过一段时间就忘记还有这些「宝物」了。所以，这回特地拎了一些出来，一作整理，二作分享。

1. 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：能够提供点击量统计的短网址平台。也可以试试国内的 丫蛋短网址。

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

---

题图选自 Unsplash.com，photo by Vítor Santos。