您现在的位置: 火星网 > 经验频道 > 网页设计 > > 【分享】设计圈超实用干货大合集!
  • 【分享】设计圈超实用干货大合集!
  • 使用软件: Photoshop Dreamweaver 点击: 2477
  • 选择: \ \
  • 发布时间:2018-05-23
  • 免责声明:火星网文章来源于作者原创或整理自互联网,仅为提供更多信息,不代表火星时代同意其观点或描述,版权归原作者所有,如需转载,请联系原作者并注明出处,如涉及作品内容、版权或其他问题,请及时与我们联系,我们将在第一时间予以更改或删除,感谢您的理解和包容!

       


新的设计工具和设计素材多数时候都是在新的需求之下诞生的,又或者开发者或者设计师发现了更优的解决方案,它们应运而生。新的工具和素材让设计师的工作更为便捷,一些新的设计问题因此而有了解决方案,这也是为什么这些工具和素材令人着迷。5月份的设计圈干货素材来了,仔细看看,里面总会有一些素材和工具是你用得上的。


Duotone Effect Generator



这款双色调配色生成器能够快速帮你生成时尚的双色调配色。不仅如此,如果你上传一张图片到这个网站上,它能够一键生成特别漂亮的双色调效果,你可以下载处理后的图片到自己的项目中使用。


Curtains.js



Curtains.js是一款有趣的WebGL工具,它可以让图片拥有移动的窗帘特效。开发者是这样说的:“这是一个小型的Vanilla WebGL JS库,它可以将包含图片的HTML元素转换为3D WebGL纹理化的对象,你可以通过着色器将它动画化,你可以通过CSS来定义每个对象的大小和位置。”


Solis



Solis是一款实时输出的应用,可以借助它看到你所输入的代码的实际效果。你可以通过多个窗口,同时获得HTML、CSS、Sas 和Less的实时预览。这款工具目前仅支持Mac平台。


Cards Webflow UI Kit



如果你是Webflow用户,那么Cards Webflow UI Kit这款工具对你而言就非常有用了。这是第一款完全可克隆的UIKit,并且是完全服务于Webflow的。其中包含常用的UI元素,诸如按钮、标签、社交媒体图标,其中的UI元素多是以卡片式的样式呈现出来的。


ScreenFocus



ScreenFocus是一款生产力工具,它包含了一套非常完整有用的双显示器设置体系,包括在屏幕之间切换的设置,包括各种属性的控制,确保多个显示器的内容能够被更好的管理,而不会被分散注意力。


React Circle



React Circle可以为你生成一个环形进度加载器动画,它是使用可定制的SVG来实现这一功能的。


Login Critter



想让你的登录头像是自定义的可爱的小动物头像么?Login Critter能够帮你做到这一点,你可以在它的Github页面中获得它。


Lobe



Lobe是一款视觉化的人工智能工具,它可以帮助你的应用构建深度学习模型,这款工具目前还处于测试阶段,可以被广泛应用。


Blobby Background



Blobby Background所生成的独特的形状让它在CodePen上疯狂流行,它的Demo是使用SVG和过滤器来实现的。


HueSnap


HueSnap是一款配色方案生成工具,你可以一边浏览各种配色一边收藏,以供之后使用。这款配色工具的高效之处在于,你可以一次浏览许多的配色方案,在更多的配色方案中作出选择。


Findshot



Findshot是一款全新的、免费的图片库,通过电子邮箱注册之后,可以免费使用其中的图片。


Pico-js



Pico-js是一款仅有200行代码的JS人脸检测库,它的简约和轻量级是优势所在,它比其他的许多的库都要小巧得多,保存下来仅仅只有2Kb这么小。


Modular



Modular是一款免费的Android平台的UI Kit,其中包含了大量的Material Design风格的自适应元素,其中涵盖了13个类别的78种元素,总计167个项目。


Tutorial: Responsive Knockout Text with Video



这个教程来自CSS-Tricks的Giulio Mainardi,他为你展示了如何使用视频构建炫酷的剪切蒙板文本效果,这个效果的实用性非常高,适用范围也非常广。


Semantic Experiences



语音搜索正在成为越来越流行的一种交互,这也是Google团队研发语义表达式的原因,它能够帮助开发人员更好的在产品中利用自然语言。


Design Systems Repo



这个网站包含大量关于设计系统的文章、工具和案例。整个数据库非常的庞大,是搜集灵感、获取素材的好地方。

 

Science of Color Codes



Color Codes不仅仅是一个能为你输出配色代码的工具,它的背后有专业的配色系统(RGB、HEX、CMYK、Pantone)作为支持,还有专门的配色专家将它作为一门科学来进行钻研。


Fontisto



Fontisto是一个巨大的SVG图标合集,你可以使用CSS对它进行自定义。它是一款快速响应的工具,无需JavaScript就可以轻松使用,另外,Fontisto可以免费商用。

 

Aloja



Aloja是一款免费的手写字体,字体风格显得拙稚有趣,非常适合用来展示。


Dank Mono



Dank Mono是一款看起来很整齐简约的等宽字体,用来显示代码颇为不错,它的细节非常到位,适合视网膜屏幕的显示。

 

MD Tall



MD Tall是一款x高非常高的字体,它看起来非常纤瘦也非常富有凝聚力。它包含完整的字符集,包括连字和斜体。


本文转载自:优设网,译者:@陈子木,原作者:CARRIE COUSINS,原文地址:https://www.webdesignerdepot.com/2018/05/whats-new-for-designers-may-2018/

分享是一种态度 一句中肯的评价可能改变一个行业 一次用心的分享可能改变他人的一生
你的态度和观点将让我们的行业更强大

匿名用户

按Ctrl+Enter发送消息