Rumah >hujung hadapan web >tutorial css >Alat Reka Bentuk &#non-AI' untuk Mencipta Halaman Pendaratan Penyayang Manusia

Alat Reka Bentuk &#non-AI' untuk Mencipta Halaman Pendaratan Penyayang Manusia

Linda Hamilton
Linda Hamiltonasal
2024-12-30 21:21:101021semak imbas

Sekitar seminggu yang lalu saya terpaksa membina halaman pendaratan untuk kursus kriptografi percuma saya untuk pembangun web. Semasa saya mula membinanya, saya mengumpul beberapa alatan di sepanjang jalan.

Alat ini sangat membantu saya menjadikan halaman pendaratan jauh lebih cantik daripada yang boleh saya bina.

Alat ini membuatkan saya terfikir -- kenapa saya tidak tahu mengenainya lebih awal!

Sekadar menjelaskan: Saya sama sekali tidak berkaitan secara komersial dengan mana-mana alatan ini. Saya hanya mencintai mereka dan saya tahu anda juga akan. Itulah sebabnya saya berkongsi dengan anda semua.

Semua alatan yang disebut dalam senarai ini adalah percuma sepenuhnya tanpa iklan dan tiada tembok berbayar. Mereka sebenarnya adalah emas percuma, saya akan katakan.


1. Repo SVG

Tapak web ini mempunyai banyak koleksi grafik dan ikon vektor SVG. Saya menyukai reka bentuk bebas iklan dan ringkas mereka. Tiada tembok berbayar. Semua grafik SVG adalah percuma. Anda boleh menggunakan SVG ini sebagai ikon atau dalam beberapa grafik lain.

ree

Tapak web ini mempunyai editor SVG juga. Saya mendapati ia sangat membantu dalam menukar warna SVG agar sepadan dengan palet warna halaman pendaratan saya.

➡️ Lihat: Repo SVG


2. Excalidraw

Ia adalah alat lukisan yang sangat popular. Detik kilat bagi saya ialah apabila saya menemui perpustakaan Excalidraw. Perpustakaan excalidraw mengandungi grafik pra-dibuat oleh komuniti. Ini membantu dalam mencipta grafik dan gambar rajah yang kelihatan menarik dengan cepat.

Sebagai contoh, saya menggunakan beberapa grafik pra-dibuat daripada perpustakaan excalidraw untuk mencipta grafik di bawah untuk halaman pendaratan kursus saya. Dan saya hanya mengambil masa sekitar 10 minit untuk melakukan semuanya. Tanpa perpustakaan excalidraw, ia akan mengambil banyak masa untuk melaksanakannya.

ree

➡️ Semaknya: Excalidraw


3. Haikei

Ini adalah alat yang direka dengan baik. Ia membolehkan anda membuat reka bentuk SVG. Anda boleh menggunakan reka bentuk ini sebagai latar belakang di bahagian halaman pendaratan anda atau di dalam produk anda juga.

ree

Saya menggunakan alat ini untuk mencipta latar belakang bagi bahagian kerja lalu halaman pendaratan saya:

ree

➡️ Semak: Haikei


4. unDraw Kraftangan

ree

Alat ini mempunyai banyak grafik SVG yang dilukis tangan yang boleh digunakan untuk menyerlahkan bahagian tajuk dalam halaman pendaratan anda. Grafik lukisan tangan ini sangat menggembirakan sehingga anda akan mendapati penggunaannya dalam pelbagai situasi.

Saya memuat turun roket lukisan tangan dari tapak ini dan meletakkannya pada bahagian tentang halaman pendaratan saya:

ree

➡️ Lihat: unDraw Handcrafts


5. Corak Wira

Saya selalu tertanya-tanya dari mana datangnya latar belakang corak SVG tersebut. Apabila saya menemui Corak Hero, kawan, saya terpegun.

Corak wira mempunyai banyak corak latar belakang SVG. Tapak web membolehkan anda memilih warna yang betul dan kemudian anda hanya perlu menyalin dan menampal coretan CSS.

Saya menggunakan alat ini untuk mencipta latar belakang jenis kertas graf untuk bahagian kurikulum halaman pendaratan kursus saya:

ree

➡️ Semak: Corak Wira


Tiga alatan terakhir yang saya temui daripada Dokumentasi ShipFast Marc Lou. Dia seorang pembina produk yang memberi inspirasi!

Anda harus mengikuti saya di Twitter. Saya cuba meletakkan barang berguna di sana. Dan saya akan menghormati masa anda.

Terima kasih kerana membaca!

-vkweb

Atas ialah kandungan terperinci Alat Reka Bentuk &#non-AI' untuk Mencipta Halaman Pendaratan Penyayang Manusia. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn