集团官网
  • 国家级全民数字素养与技能培训基地
  • 河南省第一批产教融合型企业建设培育单位
  • 郑州市数字技能人才(码农)培养评价联盟

快来收藏 | 11月超实用设计工具大推荐!

编辑:云和数据 日期:2020-11-25 08:27

对于想学习UI设计的童鞋们来说,设计小工具必不可少!今天给大家推荐几个超实用的设计和开发工具,包括了图标、组件、字体等等,快来收藏吧!

The Good Line-Height

001.jpg

当你上手用过 The Good Line-Height 之后,就很难离开这款给力的文本排版工具了,它可以快速便捷地帮你计算出使用什么样的字体、什么大小、使用什么样的行高是最理想的效果。

Link-to-QR

002.jpg

使用二维码来分享是一件非常便捷的事情,你可以将 Link-to-QR 这款工具嵌入到你的代码当中,就可以快速生成可供分享的二维码,而且样式还是可调整的。

Quarkly

003.jpg

Quarkly 是一款可以帮你创建响应式网站的程序,你随时可以打开编辑器编辑代码,修改网站的细节,并且改动是实时的。这款工具的特点在于对设计更加友好,目前处于Beta 阶段。

UnSpam.email

004.jpg

这是一款在线的垃圾邮件测试工具,它所提供的服务是能够帮你分析邮件的内容,确保它们不是垃圾邮件,并且通过热图来呈现预测结果。

Filmstrip

005.jpg

Filmstrip 可以帮你创建和导入关键帧动画,可以导出并且在线播放。这一工具各方面都非常符合现代的动画和动效的需求。

CSS Background Patterns

006.jpg

CSS Background Patterns 是一款包含了很多时髦设计的背景图案,你只需要稍加调整就可以应用到你自己的网站当中。

Neonpad

007.jpg

Neonpad 是一款简单但是有趣的霓虹色纯文本编辑器,切换不同的色调可以获得不同的写作体验。

Link Hover Animation

008.jpg

Link Hover Animation 是一个非常独特的悬停状态动画——它会在链接上画一个圈!

Tint and Shade Generator

009.jpg

这是一个色调和明暗生成器,当你拥有基础色的时候,这款工具能够帮你生成辅助基础色的相关颜色,比如当你制作渐变色的时候,可以借用它生成的色阶。

Pure CSS Product Card

010.jpg

Pure CSS Product Card 是一个使用纯CSS 写的卡片界面,它是一个电商领域的设计范例,兼顾了视觉吸引力和功能性。

Free Favicon Maker

011.jpg

这是一个免费的小图标制作工具,你可以通过简单的点击就快速制作出 SVG 和 PNG 格式的图标,你可以设置字母也可以设置表情符号,自由度很高。

Ultimate Free iOS Icon Pack

012.jpg

这个小图标合集是 Apple 风格的,每个图标都包含黑白的版本,有原始的 PSD 文件,在它的帮助下你可以在几分钟内就创建一组适合于你的 iOS/iPad OS/macOS应用的图标,完全免费。

Phosphor Icon Family

013.jpg

Phosphor 是一个非常灵活的图标系列,可以用于你需要图标的绝大多数场合,从聊天界面到企业LOGO,不一而足。这组图标是完全免费的。

3,000 Hands

014.jpg

这个工具包包含了 3000 款不同的手型,包括 6 种不同的肤色,不同的手势总计10个不同的角度。它们有着典型的 3D 视觉风格,而在使用的时候,它是 PNG 的格式。

Radix Icons

015.jpg

Radix Icons 是一个 15 x 15 px 的小图标合集,这些图标都是线性图标的样式,并且有着多种不同的格式,包括 Figma、Sketch、iconJar、SVG、npm 乃至于 Github。

Deepnote

016.jpg

Deepnote 是一款全新的数据科学笔记本工具,它与 Jupyter 兼容,可以实时协作,可以在云中运行,并且是为科学团队设计的。

ZzFXM Tiny JavaScript Music Generator

017.jpg

ZzFXM 是一个超小的 JavaScript 函数,从各种音符到不同的乐器数据都包含其中,这个超小的 ZzFXM 是为那些空间受限的音乐相关的产品所设计的。

Image Tiles Scroll Animation

018.jpg

这是一种非常有趣的水平滚动样式生成工具,在这个工具的帮助下,可以创建有趣平滑的动画效果。

