英文 | https://medium.com/codex/9-useful-websites-for-your-next-ui-project-38813ef912a8
翻譯 | 小愛
從事新項目是 Web 開發中最令人興奮的事情之一。但是,啟動新項目并從頭開始可能需要花費大量時間和精力。尤其是如果你是獨立開發人員并且沒有團隊來幫助你時。
你就需要使用一些工具和資源來加快工作流程并提高工作效率。你可以使用網絡上的許多網站來幫助你更快地建構使用者界面。
在本文中,我将向你列出一些網站,你可以将其用于下一個 UI 項目。
現在,就讓我們開始吧。
1、Coolors
位址:https://coolors.co/
Coolors 是一個很棒的網站,可以讓你輕松地為項目生成配色方案。除此之外,你還可以使用它來建立調色闆并從現有的配色方案中獲得靈感。
2、 Colors & Fonts
位址:https://www.colorsandfonts.com/
這個會是 Web 開發人員和設計師的絕佳資源。它包含豐富的顔色、字型和有用資源庫。如果你有興趣的話,你可以自行檢視一下。
3、One Page Love
位址:https://onepagelove.com/
One Page Love是一個很棒的網站,可以為你策劃最好的單頁網站設計和模闆。這是一個學習的好地方,并為你的下一個 UI 項目提供一些靈感。
4、Figma
位址:https://www.figma.com/
Figma是當今非常流行的設計工具。它非常人性化,讓你可以輕松地為你的項目設計漂亮的使用者界面。如果這是你第一次聽說它,你絕對應該嘗試一下。
5、Undraw
位址:https://undraw.co/
Undraw帶有一個完整的不同 SVG 插圖庫,你可以根據需要使用它們。你可以搜尋可用的插圖并選擇你想要的顔色。
6、Flaticon
位址:https://www.flaticon.com/
Flaticon可讓你通路數百萬個矢量圖示和貼紙,可用于下一個 Web 項目。你還可以下載下傳不同格式的圖示,例如 SVG、PNG 等。
7、CSS路徑生成器
位址:https://bennettfeely.com/clippy/
如果你不熟悉clip-pathCSS,此工具為你提供了可在 UI 中使用的完整形狀庫,例如三角形、圓形、橢圓形等。你還可以自定義你選擇的形狀并擷取 CSS 代碼。
8、Get Waves
位址:https://getwaves.io/
Get Waves是一款出色的工具,可讓你輕松生成可用于項目 UI 的精美波浪形狀。它允許您制作自定義 wave 并為它們擷取 CSS 代碼。如果需要,您也可以将它們下載下傳為 SVG。
9、Animista
位址:https://animista.net/
Animista是一款出色的 Web 應用程式,帶有一系列預制的 CSS 動畫,你可以在下一個 UI 項目中使用這些動畫。你可以選擇不同類型的動畫。
結論
正如你在上面看到的,這些都是很棒的網站的清單,可以幫助你進行下一個 UI 項目。通過使用這些網站和工具,你可以在處理項目時節省大量時間并提高工作效率。
感謝你閱讀這篇文章,希望你覺得它有用。
學習更多技能
請點選下方公衆号