Pengekodan Vibe · Pelajaran

Menggayakan dengan Bahasa Biasa

Terangkan rupa yang anda mahukan.

Pelajaran 2 daripada 413 langkah

Menggayakan dengan Bahasa Biasa ialah pelajaran Pengekodan Vibe percuma di CoddyKit. Ini ialah pelajaran 2 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pengekodan Vibe, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.

Menggayakan Tanpa Kod

Kini halaman anda mempunyai rangka, tetapi rupanya masih biasa. Penggayaan menambah warna, jarak dan penampilan yang menarik.

Keistimewaan pengekodan berasaskan gaya ialah anda menerangkan penampilan itu dengan perkataan biasa. Anda berkata "tenang dan hijau", lalu AI memilih warna dan fon untuk anda.

Terangkan Suasana

Daripada menamakan kod warna heks yang tepat, terangkan perasaan yang anda mahukan. Perkataan seperti "segar", "moden", "ceria" atau "profesional" membimbing AI.

Suasana memberikan ruang kepada AI untuk memilih warna dan fon yang sepadan serta kelihatan serasi.

Style the PlantPal landing page to feel fresh and friendly.
Use soft green tones, rounded corners, and a clean modern font.

Pilih Tema Warna

Jika anda sudah mempunyai warna dalam fikiran, namakannya sahaja. "Hijau", "biru laut" atau "jingga hangat" semuanya boleh digunakan.

Anda juga boleh meminta satu warna utama serta warna aksen untuk butang. AI mengekalkan bahagian lain dalam warna neutral supaya halaman anda kekal mudah dibaca.

Use a green and white color theme.
Make the buttons a slightly darker green so they stand out.
Keep the text dark gray for easy reading.

Gayakan Bahagian Utama

Bahagian utama ialah perkara pertama yang dilihat orang, jadi bahagian ini wajar diberi perhatian. Minta tajuk yang besar dan tebal serta ruang kosong yang mencukupi di sekelilingnya.

Anda boleh meminta warna latar yang lembut atau kecerunan yang halus untuk menjadikan bahagian atas halaman lebih menarik.

Make the hero section stand out.
Use a large bold headline, generous spacing, and a soft light-green background behind it.

Jadikan Butang Lebih Menarik

Butang seruan tindakan anda sepatutnya mudah dilihat dan menyenangkan untuk diklik. Minta AI memberikan warna yang jelas dan sedikit kesan apabila penuding berada di atasnya.

Butang yang berubah secara lembut apabila tetikus digerakkan di atasnya terasa hidup dan moden.

Style the "Get Started" button.
Make it green with white text, rounded corners, and a slightly darker shade when I hover over it.

Jarak dan Ruang Lega

Halaman yang terlalu padat boleh terasa menekan. Jarak yang baik menjadikan halaman terasa tenang dan mudah dibaca.

Anda boleh meminta AI menambah ruang dalam di sekeliling bahagian serta jarak antara baris teks. "Berikan ruang untuk bernafas" ialah ungkapan yang difahami AI dengan baik.

Add more space between the sections and around the text.
Give the page room to breathe so it does not feel crowded.

Fon dan Kebolehbacaan

Fon membentuk keperibadian halaman. Fon tanpa serif yang kemas terasa moden; fon serif terasa klasik.

Anda tidak perlu mengetahui nama fon. Cakap sahaja "mudah dibaca" atau "moden", dan minta tajuk dibuat sedikit lebih besar daripada teks isi.

Use a clean, modern, easy-to-read font.
Make the headings noticeably larger and bolder than the normal text.

Satu Perubahan pada Satu Masa

Semasa menggayakan, ubah satu perkara bagi setiap mesej. Ini memudahkan anda melihat kesan setiap perubahan.

Jika anda meminta sepuluh perubahan sekaligus dan tidak menyukai hasilnya, sukar untuk mengetahui bahagian yang perlu dibuat asal. Langkah kecil membantu anda kekal mengawal.

Kekalkan Keseragaman

Halaman pendaratan yang baik menggunakan warna dan jarak yang sama di seluruh halaman. Gaya yang tidak sepadan kelihatan belum siap.

Anda boleh meminta AI menerapkan tema anda pada seluruh halaman supaya setiap bahagian sepadan dengan bahagian utama.

Apply the same green theme and spacing to every section.
Make sure all buttons and headings look consistent across the page.

Buat Asal Gaya yang Tidak Disukai

Tidak semua hasil akan menyenangkan hati anda, dan itu tidak mengapa. Beritahu AI perkara yang terasa tidak betul dan perkara yang anda lebih suka sebagai gantinya.

Anda boleh berkata "terlalu gelap" atau "butang terlalu kecil". AI akan melaraskannya tanpa menghilangkan hasil kerja anda yang lain.

The background is too dark and hard to read.
Make it lighter and keep the green accents on the buttons only.

Halaman yang Mempunyai Keperibadian

Dengan beberapa permintaan dalam bahasa biasa, rangka biasa anda kini mempunyai gaya yang jelas: warna tema, jarak yang selesa, fon yang mudah dibaca dan butang yang menarik.

Ingat, anda menerangkan perasaan dan membiarkan AI mengurus pilihan warna serta fon dari segi teknikal.

Give the whole PlantPal page a fresh, calm, modern style.
Green and white theme, roomy spacing, readable font, and a friendly rounded button.

Semakan Pantas

Mari ulang kaji penggayaan menggunakan bahasa biasa.

Jawab dalam pelajaran interaktif

Rumusan: Penggayaan Bahasa Biasa

Anda telah belajar menggayakan halaman dengan menerangkan suasana dan tema tanpa menulis kod. Anda menggayakan bahagian utama, menjadikan butang lebih menarik, menambah ruang lega dan memastikan semuanya seragam.

Anda juga telah melihat cara membuat asal penampilan yang tidak disukai. Seterusnya, anda akan mengisi halaman dengan bahagian dan kandungan sebenar.

Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 25
Pelajaran: 100

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Menggayakan dengan Bahasa Biasa” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Pengekodan Vibe, termasuk “Menggayakan dengan Bahasa Biasa”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Pengekodan Vibe merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Menggayakan dengan Bahasa Biasa”?

Terangkan rupa yang anda mahukan. Anda berlatih Pengekodan Vibe menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Pengekodan Vibe?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Pengekodan Vibe di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 4.

Berapa lamakah pelajaran “Menggayakan dengan Bahasa Biasa” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pengekodan Vibe ini?

Ya. Setiap pelajaran Pengekodan Vibe menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Pengekodan Vibe