免费 在线绘图工具_6个免费的在线工具，使您的生活更轻松

免费 在线绘图工具

We’re all on the lookout for ways to do things better. In this article, I’m going to take you through a roundup of some of the less well known tools that almost any web designer can benefit from. Each one can solve common design challenges while also increasing your productivity.

我们都在寻找更好的方法。 在本文中，我将带您简要了解几乎所有Web设计师都可以从中受益的一些鲜为人知的工具。 每个人都可以解决常见的设计难题，同时还可以提高生产率。

Let’s start!

开始吧！

Typegenius (Typegenius)

I’m sure all designers at some point in time, have had difficulty in choosing which fonts work best together. That’s why I want to start with MunoCreative's Typegenius to the list.

我敢肯定，所有设计师在某个时候都很难选择最适合的字体。 这就是为什么我要从MunoCreative的Typegenius入手 。

Typegenius is an online tool which helps designers “find the perfect font combo” in just few clicks. You only need to enter the name of the typeface you are using and then click on “view matches” to discover a selection of font combinations which work well in concert. Notably, the output you receive is a simple example text document which uses your font selections for the headings and body copy, giving you a good sense of the final result.

Typegenius是一个在线工具，可帮助设计人员只需单击几下即可“ 找到理想的字体组合 ” 。 您只需要输入所用字体的名称，然后单击“查看匹配项”即可发现一系列可以很好地协同工作的字体组合。 值得注意的是，您收到的输出是一个简单的示例文本文档，该文档将字体选择用于标题和正文，从而使您对最终结果有很好的感觉。

What I like most about this tool is the showcase of website designs which are already using the suggested combination with nice results.

我最喜欢这个工具的地方是网站设计的展示，它们已经在使用建议的组合并且效果很好。

I think to get the most out of Typegenius you should use its suggestions as a starting point for further research of typefaces to create a unique combination. For example, you can plug one of the suggested fonts back into the tool to discover other pairings.

我认为，要充分利用Typegenius，您应该将其建议用作进一步研究字体以创建独特组合的起点。 例如，您可以将一种建议的字体重新插入该工具以发现其他配对。

I believe Typegenius – which is, of course, completely free – certainly warrants your attention.

我相信Typegenius(当然是完全免费的)肯定值得您注意。

字型 (Typeform)

Typeform is an online app which helps you create beautiful forms for your website. Developing surveys, registration forms or questionnaires is no more a nightmare nor a time consuming process. With Typeform you can build almost everything just by dragging and dropping some ready-made elements in the editor.

Typeform是一个在线应用程序，可帮助您为网站创建漂亮的表格。 制定调查表，登记表或调查表不再是噩梦，也不是耗时的过程。 使用Typeform，您只需在编辑器中拖放一些现成的元素就可以构建几乎所有内容。

The best part of Typeform is it encourages you to build user friendly, conversational and (dare I say it?) fun web forms. Questions are delivered one at a time and users can enter their own answer or choose from a set of multiple choice answers. What's more, these multiple choice answers can include icons, images or even GIF, and you can even set keyboard shortcuts so that the user can answer without even touching the mouse.

Typeform最好的部分是它鼓励您构建用户友好的，对话性的(敢说吗？)有趣的Web表单。 一次提供一个问题，用户可以输入自己的答案或从一组多项选择答案中进行选择。 而且，这些多项选择答案可以包括图标，图像甚至是GIF，甚至可以设置键盘快捷键，以便用户甚至无需触摸鼠标即可进行回答。

In particular, with Typeform you can create all the following structures:

特别是，使用Typeform可以创建以下所有结构：

• Contact Forms
  联络表格
• Surveys
  调查
• Contests
  比赛
• Landing pages
  登陆页面
• Examination and Tests
  考试及测试

Typeform is free for the basic account, but you can upgrade to a Pro account for $20/month. The Pro version adds some features to the form such as the upload of files or the creation of a custom thank you page.

基本帐户免费使用Typeform，但您可以以每月20美元的价格升级到Pro帐户。 专业版向表单添加了一些功能，例如文件上传或创建自定义感谢页面。

In conclusion, if you want to create great forms, give Typeform a go.

