一批实用网站设计工具,让工作变得简单便捷

Author: limo

今天我们讨论下让网站设计变得更简单的工具,这篇就是为设计师们总结的新工具文章,从颜色工具到工作流增强器,从代码片段到让你微笑的字体,这里的一切都能让你的网站设计生活更加的轻松有趣。如果下面文章有错过你认为更好用的工具,欢迎您来告诉我们,让我们一起进步!


QuickChart.io


QuickChart.io是一个免费的工具,帮助您建立快速图表的数字使用。这个工具是为了取代谷歌图像图表API而设计的,该API定于本月关闭。它是这样工作的:图表图像是由它们的url定义的。每个URL都包含一个JSON对象,其中包含所有数据和显示选项。这些选项遵循流行的开源图形库Chart.js。一切都是可定制的,所以你可以使用你的颜色和字体调色板使图表完全属于你,你可以嵌入图表的电子邮件,短信,报告和几乎任何其他你需要的。



这个人不存在


这个人不存在是为项目随机生成的头像的集合。这些图像是电脑生成的,不是真人。刷新新面孔并在项目中使用。有趣的是,这个项目的图像看起来是多么真实,尽管你偶尔会遇到一些小故障。



IVID <交互式视频播放器>


IVID是一个为现代浏览器提供的交互式视频播放器,安装和使用都很简单。这就是即插即用!完整的VanillaJS web组件播放器允许您跳转到下一个视频,使用继承的HTML5视频属性,具有可定制的屏幕控件、键盘控件和一个简单的设置。



Ludwig


Ludwig是一个工具箱,可以让您在不编写代码的情况下培训和测试深度学习模型。它使用一种基于数据类型的方法,适用于所有级别的用户。此外,它为有经验的用户提供了更灵活的工具,这些用户希望对模型构建和培训有更多的控制,此工具在开放源码许可下可用。



CSS色轮


CSS色轮是一个新的经典模型与不同风格的动画色轮。路易斯·霍布列茨的这支笔很有趣,很有趣,也很有信息。(一定要为不同的版本改变曲线)



色彩和谐


色彩和谐是另一个采取的颜色轮与容易看到的变化,你可以调整在屏幕上,使伟大的组合项目。(酷酷的油漆芯片设计也很有趣)改变颜色、色调、饱和度和光线的数量,看着颜色在你眼前改变。



Capture-Website


Capture-Website是一个屏幕截图工具,帮助您抓取网站图像。您有几行代码可以使用,然后您就可以轻松地获取页面的完整截图。


素描图


素描用图表是素描用的大量图表、图表和图表的集合。文件包括符号、调整约束、文本和图层样式,以便于使用。图表按区域图、条形图和气泡图等类别进行分组,每种图表都包含三种配色方案(标准配色方案、黑色配色方案和线框配色方案)。



IconSVG


IconSVG是一组SVG图标的集合,您可以自定义这些图标,颜色、结束和连接、大小和笔画宽度——以便下载并在项目中使用。这些图标的好处是,您可以做些小的更改,使每个图标都成为您自己的,然后在保持这些自定义的同时切换到不同的图标。



Lunar Popup


Lunar Popup窗口是一个HTML/CSS动画弹出窗口建设者为您的网站(它是免费的)。每个弹出窗口都是响应性的,可定制的,并与层一起工作,以便于构建和部署。您是否可以使用动画和安装只需要三个步骤:添加库,从您需要的模式复制标记,初始化和走!



第三方网站


第三方网站是一个很好的学习资源。它总结了哪些第三方脚本负责web上最过度的JavaScript执行。该项目的设计有四个目标:量化第三方脚本对web的影响,识别最健壮的脚本,向开发人员提供关于这些脚本的信息,并鼓励负责任的第三方脚本行为。



斯堪的纳维亚的房子矢量


斯堪的纳维亚的房子矢量是一个有趣的收集手绘房屋插图,该系列包括30个建筑选项的灵感来自斯堪的纳维亚建筑。每个插图都包含一个填充和概述的样式选项。



荒谬的插图


荒谬的插图是手绘元素的集合,对着陆页和其他项目具有更冷漠的风格。它们旨在突出创造力和不完美,该系列继续增长。




无限的电子邮件跟踪


无限电子邮件跟踪让您跟踪打开和点击在Gmail,你可以看到电子邮件的实时回复,获得历史记录,并从一个免费的浏览器扩展来做这一切。此工具将第三方电子邮件服务的功能添加到您的收件箱。



俳句动画师


俳句动画师,以前是Mac版的俳句,现在适用于所有设备。该工具允许您为任何iOS、Android或web代码库动画元素。您还可以使用Figma、Sketch或Illustrator来同步设计资产并创建Lottie文件,而不需要After Effects。这是一个高级工具,但附带免费试用。



DeckRobot


DeckRobot使用人工智能使您的PowerPoint、谷歌幻灯片或Keynote幻灯片看起来更好。你可以上传你过去用过的幻灯片,人工智能将学习你的风格,并允许你以多种方式复制它。然后您可以导出和编辑或格式化您选择的应用程序。


AXDraft


AXDraft是初创公司最好的朋友,这个网站包括大量的入门法律文件,以帮助您实现业务目标。从隐私政策到NDAs到员工入职文件,您可以在这里找到您需要的工具。这些文件是免费的。


ActionDesk


ActionDesk是一个高效的工具,它可以将电子表格转换成强大的自动化工具。导入数据并做从提供客户支持到操作帮助到分析数据的所有事情。它集成了许多工具,如谷歌工作表、CRMs和Typeform。




教程:文本跟踪效果

codrop游乐场中的文本轨迹效果教程帮助您学习如何为幻灯片创建漂亮的文本效果。本教程包括五个演示,演示了效果的变化。



交互式排版备忘单


交互式排版作弊表可以帮助你提高你的字体知识游戏。单击备忘单中的元素,学习字母表单不同部分的名称。这个游戏风格的选项是一个很好的方式来确保你知道类型的语言,这样你就可以更好地与创造性团队沟通。



Iknu字体


Iknu自称是一种“精神主题字体”。字符集包括大写字母和数字,是为具有特定目的的项目而设计的。它既有趣又与众不同,这使得它成为一些品牌或创意零售设计的不错选择。



Karton


Karton是一款免费的手写字体,适合显示和简单使用。它包括一个大写字符集和一些数字和替换。



OHNO


OHNO是一个有趣的块,板式字体的显示目的。它只包含大写字母,并具有某种未来主义的外观和感觉。

宝座


对于所有《宝座》游戏的粉丝来说,《宝座》是一个有趣的字体。SVG和常规字体集合具有手绘风格,包含完整的大写字符、数字和符号。它最适合展示。



Vistol


Vistol是一个无衬线字体家族在18种风格与一个直立的立场和一些斜体。这个家庭包括一些有趣的线条和特殊的连接。瘦样式也特别好,因为它们保持可读性。



相关阅读