提高UI设计师工作效率工具分享

资料来自网络，创想者学院整理

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

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