总而言之，如果您想创建出色的表格，可以尝试Typeform。

pixate (Pixate)

Pixate is an online tool designed to reduce the gap between designers and developers who work together on a same application project. Pixate gives you the ability to create complex UI animations and interactions for iOS and Android without writing a line of code.

Pixate是一种在线工具，旨在减少在同一应用程序项目中共同工作的设计人员和开发人员之间的差距。 Pixate使您无需编写任何代码即可为iOS和Android创建复杂的UI动画和交互。

To make an element interactive, you only need to choose the gesture you prefer from a panel and drop this on the element. Pixate provides seven default interactions/gesture: drag, tap, double tap, long press, rotate, pinch and scroll. You can then bind an animation to each interaction.  

要使元素具有交互性，只需要从面板中选择所需的手势并将其放在元素上即可。 像素化提供了七个默认的交互/手势：拖动，点击，双击，长按，旋转，收缩和滚动。 然后，您可以将动画绑定到每个交互。

Another important feature of Pixate is the familiar use of layers which are extremely useful in managing different shapes and elements.

Pixate的另一个重要功能是熟悉的图层用法，这些图层在管理不同的形状和元素时非常有用。

For me, what distinguishes Pixate from other similar tools is the simplicity of use: every aspect of the app can be quickly understood even by a non-experienced designer. Moreover, on the official site, you can find several video tutorials, some demos and a useful user guide which explains all the functions of the app.

对我而言，Pixate与其他类似工具的不同之处在于使用简单：即使没有经验的设计师也可以快速理解应用程序的各个方面。 此外，在官方网站上，您可以找到一些视频教程，一些演示和一个有用的用户指南，其中介绍了该应用程序的所有功能。

Another reason to use Pixate?

使用Pixate的另一个原因？

It is completely free.

它是完全免费的。

墨水 (Ink)

Almost all websites are based on a responsive design which can adapt to any screen size. But are the emails you send to your subscribers responsive too?

几乎所有网站均基于可适应任何屏幕尺寸的响应式设计。 但是，您发送给订阅者的电子邮件是否也具有响应能力？

Ink, by Zurb (of Foundation framework fame), is a useful framework which gives you a hand to create responsive HTML emails that can be read on any device, independent of screen size. Thanks to Ink, you don’t need to decide anymore whether you have to optimize the email layout for Outlook or for smartphones.

Zurb( Foundation framework fame的作者 )的Ink是一个有用的框架，它使您可以创建响应HTML电子邮件，该电子邮件可以在任何设备上阅读，而与屏幕大小无关。 感谢Ink，您无需再决定是否必须优化Outlook或智能手机的电子邮件布局。

With Ink you can develop your own email template from scratch or opt for one of the five pre-built layouts: the two most used templates are called “Basic” and “Sidebar”. The first is perfect for basic but nice emails, while the second allows you to create a sidebar where you can list some links.

使用Ink，您可以从头开始开发自己的电子邮件模板，也可以选择五个预先构建的布局之一：两种最常用的模板称为“基本”和“侧边栏”。 第一个非常适合基本但美观的电子邮件，而第二个则允许您创建侧边栏，您可以在其中列出一些链接。

Moreover, when dealing with “inline styles”, you can use Ink’s Inliner tool which “brings your email styles inline”.

此外，在处理“内联样式”时，您可以使用Ink的Inliner工具，该工具“使您的电子邮件样式内联 ”。

Like Pixate, Ink too provides an useful and usable “getting started” guide. Ink is open source and you can download it for free. If you've spent any time at all working on email templates, you'll know what a minefield it can be if you don't know all the dark magic and pro tricks.

与Pixate一样，Ink也提供了有用且可用的“入门”指南。 Ink是开源的，您可以免费下载。 如果您花了所有时间在电子邮件模板上，那么如果您不了解所有黑魔法和专业技巧，就会知道它是一个雷区。

Ink builds all that in for you. You'll struggle to find a better starting point.

Ink为您构建了所有功能。 您将很难找到更好的起点。

信息报 (Infogram)