Bubbles

019.jpg

Bubbles 是一款 Chrome 扩展,它可以让你单击屏幕的任何位置来添加评论,并且和任何人进行对话、协作。

Tyrus

020.jpg

Tyrus 来自 Airbnb 团队的一个工具包,它可以帮助插画师更加充分的拓展自身的设计业务。这款工具包能够给你提供设计简介、独创的展示,设置截止日期并且提供合理的反馈机制。

PatchGirl

021.jpg

PatchGirl 是一款面向开发人员的自动质量检测工具,你可以结合 SQL 和 HTTP 查询来快速构建任何可能的状态。

Apparel

022.jpg

Apparel 是一款漂亮的、高级的字体,有着风格现代的衬线和良好的功能性,特别适合用在品牌设计当中。

Christmas Story

023.jpg

Christmas 是一个有着圣诞节氛围的字体,有着长长的尾巴和笔触。

Nafta

024.jpg

Nafta 是一款有趣的手写风字体,有着类似于记号笔一样的笔触样式。

Safira

025.jpg

Safira 是一款相对比较宽的衬线字体,有着扎实的笔触和良好的时尚感,圆形的端点是它最富有特征的地方。

Shine Brighter Sans

026.jpg

Shine Brighter Sans 是一款超细的非衬线字体,它在气质上显得颇为轻松有趣,且易于展示。

006.jpg

云和数据作为一个深耕IT职业教育多年的教育者,目前的课程涵盖云计算、大数据、人工智能、虚拟现实、软件工程、用户体验设计、网络安全、电子商务等八大方向,结合企业实际用人需求,只为培养更多高端IT技术人才。

声明:除云和数据原创文章外,分享和转载的文章皆为促进IT技术的传播,并不代表本微信赞同其观点和对真实性负责,仅做交流学习使用,非商业用途。如有文章或图片的原作者有异议或涉及版权问题,请立即联系我们,我们将在第一时间进行改正或删除,确保您的权益,谢谢支持!

相关内容

抢先一步 鸿蒙(HarmonyOS)应用开发者高级认证 免费考! 适合人群计算机相关专业在校生(技师、中职、高职、本科、研究生)对鸿蒙(HarmonyOS)有兴趣的非计算机相关专业在校生目前正在从事移动应用的开发者目前正在从事计算机行业相关的人计算机专业高校老师所有对鸿蒙(HarmonyOS)有兴趣的人 培训方案掌握鸿蒙的核心概念和端云一体化开发、... 什么是Java的多态性(polymorphism)?它有哪些不同的形式? 多态性是Java面向对象编程的一个重要概念,它允许不同的对象以一致的方式响应同一个方法调用,具体表现为对象在运行时可以表现出多个不同的形态。多态性主要有两种不同的形式:编译时多态性(静态多态性)和运行时多态性(动态多态性)。1. 编译时多态性(静态多态性):   ... 如何学习和搭建Hadoop开发环境? Hadoop是大数据处理领域的重要平台,能够处理和分析大量数据。为了有效地利用Hadoop,我们需要学习其基础知识,并正确搭建开发环境。下面是详细的学习和搭建指南。一、学习Hadoop基础掌握基础概念和原理Hadoop主要由HDFS和MapReduce两部分组成。HDFS是分布式文件系统,Ma... UI 设计学习如何进阶成为高手 我总结了六种方法,帮助你走出舒适区,提高技能,成长为自信且经验丰富的UI设计高手一位经验丰富的 UI 设计师,往往十分看中应用程序界面的吸引力和视觉刺激,确保满足用户期望和需求。但是,如果你已经在 UI 设计圈摸爬滚打多年,仍然没有出色的作品,那你极有可能是因为陷入了一个舒适圈,UI技能一直原... 在Java中Executor和Executors的区别? 在Java中,Executor和Executors都与线程池和并发执行有关,但它们是不同的概念和类。1.ExecutorExecutor是一个接口,位于java.util.concurrent包中,用于表示一个执行任务的执行器。它只定义了一个方法:void execute(Runnable c... String类型的常见命令有哪些? String类型,也就是字符串类型,是Redis中最简单的存储类型。其value是字符串,不过根据字符串的格式不同,又可以分为3类:string是普通字符串,int整数类型,可以做自增、自减操作,float浮点类型,可以做自增、自减操作。String的常见命令有:SET:添加或者修改已经存在的...