首页 > 建站资源 > 实用工具 > 超实用干货大合集:包括原型工具、配色工具、字体设计等

超实用干货大合集:包括原型工具、配色工具、字体设计等

时间:2019-10-05    来源:CARRIE COUSINS

虽然近期令人眼前一亮的新工具没有那么多,但是很多已有的工具在迭代更新的新版本,也非常的强大,令人眼前一亮。这些工具从提升设计工作流程,到创意设计,都有着不俗的效果。除此之外,这个月的设计圈干货大合集,还涵盖了各种时髦的字体等必备的干货素材,别错过啦~

原型设计工具Quark

如果你是一名平面设计师,Quark 可能并不是你想要的工具。这是一个基于 HTML、CSS 和 JS 来创建设计项目的工具,它的界面是专门为快速开发和创建原型而设计的,你可以拿它快速创造和生成应用。

图片编辑器Doka

Doka 是一款浏览器中使用的照片编辑器。它可以非常快捷地裁剪、调整图片的大小比例,还包含有几个简单的滤镜。它可能是目前最好用、便捷的照片编辑工具之一。

可复制配色方案 Copy Palette

Copy Palette 可以帮你生成最优雅的单色配色方案。选择基本色之后,它会自动匹配上其他的颜色,控制好对比度,就可以生成在 Figma 与 Sketch 中可用的 SVG 配色方案,简单复制粘贴即可使用。

表单生成器 Summit Form

Summit Form 是一个托拽式的在线表单生成器,你可以在你的网站上嵌入表单,或者借助链接嵌入到邮件和社交媒体上。它非常易于使用,如果你想不借助代码构建表单,那么这是一个不错的选择。虽然它是付费的,但是价格很低。

SVG to JSX 转换器

SVG to JSX 是一个实用性很强的插件,借助它你可以在 Figma 当中复制 SVG 代码当作 React 组件来使用。它非常好用,右键点击就可使用。

图片马赛克工具 Tiler

Tiler 是一个非常有趣的工具,它可以将小图片作为马赛克块组合成为大图片。在这个过程中,你可以控制图片大小以适应你的需求,并且可以挑选你喜欢的样式,包括圆圈、线条、乐高等不同的样式。

Can I Email?

有一些工具,是直到你真正碰到它的时候,才意识到你有多需要它。而这个 Can I Email 就是这样的工具。关于电子邮件,将你想知道的关键词输入到它的输入框里面,你就会知道哪些客户端支持这些功能。

身份验证工具 UseAuth

UseAuth 为你提供了一种将身份验证添加到 React 应用的简单方法,它使用 AuthProvider 组件进行配置,并且让组件之间能够共享状态,包括用户、登录表单和重新定向等,麻烦的工作它都替你完成了。

线框图工具 Fragments iOS Wireframe Kit

Fragments 是一款 iOS 线框图工具套件,适用于 Sketch,可以用于移动端程序开发。它包含 370 种布局,10 个门类,基于嵌套符号来实现所有的这些东西。你可以先试试它的免费版本,其中只包含 25 屏的界面。

动画工具 SVG Artista

SVG Artista 这款工具帮你简化了 SVG 动画的制作过程,它是基于 Animista.net 的动画来开发的。它的动画使用的是纯粹的 CSS 转 SVG 图像技术,结合最合理的直线、圆、多边形和路径,一同使用。这并非是一款非常完整系统的动画工具,但是它适用于快速生成动画。

创意工具 The Most Dangerous Writing App

这是一个非常有趣的游戏。如果你在游戏过程中,有超过5秒没有继续打字,就会逐渐脱离进度,失败。听起来很难玩,但却是个非常有趣的创作工具。

相关推荐
10个优秀的界面原型与布局工具推荐
搞定网页原型设计的神器—PS插件VELOSITEY
20款原型和UI线框图设计工具推荐 附下载地址
10款设计师专用的热门工具 包括原型设计、素材管理等
如何选择一款好的APP原型设计工具?
助你事半功倍的顶尖原型设计工具 附实例
3分钟快速搭建界面原型的设计工具推荐
五个简单实用的在线做图网站推荐
十三个免费在线创建网站的工具
可在线无损压缩网页图片的工具
十四个可以优化、编辑、分析CSS的在线工具
十五个免费在线制作网站标志的工具
五款免费在线测试网站速度的工具
Sumo Paint:功能强大简单易用的免费在线图片处理工具
四款免费的在线CSS设计工具推荐
两款域名搜索和建议、域名生成工具
4个与网页制作相关的在线工具
四个免费的在线LOGO和徽章生成工具
四个免费网页设计相关的图片生成器推荐
实用的网站Web表单(包括WordPress插件)在线创建工具
分享三款免费的在线字体设计工具
免费的在线CSS3样式可视化生成工具介绍
优秀的WordPress主题编辑工具 — Stiqr
Web开发者必备的十大免费在线工具网站
50款超实用的免费在线工具 WEB开发必备(上)
50款超实用的免费在线工具 WEB开发必备(下)
六款CSS3在线免费代码生成器和调试工具
18款WEB开发常用的网站性能测试实用工具
8款Web开发人员常用的免费在线工具网站
40款超级实用的免费CSS在线工具
10个WEB开发者应该收藏的实用工具网站推荐
20款网页设计师和开发者必收藏的免费在线工具
在线生成站点地图SiteMap制作工具推荐
10个网页设计web开发常用的一些免费小工具推荐
16款Web开发超棒的在线工具分享
在线快速信息图表制作工具网Infogr推荐

精彩推荐

热门教程