公衆號關注 “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
以上,便是今天的分享,覺得內容對你有所幫助的,還請點個「在看」支持,謝謝各位啦~
推薦閱讀: