接货!2017 年 4 月设计圈干货大合集

又到了每月放送的设计师干货大合集了~这些让你的设计工作更加便捷、更加有趣的设计素材,应该合乎喜欢尝鲜的你的口味。这些素材同以往一样,免费的占到了绝大多数,它们有的尚且处于测试阶段,有的则是秉承最基本的共享精神,源自于乐于分享的设计师与开发者。其中免费的代码片段,也许只是前端设计师从自己的项目中扒出来,以飨同行;而同样免费的思源宋体则是Google 和Adobe 联合多国设计机构和设计师费时几年共同完成,而这样的免费素材甚至可能会成为未来网页和排版设计的“基础设施”。

每一款免费的素材都凝结了设计师和开发者的心血,也许每次合集中仅有一两款工具能够帮到你,但这也意味着他们的努力是非常有价值的,不是吗?

FREEPHOTOS.CC

d0281c240f9349369e8366e91d39dbb5.png

FreePhotos 是一个共享创意图片合集,这个网站借助搜索引擎将网络上一些免费可商用的优质图片汇集到这里,图片内容也极为丰富,涵盖了景观、商业、自然、人物等不同主题。这又是一个新兴的免费图库网站哦~

GOOGLE INVISIBLE RECAPTCHA

自从 No CAPTCHA reCAPTCHA 上线以来,成千上万的互联网用户从中得益,只需点击一下即可验证他们不是机器人。现在这套验证系统进一步进化,可以更加深入的和系统结合起来,无需点击复选框就能帮你筛掉可疑的机器人。

GRID GARDEN

683a6a9266e148d395ad1e057f686a2b.png

对于前端和设计师而言,这可能是一个有趣而又容易上瘾的游戏:你需要使用你的CSS知识来在一个花园中种萝卜,总计24个关卡,要不要试试?

WAYBACK MACHINE DOWNLOADER

7a981643a00942b380004b2f6bb1ef70.png

有没有觉得有些网站越改版越难用了?不用担心,有了这个Wayback Machine ,你可以便捷地从 Archive.org 上轻松下载任何一个网站的某个历史版本。

WEB LOAD SPEED TEST

dd410b7ea9f147bb90553e1c0a44806e.png

想要测试你的网站的加载速度么?使用Web Load Speed Test 来测试,一次可以知道它在六个不同的国家/地区的加载速度。

JSON WEB CONTAINER

Json Web Container 是对 Jasonette 的不错的补充,它允许你使用 HTML/JS/CSS 并且将他们转化为本地组件。

BURST

Burst 是一个拥有超过1000张高清图片的图库,并且这些免费可商用的图片库还在每周更新、增加中。

GORILLASTACK AWS CLOUDTRAIL LISTENER (SLACK)

3280df30a7a5491c9d4c737f876e1afb.png

GorillaStack 是一款为Slack 所定制的聊天机器人,如果你使用 Amazon Web Services的话,它能让你的生活便捷许多。它允许用户管理和自定义实时工作流,以便在Slack 内监控 AWS CloudTrail,安装过程仅需一分钟。

TIPPY.JS

Tippy 是一款轻量级的纯JS工具提示库,其中包含了大量不同的交互相关的提示内容。它几乎可以适用于任何浏览器,这也使得它几乎可以轻松实现各种各样的提示效果。

SHOUTEM

342c45d7a0e849939212504d9cf8daf7.png

这款工具能够帮你轻松创建原生的跨平台应用,借助模板,几乎任何人都可以轻松创建Android 和 iOS 原生应用,并且不需要实现构建相应的体验设计。如果你着急制作一个Demo,那么这款工具能够帮你应急。

SKETCH STARTER DESIGN TEMPLATE

a3889430d31242f4983c9f61fc57611b.png

想要学习使用Sketch么?那么这个Sketch模板能够很好的帮你入门,它将网页设计最基础的工具和技巧都融入其中,让你顺畅的入门掌握这些知识。

MALINA SEAMLESS PATTERNS

bfa57f9e9584489cb62490feb51c7edb.png

这套无缝背景能够广泛运用到不同的设计项目当中去,让你的背景不再单调,为了应对不同的需求,这20款无缝背景提供了多种不同的格式,包括 EPS、PNG和JPG。

REACTOUR

这款工具以旅游导览的方式为你展示了React 组件的功能和使用方式,整个使用过程看起来像是游戏一样。

ALCAMY

f4de638b20f84d90ab4839ce228556bc.png

这个开源学习平台能够帮你提升技能,帮你在职业生涯上更进一步。相比其他,Alcamy 让你学习的东西更加前沿,其中包括如何创建聊天机器人的模块,学习区块链(这是比特币的核心),甚至机器学习等知识。

ANIMISTA

这款工具能让你在浏览器中创建CSS动效。这款工具仍然处于测试阶段,但是非常的易懂,也相当易用。

ANYMAP

只需要使用一丁点JS和HTML5的技巧,你就能创建出可交互式的地图,将这种交互式地图同天气、结果预报、统计数据等需求结合起来,能带来无与伦比的视觉效果。

CREATE-DMG

Mac 平台的应用安装包通常会被打包为dmg格式,而使用这款工具能够帮你在短短秒钟内完成APP的打包,对于开发人员而言是非常便捷的。

BASH GUIDE

诸如Linux 和 Mac 这样的系统能够使用Bash 脚本来发出指令,管理系统,进行许多图形化界面不一定能够完成的任务。这个指南能够帮你更好的学习Bash。

ADLANTA

Adlanta 是一款漂亮而简单的风格圆润的非衬线字体,其中包括常规和纤细两种不同的字重。

BOMBA STOUT TYPEFACE

4eabcbe5fc8e43c3accd33458af60692.png

Bomba Stout 这款字体能够让人想起老派经典的电子游戏,这套字体有两种样式,一种边缘圆润,一种棱角分明。

EDUARDO AND AURELIA

这款字体分别包括了大写和小写两种样式,字体个性十足,适宜于不同的设计项目。

ELARIS SERIF

8065c7388d194f84a4b8d2fbf60f107f.png

Elaris 是一款全大写的衬线字体,字体设计风格颇为经典,非常适合用来设计Banner,作为展示性字体来使用。

SOURCE HAN SERIF

4a023ee5ce154f68a3cb2e1c20bd7a8f.png

对于思源宋体,我们曾经单独撰文:《免费下载!谷歌携手Adobe推出超好看的的思源宋体(7种字重)》

VERDE SANS

4d5b10298b674dfcb7bf2aa61474acf3.png

Verde Sans 是一款厚重有趣的标示型字体。

ZILAP SLEEP

088043d320de436f85992026fc0cb5d4.png

Zilap Sleep 是一款充满黑暗气息的粗糙字体,非常新颖,对于特殊的排版设计需求,使用它可能会获得奇效。

原文地址:webdesignerdepot
原文作者:CAMERON CHAPMAN
译文:@陈子木

关键字:设计, 设计文章, 字体

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部