来源 - 微信公众号 码农有道
来源 | GitCube
大家好,我是小 G。
昨天在逛 Hacker News 的时候,我偶然发现个宝藏网站:No Design。
地址:https://nodesign.dev
网站上收集了许多十分便利的 UI 设计工具与设计资源,看完后我内心激动不已,这网站对于那些不太懂设计的开发者来说,简直是超级福音啊!
网站建立的初衷,是帮助一些毫无设计天赋的工程师能更好的完成开发工作,但从平台现有的资源来看,上面的工具其实也适用于大部分互联网从业人员。
下面我们就来看看,里面具体都包含了哪些比较实用的资源与工具吧。
按照运营人员所提供的分类参考,目前该网站的内容主要包括以下几类:
Art(艺术)
Pictures(图片)
Fonts(字体)
CSS(网站样式)
Color(颜色)
Generators(生成工具)
Icons(图标)
Inspiration(灵感)
Videos(视频)
下面小 G 拿 3 个示例跟大家简单介绍下。
网站和 App 的图标生成器
在我们开发网站的时候,有时候需要为网站添加图标,以便突显自己的品牌风格,就像下面这样:
如果要在网站中嵌入图标,则需要先将 logo 图片转换为类似favicon.ico 这种格式,有了这款工具后,便能进行一键转换和编辑,顺便还能为 App 同步生成相应图标:
地址:https://www.favicon-generator.org
免费开放的图标库
按作者的原话来说,这是目前互联网上最大的免费图标数据库,里面包含了 PNG、SVG、EPS、PSD 等多种格式的图标,种类异常丰富。
小到各种互联网公司的品牌 logo,大到各种蠢萌可爱的小动物,用户都能在上面轻松找到合适的图标。
地址:https://www.flaticon.com
免费字体
上面收集了非常多的字体供设计师和开发者免费使用,其中包括 Sans、Serif、Script、Rust、Display & Cyrillic 等不同风格的字体类型。
今后当你缺少一些比较有趣的字体时,可以到上面逛一逛,兴许会有惊喜呢。
地址:https://www.fontfabric.com/free-fonts/
除了上面提到的工具之外,该网站上还有一些设计资讯、字体测试工具、设计学习资源供你慢慢挖掘。
最后,再次为大家附上该网站地址,感兴趣的同学可以上去瞧一瞧:
https://nodesign.dev