七夕福利!2018年8月设计圈超实用干货大合集

现如今的设计理论大多已经非常成熟,设计工具依托于成熟的设计理论来进行构建是很自然的事情。这个月的设计干货大合集当中有许多植根于旧有理论的新设计工具,从字体到配色,这些工具都非常趁手。以往每期都有的干货自然是没有缺席,总会有那么几款,你正好用的上 ~

Font Playground

七夕福利!2018年8月设计圈超实用干货大合集

Font Playground 是一个可以帮你验证可变字体甚至导出前端代码的实用工具。所谓可变字体,指的是内部包含多种不同样式、类型元素的字体,这类字体正越来越流行,而它们的使用方式也更加多用,这也是 Font Playground 这种辅助工具诞生的意义所在。

Color Wheel Generator

七夕福利!2018年8月设计圈超实用干货大合集

Color Wheel Generator 能够为特定的色彩生成完美匹配的色轮,并且以 HEX 格式输出。设计师还可以通过调整明暗、饱和度和色相来进行微调。

Scale

七夕福利!2018年8月设计圈超实用干货大合集

Scale 是一款帮你查看特定色彩的明暗变化的工具。

Rockstar

七夕福利!2018年8月设计圈超实用干货大合集

Rockstar 是一种动态类型的编程语言,它诞生之初是为了创建一款编写歌词的计算机程序,这款编程语言也受到了80年代摇滚的影响,可以说是非常硬核了。

Fondu

七夕福利!2018年8月设计圈超实用干货大合集

Fondu 是一款智能的合约生成工具,这款开源工具最初是用来协助众筹活动而存在的。

Font Memory Game

七夕福利!2018年8月设计圈超实用干货大合集

Font Memory Game 是一个可以帮你练习双眼,发现排版细节的小游戏,通过它你会更好地识别不同的字体。

Fusion.js

七夕福利!2018年8月设计圈超实用干货大合集

Fusion.js 是一个基于 MIT 协议的 JS 框架,支持 React 和 Redux 等流行的库,对于想要构建 Web 应用程序的人而言,是个不错的选择,它具备足够现代的功能,包括热模块重新加载、数据感知服务器端呈现,和捆绑拆分支持等。它的整个架构基于插件,足够灵活。

StyleURL

七夕福利!2018年8月设计圈超实用干货大合集

StyleURL 让你可以直接从 Chrome DevTools 中导出和共享修改过的 CSS ,以便可以和日常的工作流程结合起来。它会生成一个链接,自动地将 CSS 加载到现有的网页当中,确保你可以直观地分享和调整。

Keyframes

七夕福利!2018年8月设计圈超实用干货大合集

Keyframes 是给动画设计师所设计的在线聊天工具,不仅可以在其中分享经验和素材,而且可以作为社区来学习相应的知识,共享学习资源。

Brandcast Team Edition

七夕福利!2018年8月设计圈超实用干货大合集

Brandcast Team Edition 让团队可以轻松地共享资源,协同合作,无需代码即可完成网站搭建的工作。

Pair & Compare

七夕福利!2018年8月设计圈超实用干货大合集

Pair & Compare 能够帮你在线查找并预览字体,在屏幕上直接测试各种 Google Fonts 中的字体,并且通过调整背景、字号、色彩、宽度、行高等属性,进行更细致的对比和选择。

Emoji Tweeter

七夕福利!2018年8月设计圈超实用干货大合集

Emoji Tweeter 基本上是一个能够帮你在推文当中插入各种表情符号的在线编辑工具,算是一个颇为好玩的工具了。

3D Cube Form

七夕福利!2018年8月设计圈超实用干货大合集

3D Cube Form 是一个交互性极强的表单工具,用户在输入字段的时候,是从色彩的选取开始的,整个工具的设计参与度极强。也许它并不一定适合每个项目,但是绝对值得你花时间来了解。

3D Toggle

七夕福利!2018年8月设计圈超实用干货大合集

3D Toggle 是一款炫酷的动画,可以改变你对于切换动作的想法。

Malvid

七夕福利!2018年8月设计圈超实用干货大合集

Malvid 是一个交互式的界面开发组件,它可以帮你创建 Web 组件,并且与此同时,预览和记录它们。这款工具还可以帮你分析文件夹结构,将文件转换为可视化的 UI。

Podmap

七夕福利!2018年8月设计圈超实用干货大合集

Podmap 是一款非常炫酷的数据可视化的工具,可以用来展示世界各地的播客,它可以帮你找到距离你最近的或者特定区域的播客,轻松地按照地理数据来进行过滤。

CoolHue

七夕福利!2018年8月设计圈超实用干货大合集

CoolHue 是一个使用 JSON 渲染的渐变配色工具,它包含有60个可供选择的渐变色彩选项,你可以轻松地使用它来获得时尚的配色效果,可以用它将色彩直接抓取输出到 PS、Sketch 当中。

Tutorial: Animated SVG Neon Light Effect

七夕福利!2018年8月设计圈超实用干货大合集

这个教程是教你制作动态的 SVG 霓虹灯效果的,这个过程中需要你借助 Adobe Illustrator 来生成炫酷的自定义效果,然后将其输出到 Sketch 当中,并且最终导出为一个 SVG 图片,用于网站或者 APP。最重要的是,这个教程所输出的不再是 Gif 图片,而是矢量的 SVG 动画,有着强的性能、更好的兼容性和更大的适用范围!

Aunofa Serif

七夕福利!2018年8月设计圈超实用干货大合集

Aunofa Serif 是一款瘦长而独特的衬线字体,展示性极强,免费版仅包含大写字母,而收费版则是完整的。

Calibre

七夕福利!2018年8月设计圈超实用干货大合集

Calibre 是一款被横向压缩到极致的字体,整个字体的X高度非常的高,其中还包含了完整的数字和符号。

Cleon

七夕福利!2018年8月设计圈超实用干货大合集

Cleon 是一款适合各种不同用途的无衬线字体,其中许多字母带有非常明显的圆形的特征,几何感极强。

Deansgate Condensed

七夕福利!2018年8月设计圈超实用干货大合集

Deansgate Condensed 是一款清晰而独特的字体,和曼彻斯特街头的许多招牌所用的字体有着相似的特征。

Facon

七夕福利!2018年8月设计圈超实用干货大合集

Facon 是一款被切割得非常锐利的时尚的展示性字体,字体中通过切割来造成镂空的视觉特征,非常有冲击力。

Mercy

七夕福利!2018年8月设计圈超实用干货大合集

Mercy 是一款可读性非常强的非衬线字体,其中许多字母中都包含有趣的曲线,整个字符集数量并不多,只有69个元素。

收藏 73
点赞 4

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。