当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >2020年6月设计圈超实用干货大合集

2020年6月设计圈超实用干货大合集

发布时间:2020-06-19 11:37:37

对于设计师而言,最好的工具始终是能让设计过程更加便捷、更出效果、更加快速的那些工具。而如今的新工具也正是向着这个方向前进的。这一期的2020年6月设计圈超实用干货大合集就包含了不少这样的工具。下面我们具体看看吧:

The Hero Generator

1.jpg

The Hero Generator 是一个有趣的工具,可以帮你挑选更加合适的网页Banner 图参数,你可以直接使用这款工具来嵌入图片,而不用自己再来切图和编写代码,这款工具能够一键帮你生成效果,确保叠加层的效果、对比度等等因素,确保整体效果足够突出。

Sorted Colors

2.jpg

Sorted Colors 可以将那些有名字的、有特点的色彩,重新组织到了一起,当你在挑选配色方案的时候,可以从中找到更贴合你心意的配色。这种组织方式更加贴合选择色彩的需求。

Pose Animator

3.jpg

Pose Animator 是一个非常强大的工具,能够借助 PoseNet 和 Face Mesh 将照片中的面部特征提取出来,基于骨骼特征来生成对应的 2D 矢量插画,你可以在 Chrome 和 Safari 浏览器中使用它。

Neumorphism UI

4.jpg

Neumorphism UI 是一个UI Kit,其中包含了许多新拟物化风格的组件,总计 200 多个,其中共分为 10 个部分和 5 大范例。

3D Photography Using Context-Aware Layered Depth Inpainting

5.jpg

有研究人员发现,使用单个 RGB-D 图像能够转成 3D 的照片,但是你需要借助深度分层技术来实现这样的效果,而这套源代码就是相应的学习模型。

Meanderer

6.jpg

Meanderer 是一个超小的 CSS 动画效果库,它可以生成很漂亮的效果,但是也足够轻量级,你所需要的素材是 SVG 格式的对象。

Underline Animation

7.jpg

有时候,最简单的动画一样可以对设计产生最直接有效的影响。这个来自 Aaron Iker 的 下划线动画就是很好的例子。

Create a Hamburger Menu in SVG & CSS

8.jpg

如今在设计的时候,依然需要使用到汉堡图标。这篇来自 UX Collective 的教程将会教你如何使用 SVG 和 CSS 有效地进行设计,实现效果。

Blush

9.jpg

Blush 是一款有趣的半定制化的插画生成器,它的基础元素部分来自世界各地的设计师的创作,你可以通过多样的混搭来达到你想要的效果,然后根据你的需求下载相应的 PDF 文档

Supabase

10.jpg

Supabase 是一款开源的解决方案,让你无需代码就可以向 Postgres 添加实时的静态 API,非常方便。

Fluent Icons

11.jpg

Fluent Icons 是一个包含 965 款不同图标的合集,这些图标都符合微软的 Fluent Design 的设计规范,特别适合在 APP、信息图表和网站当中使用。

One Word Domains

12.jpg

如果正在寻找一个快速有趣的域名,可以来 One Word Domains 来挑选。

Free Device Icons

13.jpg

这是一组免费的图标合集,总计包含 67 款不同的图标,包含 SVG、EPS、PNG、AI 等不同格式。

Windups

14.jpg

Windups 是一个非常有趣的工具,它可以帮助你向文本中添加类似打字机一样的动画效果和样式,这是帮助你添加动态内容的有趣方法。

Attention Insight

15.jpg

Attention Insight 是一款人工智能驱动的设计分析工具,让你可以对比和衡量页面中哪些元素更受关注,它可以生成热图和注意力百分比图表,帮你衡量设计的效果。涉及到对比度的功能也正在开发中,你只需要装上对应的 Chrome 插件就可以使用了。

Color Copy Paste

16.jpg

Color Copy Paste 是一款应用程序,你可以使用它捕获任何色彩,然后将它粘贴到 Figma 、Sketch 或者 Web 浏览器当中。

Runme

17.jpg

Runme 是一个依然处于测试阶段的工具,借助它,你可以在任何公共的 Git-repo 中一键构建、部署和发布新的应用,输入一些简单的 Url 和简单的命令,就可以开始了。

Rough Notation

18.jpg

Rough Notation 是一个超小的 JavaScript 库,用于在网页上创建注释和动画,它能够使用 RoughJS 创建带有手绘质感的笔触,它的元素可以以多种不同的样式进行注释,动画的持续市场和延迟效果也可以进行配置或者关闭,你可以在它的选项中选择各式各样的样式,非常多样。

Trails

19.jpg

Trails 是一个简单但是非常有用的工具,能够帮你生成在 X和Z轴上的简单的几何轨迹,并且应用到 Three.js 的对象中,简单,但是令人着迷。

Glorious Glyphs Game

20.jpg

这是一个给设计师的设计闯关游戏,在 ILoveTypography.com 这个网站当中,包含有30个关于字体和字符设计方面的小问题,考验你的时候到了。

Cosmos

21.jpg

Cosmos 是一款有着多彩渐变色的可变字体,它自带有渐变、极简、故障、模糊乃至于全息影像等不同风格效果,非常新潮。

Ephemera

22.jpg

Ephemera 是一款样式独特风格时髦的字体,它的线条轮廓和其他的字体有着很大的差别,可以用来制作独特的 LOGO 或者搭配特定风格的设计来使用。

Kavo Serif

23.jpg

Kavo Serif 是一款颇为现代的衬线字体,有5种不同的字重,甚至包括 LOGO 设计模板。这款字体适用范围比较广,无论大小都适用。

Republiko

24.jpg

Republiko 是一套带有描边样式的现代字体,虽然是用于展示,但是在较小的尺寸下依然保持有良好的可读性。

TT Lakes Neue

25.jpg

TT Lakes Neue 是一个拥有超多字体样式的家族,多达91个,并且其中有很多是造型相当有意思的几何字体,甚至包含有几款时下流行的可变字体。

Typo Ring

26.jpg

Typo Ring 是一个有着圆润笔触的字体,可免费下载的部分是笔触较粗的部分。它的可读性很强,大小写都有。

XXIX

27.jpg

XXIX 是一款大胆的、充满未来的字体,有着富有趣味的外观轮廓和微妙的倾斜角度,不过它仅有大写字母。

来源:优设网

作者:CARRIE COUSINS 

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定