重新「非人工智慧」設計工具來創建人類喜愛的登陸頁面

大約一週前，我必須為網頁開發人員的免費密碼課程建立一個登陸頁面。當我開始建造它時，我一路收集了一些工具。

這些工具大大幫助我讓登陸頁面比我所能建立的更漂亮。

這些工具讓我思考－為什麼我不早點知道它們！

需要明確的是：我與這些工具中的任何一個都沒有任何商業關係。我只是愛他們，我知道你也會的。這就是我與大家分享的原因。

此列表中提到的所有工具都是完全免費，沒有廣告並且沒有付費專區。我想說，它們實際上是免費的黃金。

---

1.SVG 倉庫

該網站擁有大量 SVG 向量圖形和圖示。我喜歡他們的無廣告且簡單的設計。沒有付費牆。所有 SVG 圖形都是完全免費的。您可以將這些 SVG 用作圖示或其他圖形。

這個網站也有一個 SVG 編輯器。我發現它對於更改 SVG 的顏色以匹配我的登陸頁面的調色板非常有幫助。

➡️ 看看：SVG Repo

---

2.Excalidraw

這是一個非常流行的繪圖工具。對我來說，閃電般的時刻是當我發現 Excalidraw 庫時。 exalidraw 庫包含社群預先製作的圖形。這有助於快速創建看起來很酷的圖形和圖表。

例如，我使用 excalidraw 庫中的一些預製圖形為我的課程登陸頁面創建了以下圖形。我只花了大約 10 分鐘就完成了這一切。如果沒有 exalidraw 函式庫，執行它會花費很多時間。

➡️ 看看：Excalidraw

---

3.海溪

這是一個設計精良的工具。它允許您創建 SVG 設計。您可以使用這些設計作為登陸頁面部分或產品內部的背景。

我使用此工具為我的登陸頁面過去的工作部分建立背景：

➡️看看：海基

---

4. unDraw手工藝品

此工具有大量手繪 SVG 圖形，可用於反白著陸頁中的部分標題。這些手繪圖形非常令人愉悅，您會發現它在各種情況下都有用。

我從這個網站下載了一個手繪火箭並將其放在我的登陸頁面的「關於」部分：

➡️看看：unDraw Handcrafts

---

5. 英雄模式

我一直想知道那些 SVG 圖案背景是從哪裡來的。當我發現英雄圖案時，我驚呆了。

英雄圖案有很多SVG背景圖案。網站允許您選擇正確的顏色，然後您只需複製並貼上 CSS 片段即可。

我使用此工具為我的課程登陸頁面的課程部分創建了方格紙類型的背景：

➡️看看：英雄模式

---

我從 Marc Lou 的 ShipFast 文件中找到的最後三個工具。他是一位鼓舞人心的產品建構者！

你應該在 Twitter 上追蹤我。我嘗試把有用的東西放在那裡。我會尊重你的時間。

感謝您的閱讀！

-vkweb

以上是重新「非人工智慧」設計工具來創建人類喜愛的登陸頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！