咨询电话:400-810-1418服务与监督电话:400-810-1418转接2
  • 相关推荐
  • 精致的界面设计如何处理细节?
  • 2020年10月超实用设计干货大合集
  • 提升UI细节和体验的10个小技巧
  • 六个简单构图技巧 让你的朋友圈照片狂点赞!
  • 快速改善用户界面的10个小技巧!
  • 表情包如何设计?腾讯QQ团队借古风玩出新高度!
  • 2020年2月实用设计类工具大合集

    发布时间:2020-02-16 13:25:44

    Prototypr.io 这个月更新的设计工具合集非常给力,总计有 21 款最新的设计工具推荐,其中包括绘图工具 Charcoal,Colorsinpo 和 Vectary 和 Sketch 3D 插件,它们都相当地给力。除此之外,用户测试平台 Maze 现也已加入 Figma 全家桶,因此,如果你是 Figma 用户,现在应该也可以用上 Maze 了!除此之外,这个月还推荐了 4 个超级给力的资源库,从品牌用色到深色模式指南一应俱全!下面,我们具体看看吧。

    设计工具

    1. Charcoal 

    1-1.jpg

    这是一款适用于 iOS 的绘图工具,它非常简单,易于上手。它是为iPhone 和 iPad 所设计的,对于深色模式和多窗口支持都非常良好。它还将添加自定义配色和网格功能,此外,它还是完全免费的!

    2. Maze + Figma 

    1-2.jpg

    Maze 是一款以基于用户反馈来洞见需求从而提升设计的工具。目前,这款工具已经兼容了 Sketch、 Invasion 以及 Marvel APP,而它最新的特性,是支持了Figma。你如果是 Figma 用户,那么现在可以在完成设计之后,无缝地进行用户测试、获得反馈。

    3. Creately 3.0 

    1-3.jpg

    这是一个非常便捷的图表制作工具,它可以让你的团队无缝地合作,来创建信息图、图表并且创建视觉效果。Creately 3.0 旨在帮你将更多注意力放在创作上,而不是纠结于工具本身。最新的Creately 3.0包含如下特性:

    创建不同的流程图和组织结构图

    创建思维导图

    支持 UML

    支持信息图表

    支持50多种不同图表

    支持 1000+图形

    4. SPELL 

    1-4.gif

    Spell 是一款 Figma 插件,它能够进行拼写检查,能够确保你的文案都写对了。目前在 Github 和 Reddit 上有超过 1700 位设计师已经在使用 Spell 了。

    5. Design Lint 

    1-5.gif

    这是一款开源的 Figma 插件。Design Lint 能够帮助你发现并修复设计中的错误。这款插件能够帮你在所有图层上找到缺失的样式,确保你不会出错。另外,它是完全免费的。

    配色和图标工具

    1. Colorsinspo 

    2-1.jpg

    这里汇集了很多和配色相关的东西,从完整的配色方案,工具到教程,不一而足。Colorsinspo 让你选择配色比以往更加简单。

    2. Calcolor.co 

    2-2.gif

    忘记抽象的色彩概念吧,使用Calcolor.co 吧,它会让你关注于更重要的事情,它发现、共享、 使用色彩的新工具,可以用来测试和预览配色,更改甚至生成风格指南。

    3. Motion 

    2-3.gif

    这是一个动态 SVG 图标编辑器,它是一款免费工具,其中包含 动态 SVG 图标合集和一个简单的编辑器,你可以改变配色,甚至可以调整动画的速率,非常方便。

    4. Gradientify 

    2-4.jpg

    Gradientify 让你可以将渐变色彩添加到 SVG 图标当中,这款工具带有 100 多种预制的渐变色,并且可以完全自定义,完全免费。

    5. Icons8 for Figma 

    2-5.jpg

    我们知道 Icons8 有各种各样的图标合集,这次,有了这个工具,我们就可以直接在 Figma 的工具区当中直接使用 Icons8 了!

    6. beedii 

    2-6.jpg

    Nitish 和 Prafful 提供各种各样手绘表情符字体,这个系列如今包含 48 个不同的元素,并且将可能会推出更多!目前,它可以用作个人和商用,你只需要点击复制就行了!

    其他资源素材

    1. All Design Conferences 

    3-1.jpg

    想知道全球所有的设计类的盛会么?看这里你就可以知道!从设计到技术,从用户体验到前端,不一而足。

    2. Brand Building Guides & Tools 

    3-2.jpg

    当你想从头开始创建一个设计品牌的时候,碰到各种障碍的频率有多高?这份品牌创建指南能够给你足够的帮助,从 LOGO 、内容到文案,全面的支持。

    3. DarkModeDesign 

    3-3.jpg

    这是一个深色模式设计素材资源的合集,这个合集让你无需在上百个网站上搜索所需要的内容。DarkModeDesign 可以帮你找到实用有效的神色模式应用、 指南 和教程。

    4. Sideway 

    3-4.jpg

    这是一个设计师发布作品、互相联系的平台,旨在激发你的灵感,并且帮您完成工作。这个平台包含各种项目、设计师的故事以及工作机会。

    免代码工具

    1. Kepler Website Builder 

    4-1.gif

    Kepler 是一款高级的 WordPress 网站构建工具,通过拖拽来放置组件。无论你是初学者还是进阶的专家,都可以玩转 Kepler,因为它是完全无需代码知识的。

    2. Blnq Studio 

    4-2.jpg

    这是一个需要很少代码知识就能玩转的平台,非常适合在线进行原型制作。Blnq 适合所有类型的用户,任何想在线构建原型的开发者和设计师都可以来用着试试。

    3. Sketch2Code 

    4-3.jpg

    这款工具能够将你的手绘原型草图转化为 HTML 代码,背后支撑着一功能的是 Microsoft AI。

    样机和展示工具

    1. Vectary for Sketch 

    5-1.jpg

    使用这个 Victory 插件,你可以在 Sketch 中快捷地获得真实的 3D 样机。它允许你将3D 建模导入到 Sketch 中,并且选择角度。

    2. Screenie 

    5-2.jpg

    这是一个兼容 macOS Catalina 的屏幕截图管理器,允许你通过快速拖放来组织截图、预览截图,甚至还能在其中搜索文本!

    3. Screenshot Creator 

    5-3.jpg

    这款工具能够创建美观实用的素材,让你可以更好地在 App Store 和 Google Play 上推广你所设计的应用。在创建屏幕快照的同时,你可以以最佳的方式展示你的产品功能,试试看吧!