Rumah >hujung hadapan web >tutorial css >Alat Reka Bentuk non-AI' untuk Mencipta Halaman Pendaratan Penyayang Manusia
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.
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.
Tapak web ini mempunyai editor SVG juga. Saya mendapati ia sangat membantu dalam menukar warna SVG agar sepadan dengan palet warna halaman pendaratan saya.
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.
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.
Saya menggunakan alat ini untuk mencipta latar belakang bagi bahagian kerja lalu halaman pendaratan saya:
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:
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:
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!