인간이 사랑하는 랜딩 페이지를 만드는 데 필요한 비 AI 디자인 도구

일주일 전쯤에 저는 웹 개발자를 위한 무료 암호화 과정의 랜딩 페이지를 구축해야 했습니다. 만들기 시작하면서 몇 가지 도구를 수집했습니다.

이 도구는 제가 만들 수 있는 것보다 랜딩 페이지를 훨씬 더 아름답게 만드는 데 큰 도움이 되었습니다.

이 도구를 사용하면서 생각하게 되었습니다. 왜 이전에는 이 도구에 대해 몰랐을까요!

분명히 말씀드리자면 저는 이러한 도구와 상업적으로 전혀 관련이 없습니다. 나는 단지 그들을 사랑했고 당신도 그럴 것이라는 것을 압니다. 그래서 여러분과 공유하게 되었습니다.

이 목록에 언급된 모든 도구는 광고 없이 완전 무료이며 페이월도 없습니다. 실제로 공짜 금이라고 할 수 있습니다.

---

1. SVG 저장소

이 웹사이트에는 방대한 SVG 벡터 그래픽과 아이콘 컬렉션이 있습니다. 나는 광고가 없고 심플한 디자인을 좋아합니다. 페이월이 없습니다. 모든 SVG 그래픽은 완전 무료입니다. 이러한 SVG를 아이콘이나 다른 그래픽으로 사용할 수 있습니다.

이 웹사이트에는 SVG 편집기도 있습니다. 방문 페이지의 색상 팔레트에 맞게 SVG 색상을 변경하는 것이 매우 유용하다는 것을 알았습니다.

➡️ 확인해 보세요: SVG 저장소

---

2. 엑스칼리드로우

매우 인기 있는 그리기 도구입니다. 나에게 가장 빛나는 순간은 Excalidraw 라이브러리를 발견했을 때였습니다. excalidraw 라이브러리에는 커뮤니티가 미리 만든 그래픽이 포함되어 있습니다. 이는 멋진 그래픽과 다이어그램을 빠르게 만드는 데 도움이 됩니다.

예를 들어, 저는 excalidraw 라이브러리에서 미리 만들어진 일부 그래픽을 사용하여 내 강좌 랜딩 페이지에 대한 아래 그래픽을 만들었습니다. 그리고 이 모든 작업을 수행하는 데 약 10분 정도가 걸렸습니다. Excalidraw 라이브러리가 없었다면 실행하는데 많은 시간이 걸렸을 것입니다.

➡️ 확인해 보세요: Excalidraw

---

3. 하이케이

정말 잘 설계된 도구입니다. SVG 디자인을 만들 수 있습니다. 이러한 디자인을 랜딩 페이지의 일부 배경이나 제품 내부의 배경으로 사용할 수도 있습니다.

이 도구를 사용하여 랜딩 페이지의 과거 작업 섹션에 대한 배경을 만들었습니다.

➡️ 확인해 보세요: 하이케이

---

4. 공예품 그리기 취소

이 도구에는 방문 페이지의 제목 일부를 강조 표시하는 데 사용할 수 있는 손으로 그린 ​​SVG 그래픽이 많이 포함되어 있습니다. 이 손으로 그린 ​​그래픽은 매우 즐겁기 때문에 다양한 상황에서 사용할 수 있습니다.

이 사이트에서 손으로 그린 ​​로켓을 다운로드하여 랜딩 페이지의 정보 섹션에 올렸습니다.

➡️ 확인해 보세요: unDraw Handcrafts

---

5. 영웅 패턴

저는 항상 SVG 패턴 배경이 어디서 왔는지 궁금했습니다. 히어로 패턴을 발견하고는 깜짝 놀랐습니다.

히어로 패턴에는 SVG 배경 패턴이 많이 있습니다. 웹사이트에서는 올바른 색상을 선택할 수 있으며 CSS 스니펫을 복사하여 붙여넣기만 하면 됩니다.

저는 이 도구를 사용하여 강좌 랜딩 페이지의 커리큘럼 섹션에 대한 일종의 배경 그래프를 만들었습니다.

➡️ 확인해 보세요: 영웅 패턴

---

Marc Lou의 ShipFast 문서에서 찾은 마지막 세 가지 도구입니다. 그는 영감을 주는 제품 제작자입니다!

트위터에서 저를 팔로우하셔야 합니다. 나는 거기에 유용한 것들을 넣으려고 노력합니다. 그리고 당신의 시간을 존중하겠습니다.

읽어주셔서 감사합니다!

-vkweb

위 내용은 인간이 사랑하는 랜딩 페이지를 만드는 데 필요한 비 AI 디자인 도구의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!