一波功能强大的网站设计工具来袭 - 素马设计 SUMAART

一波功能强大的网站设计工具来袭

By:limo- 2018-03-26 12:00:46

本期推荐大量的网站设计新工具,特别是颜色和CSS选项,希望这些网站设计工具能让你的工作变得高效简单些,设计灵感也更多些。


抽象丙烯酸图形包


抽象的丙烯酸图形包是,ahem,填充了纹理和溅射在彩色矢量格式。所有的背景元素都是在JPG、PNG和AI格式的高分辨率格式中设计的。该包包括12个丙烯酸的飞溅,8个纹理和90个矢量形状作为覆盖。



提示


提示是一组轻量级的、美观的交互式提示。它使用一个简单的代码概念,它没有大的依赖关系或几十个小模块。你可以设计一个提示来要求一个答案,一个答案链,甚至是动态提示。



Dribbble调色板发电机


将任何颜色调色板从一个Dribbble的镜头变成一个素描板插件。把你最喜欢的颜色保存下来,然后下载到素描板插件中,以便在项目中使用。该工具包括Firefox和Chrome扩展。



FastPhotoStyle


FastPhotoStyle是NVIDIA的一个代码存储库——是的,显卡制造商——包括他们快速的照片样式传输算法。该工具允许用户将一个图像的视觉样式转移到另一个图像。这段代码属于一个创造性的共享非商业性共享许可,所以在项目使用前要检查规则。



CSS颜色渐变


使用CSS颜色渐变创建一个更直观的颜色渐变。选择一个开始和结束的颜色,工具调整渐变,给你最好的和最悦目的颜色渐变,所以你不会以苛刻的开始和停止结束。然后,您可以获取颜色渐变的CSS,并将其添加到项目中。



Launchaco


Launchaco是一个简单的网站建造者,为小型创业网站。您可以创建响应性的设计、应用程序和所有的网站工具,这些工具集成了诸如用于跟踪、HTTPS和自定义域的谷歌分析等公共元素。用户可以创建一个免费的帐户来建立一个网站,或者选择年度付费版,以获得更强大和无限的功能。



音乐实验室:歌曲制作人


从彩色的swatch和代码中休息一下,用Chrome音乐实验室的歌曲制作。用你的鼠标在积木块上涂上颜色,选择一种音乐风格,看看你的视觉创造是什么样的。这是一个——创造性行为!



.colors


颜色工具解决了日常的网页设计难题:你的代码中有很多颜色,但并不总是知道它们是什么样子。该工具允许您输入一系列代码,并生成带有代码标识的每种颜色的调色板。只要将任何代码片段粘贴到包含颜色的工具中——hex、HSL或RGB——就可以了。



今天的日期SVG


Terence Eden想要一个在他的博客上总是显示当前日期的SVG,所以他做了一个。今天的SVG是一个通用日期图标,可以精确地显示日期和日期。只要添加几行代码和JavaScript就可以了。



Kutt.it


Kutt是一个具有强大功能的新链接shortener,使您的链接具有品牌和可跟踪性。Kutt允许您创建、保护和删除链接;跟踪分析;使用自定义域并与API集成。另外,该工具是开源的,可以免费使用(甚至可以在服务器上托管它)。



30秒的CSS


30秒的CSS是一个简短的代码片段集合,几乎任何人都能在不到一分钟的时间内理解并部署在网站设计项目中。代码片段被集中到类别中,这样您就可以找到您需要的代码来实现它(以及对更大的理解的解释)。



素描等距


这个草图Isometric插件允许用户在草图应用程序中从画板和矩形中生成等距视图。Isometric视图,在二维空间中表示三维物体,是一种很流行的选择,可以在一个视觉显示中显示多个屏幕的应用程序模型。这个插件让你旋转和扭转,缩放和改变渲染的颜色和深度。



二重唱显示


