程序员必备网站之一：No Design

╰半夏微凉° 2023-02-19 14:22 5阅读 0赞

![format_png][]

来源 | GitCube

大家好，我是小 G。

昨天在逛 Hacker News 的时候，我偶然发现个宝藏网站：No Design。

![format_png 1][]

地址：https://nodesign.dev

网站上收集了许多十分便利的 UI 设计工具与设计资源，看完后我内心激动不已，这网站对于那些不太懂设计的开发者来说，简直是超级福音啊！

网站建立的初衷，是帮助一些毫无设计天赋的工程师能更好的完成开发工作，但从平台现有的资源来看，上面的工具其实也适用于大部分互联网从业人员。

下面我们就来看看，里面具体都包含了哪些比较实用的资源与工具吧。

按照运营人员所提供的分类参考，目前该网站的内容主要包括以下几类：

*  Art（艺术）
 *  Pictures（图片）
 *  Fonts（字体）
 *  CSS（网站样式）
 *  Color（颜色）
 *  Generators（生成工具）
 *  Icons（图标）
 *  Inspiration（灵感）
 *  Videos（视频）

下面小 G 拿 3 个示例跟大家简单介绍下。

### 网站和 App 的图标生成器 ###

在我们开发网站的时候，有时候需要为网站添加图标，以便突显自己的品牌风格，就像下面这样：

![format_png 2][]

如果要在网站中嵌入图标，则需要先将 logo 图片转换为类似 **favicon.ico** 这种格式，有了这款工具后，便能进行一键转换和编辑，顺便还能为 App 同步生成相应图标：

![format_png 3][]

地址：https://www.favicon-generator.org

### 免费开放的图标库 ###

按作者的原话来说，这是目前互联网上最大的免费图标数据库，里面包含了 PNG、SVG、EPS、PSD 等多种格式的图标，种类异常丰富。

小到各种互联网公司的品牌 logo，大到各种蠢萌可爱的小动物，用户都能在上面轻松找到合适的图标。

## ![format_png 4][] ##

地址：https://www.flaticon.com

### 免费字体 ###

上面收集了非常多的字体供设计师和开发者免费使用，其中包括 Sans、Serif、Script、Rust、Display & Cyrillic 等不同风格的字体类型。

今后当你缺少一些比较有趣的字体时，可以到上面逛一逛，兴许会有惊喜呢。

![format_png 5][]

地址：https://www.fontfabric.com/free-fonts/

除了上面提到的工具之外，该网站上还有一些设计资讯、字体测试工具、设计学习资源供你慢慢挖掘。

最后，再次为大家附上该网站地址，感兴趣的同学可以上去瞧一瞧：

https://nodesign.dev

以上，便是今天的分享，觉得内容对你有所帮助的，还请点个「**在看**」支持，谢谢各位啦~

--------------------

### **推荐阅读** ###

• [吴师兄实名吐槽 LeetCode 上的一道题目。。。][LeetCode]• [面试字节跳动时，我竟然遇到了原题……][Link 1]• [Leetcode 惊现马化腾每天刷题 ？为啥大佬都这么努力！][Leetcode _]• [为什么 MySQL 使用 B+ 树][MySQL _ B_]• [一道简简单单的字节跳动算法面试题][Link 2]• [新手使用 GitHub 必备的两个神器][GitHub]• [卧槽！红警代码竟然开源了！！！][Link 3]

--------------------

欢迎关注我的公众号“**五分钟学算法**”，如果喜欢，麻烦点一下“**在看**”~

![format_png 6][]

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy91RFJrTVdMaWEyOGlheWRhYVNKd1djMGNkUnpPZFNjUXYydWJrd3VrQWppY284MTFVTkRGd28zZThxYUtGclRhSlZOVWE3V0NDQkZLMUY1Nzl3QUN1WGlhckEvNjQw?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGlheWRhYVNKd1djMGNkUnpPZFNjUXYyV3NEV1hBWmljNlRvVjRUOTZJS1Jra1MyYjJBdVdpYlpQdjBoMFd5UFduMVJUZXRQQzV5Q0oxcGcvNjQw?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGlheWRhYVNKd1djMGNkUnpPZFNjUXYyV00yOEd6N2pXRVV4OG5BN1A3TXcwNVZ0UlJSRUNnN2lhQ2FDb3hueU1iQkw3ZlJGQTdlbFR0US82NDA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGlheWRhYVNKd1djMGNkUnpPZFNjUXYyYjRuSk8walNkTGxMdll2ejZidHd0SkFuZEZHZHIxZEdrWE1FRjhUUUJMZXA1czF3YnE4ZU13LzY0MA?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGlheWRhYVNKd1djMGNkUnpPZFNjUXYyYnlGaWFvdHBpYjh3SHlOaWI5QkhJTG43cDZkSWdaT2liMWVWd2tkMUd3blhPQVpMTDltNFAzaWJENVEvNjQw?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy91RFJrTVdMaWEyOGlheWRhYVNKd1djMGNkUnpPZFNjUXYyYTBWTkpveWpBS2NFakduM1JCbjAwdzc2YWpVeWJCWGc4cjRKSXhpYmo2QXlaVWNheVNTS1ZsUS82NDA?x-oss-process=image/format,png
[LeetCode]: https://blog.csdn.net/kexuanxiu1163/article/details/106846242
[Link 1]: https://blog.csdn.net/kexuanxiu1163/article/details/106774199
[Leetcode _]: https://blog.csdn.net/kexuanxiu1163/article/details/106754530
[MySQL _ B_]: https://blog.csdn.net/kexuanxiu1163/article/details/106754537
[Link 2]: https://blog.csdn.net/kexuanxiu1163/article/details/106740545
[GitHub]: https://blog.csdn.net/kexuanxiu1163/article/details/106700185
[Link 3]: https://blog.csdn.net/kexuanxiu1163/article/details/106610365
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9ENjdwZWNlaWJlSVJodm5leUhtTURJTW1sOWtJYlVMUGlhUG5pYThpYW5ic1o3Q2trYlFGQTJLU3V3SzA2R3NuT3JMQ2tleHdwYUVoWU1aNHdac1BpY01Uc1ZBLzY0MA?x-oss-process=image/format,png