资料来自网络,创想者学院整理
工欲善其事,必先利其器。秉承着这句古语,我常常收集一些跟产品设计相关的小工具,可收集归收集,过一段时间就忘记还有这些「宝物」了。所以,这回特地拎了一些出来,一作整理,二作分享。
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:能够提供点击量统计的短网址平台。也可以试试国内的 丫蛋短网址。