일주일 전쯤에 저는 웹 개발자를 위한 무료 암호화 과정의 랜딩 페이지를 구축해야 했습니다. 만들기 시작하면서 몇 가지 도구를 수집했습니다.
이 도구는 제가 만들 수 있는 것보다 랜딩 페이지를 훨씬 더 아름답게 만드는 데 큰 도움이 되었습니다.
이 도구를 사용하면서 생각하게 되었습니다. 왜 이전에는 이 도구에 대해 몰랐을까요!
분명히 말씀드리자면 저는 이러한 도구와 상업적으로 전혀 관련이 없습니다. 나는 단지 그들을 사랑했고 당신도 그럴 것이라는 것을 압니다. 그래서 여러분과 공유하게 되었습니다.
이 목록에 언급된 모든 도구는 광고 없이 완전 무료이며 페이월도 없습니다. 실제로 공짜 금이라고 할 수 있습니다.
이 웹사이트에는 방대한 SVG 벡터 그래픽과 아이콘 컬렉션이 있습니다. 나는 광고가 없고 심플한 디자인을 좋아합니다. 페이월이 없습니다. 모든 SVG 그래픽은 완전 무료입니다. 이러한 SVG를 아이콘이나 다른 그래픽으로 사용할 수 있습니다.
이 웹사이트에는 SVG 편집기도 있습니다. 방문 페이지의 색상 팔레트에 맞게 SVG 색상을 변경하는 것이 매우 유용하다는 것을 알았습니다.
매우 인기 있는 그리기 도구입니다. 나에게 가장 빛나는 순간은 Excalidraw 라이브러리를 발견했을 때였습니다. excalidraw 라이브러리에는 커뮤니티가 미리 만든 그래픽이 포함되어 있습니다. 이는 멋진 그래픽과 다이어그램을 빠르게 만드는 데 도움이 됩니다.
예를 들어, 저는 excalidraw 라이브러리에서 미리 만들어진 일부 그래픽을 사용하여 내 강좌 랜딩 페이지에 대한 아래 그래픽을 만들었습니다. 그리고 이 모든 작업을 수행하는 데 약 10분 정도가 걸렸습니다. Excalidraw 라이브러리가 없었다면 실행하는데 많은 시간이 걸렸을 것입니다.
정말 잘 설계된 도구입니다. SVG 디자인을 만들 수 있습니다. 이러한 디자인을 랜딩 페이지의 일부 배경이나 제품 내부의 배경으로 사용할 수도 있습니다.
이 도구를 사용하여 랜딩 페이지의 과거 작업 섹션에 대한 배경을 만들었습니다.
이 도구에는 방문 페이지의 제목 일부를 강조 표시하는 데 사용할 수 있는 손으로 그린 SVG 그래픽이 많이 포함되어 있습니다. 이 손으로 그린 그래픽은 매우 즐겁기 때문에 다양한 상황에서 사용할 수 있습니다.
이 사이트에서 손으로 그린 로켓을 다운로드하여 랜딩 페이지의 정보 섹션에 올렸습니다.
저는 항상 SVG 패턴 배경이 어디서 왔는지 궁금했습니다. 히어로 패턴을 발견하고는 깜짝 놀랐습니다.
히어로 패턴에는 SVG 배경 패턴이 많이 있습니다. 웹사이트에서는 올바른 색상을 선택할 수 있으며 CSS 스니펫을 복사하여 붙여넣기만 하면 됩니다.
저는 이 도구를 사용하여 강좌 랜딩 페이지의 커리큘럼 섹션에 대한 일종의 배경 그래프를 만들었습니다.
Marc Lou의 ShipFast 문서에서 찾은 마지막 세 가지 도구입니다. 그는 영감을 주는 제품 제작자입니다!
트위터에서 저를 팔로우하셔야 합니다. 나는 거기에 유용한 것들을 넣으려고 노력합니다. 그리고 당신의 시간을 존중하겠습니다.
읽어주셔서 감사합니다!
-vkweb
위 내용은 인간이 사랑하는 랜딩 페이지를 만드는 데 필요한 비 AI 디자인 도구의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