需要更多的监测空间吗?Duet显示器可以让你把iPad变成你的Mac或PC的额外显示器。该工具由前苹果工程师建造,可以帮助你提高工作效率,并通过iPad与你的电脑互动。所有需要连接的是一个软件下载和闪电或30针电缆。



通知


包容性组件有一篇关于通知的好文章,以及如何在不仅仅是“web应用程序”中包含通知组件。当你需要用短信息吸引注意力时,通知可以成为任何动态web体验的一部分。从理解实时区域到聊天应用程序到flash消息,这篇文章将它全部分解。


纯CSS Moleskine笔记本


《恋恋笔记本》的粉丝们将会爱上这支带有css动画造型的钢笔。Pen有四个笔记本,它们都是封闭的,并且可以在页面上以普通的、被控制的、网格的和虚线的“纸”来显示。




马里奥像素图标


带着一个像素化的视频游戏风格的图标,带回美好的童年回忆。这个集合包括所有你期望在早期的视频游戏中看到的矢量格式的图像。在网上或衬衫的设计上使用它们。在AI、PNG和SVG格式中包含100个图标。




车把在UI设计


Angie 's List的设计师Shankar Balasubramanian很好地看待了handlebars,它是一种新的用户界面元素,越来越受欢迎。以下是他在信息性文章中描述的:“Handlebars是一个接口元素,可以帮助用户调整和重新排列这个画布上的不同部分(或者是在现代UI中的界面)。如果你在iPad上使用了iOS多任务分屏视图,那么在分屏视图中的两个应用程序中的一个小的垂直和水平手柄就是我所说的“Handlebars”。




已经灭绝的动物图标


人类在动物界的灭绝速度比以往任何时候都要快。无论是由于狩猎,栖息地破坏,还是食物来源的竞争,更多的动物将不再被看到。这一系列已经灭绝的动物标志寻求教育和提供一个伟大的资源。




2018年职业幸福感调查


你想从事业中得到什么?哪些工作让你感到快乐?“职业幸福调查”(Career Happiness Survey)正试图通过一项针对个人和领导者的调查来发现这些信息,以便做出正确的决定。每个参与的人都会通过电子邮件获得结果。




教程:使用CSS变量的令人惊叹的悬浮效果。


Tobias Reich有一个有趣的教程,它可以帮助你为一个按钮创建一个很酷的悬停效果。这个设计很简单,但却有一个漂亮的坡度,它与经常使用的所有标准颜色变化的悬浮状态略有不同。他带你走过整个过程,这样你就可以定制并创造你的悬停效果。



Fonts.LOL


字体。LOL是第一个专门用于颜色字体的铸造厂。排版风格是基于开放式的SVG字体,包括多种颜色、笔画(和宽度)和渐变。颜色字体集合背后的概念是推动技术,使颜色字体采用更容易和更广泛。选择一个颜色字体,下载和安装使用。(许可证可以根据字体而异。)




Bluefish是一个有点小块的sans serif,在免费的演示集中有一定数量的样式。(也有完整版本)。它可以制作一个很好的显示选项,演示包括常规的、斜体的、粗体和粗体的斜体样式,每个样式有378个字符。



Gudlak


就在圣帕特里克节的时候,Gudlak是一款带有三叶草图案的手写字体。演示版包含了一组有限的53个字符,但是有一个完整的字体选项。这种字体在使用的时候可以很有趣。



JMH雅克罕姆


JMH Arkham是一种复古风格的衬线字体,具有很多特点。字体包括一个完整的上部和小写字符,带有有趣的倾斜和凹痕。有些字母也有更长的尾巴,以增加你的字体。




Kabe是一种具有很多字符的单间距字体。它的使用很容易扩展到显示文本的印刷和网站设计。字体包括大写字母、小写字母、数字和标点符号。



保持优雅的


保持优雅是一种简单的线条风格的手写字体,有大量的结扎和高的姿态。字体的字体非常适合显示或发出邀请;它包括一个完整的字符集、数字和标点符号以及交替字符。



相关阅读