It may be the most overused cliche EVER, but yes it's true: a picture is worth a thousand words, and that’s why I’m going to introduce you to Infogram. This is an online tool which enables you to create and download beautiful visualizations of your data.

这可能是最被滥用的陈词滥调EVER，但肯定这是真的：一张图片胜过千言万语，这就是为什么我会向你介绍Infogram 。 这是一个在线工具，使您可以创建和下载漂亮的数据可视化。

You can create interactive and responsive infographics as well as impressive charts. In particular, it is possible to choose from 30 chart types including models such as “line”, “bar”, “area” and “map”.

您可以创建交互式和响应式信息图表以及令人印象深刻的图表。 特别是，可以从30种图表类型中进行选择，包括“线”，“条”，“区域”和“地图”等模型。

With Infogram you can usually develop an infographic in just two steps:

借助Infogram，您通常只需两个步骤即可开发信息图：

1. First of all, you have to select the infographic template you prefer.
   首先，您必须选择所需的信息图表模板。
2. Then, you can choose a chart and import your data through a spreadsheet -similar to Excel.
   然后，您可以选择一个图表并通过类似于Excel的电子表格导入数据。

Once you have finished, you can download the work as a graphic, or else generate an embed code to post the infographic on your website.

完成后，您可以将作品下载为图形，或者生成嵌入代码以将信息图发布到您的网站上。

Unfortunately, Infogram is not free. You can try the free trial for 30 days but then, you have to create a “pro account” which costs $15/month.

不幸的是，Infogram不是免费的。 您可以免费试用30天，但随后您必须创建一个“ 专业帐户” ，每月费用为15美元。

For professional web design agency, there is a “business account” which allows you to add your company logo to the project.

对于专业的网页设计代理，有一个“企业帐户”，可让您将公司徽标添加到项目中。

Whatever the case, if you can see the value of using more infographics in your pitches, projects and reports, Infogram may well be a good investment.

无论如何，如果您可以看到在宣传，项目和报告中使用更多图表的价值，Infogram可能是一项不错的投资。

迪林格 (DILLINGER)

Markdown has quietly become a text standard for the web over the last few years, with applications from Github to StackExchange to Reddit to Medium and Slack are taking advantage of the format. Even SitePoint itself only accepts new article submissions in Markdown.

在过去的几年中，Markdown已悄然成为Web的文本标准，从Github到StackExchange到Reddit到Medium和Slack的应用程序都在利用这种格式。 甚至SitePoint本身也只接受Markdown中的新文章提交。

The last tool we are going to see is Dillinger, an online Markdown editor which helps you write and format texts for web pages.

我们将要看到的最后一个工具是Dillinger，它是一种在线Markdown编辑器 ，可帮助您编写和格式化网页文本。

What I mostly like of Dillinger is that it has a split screen so that you can write the Markdown text on the left and you can immediately see the formatted output on the right. In this way, you can avoid the risk of discovering a completely wrongly formatted passage after you render the text to HTML. This real-time conversion is highly practical and it will save you from many mistakes.

我最喜欢Dillinger的地方是它有一个分屏，因此您可以在左侧写Markdown文本，并在右侧立即看到格式化的输出。 这样，您可以避免在将文本呈现为HTML之后发现完全格式错误的段落的风险。 这种实时转换非常实用，可以避免许多错误。

With Dillinger you can open and save files to and from Dropbox, Github, Google Drive and Open Drive, while you can export files in the following formats: HTML, PDF and Markdown.

使用Dillinger，您可以在Dropbox，Github，Google Drive和Open Drive之间打开和保存文件，同时可以以下格式导出文件：HTML，PDF和Markdown。

Happily, Dillinger is completely free, yet there are no annoying advertisements on the site.

令人高兴的是，Dillinger是完全免费的，但该网站上没有烦人的广告。

In conclusion, if you have to write a lot to populate web pages or posts – or even just write a nice StackOverflow question – I recommend you take Dillinger for a test drive.

总之，如果您需要写很多东西来填充网页或帖子-甚至只是写一个很好的StackOverflow问题-我建议您选择Dillinger进行测试。

翻译自: https://www.sitepoint.com/5-free-online-tools-speed-work/

免费 在线绘图工具