Learning Timeline
Key Insights
Kuasa Visual AI
AI bukan sahaja boleh membina rekaan daripada teks, tetapi juga mampu menterjemah lakaran tangan yang ringkas menjadi antaramuka (UI) yang kelihatan profesional.
Fungsi Direct Edit
Menggunakan 'Direct Edit' adalah seperti menunjuk jari kepada pereka grafik yang duduk di sebelah anda; ia membolehkan suntingan pantas tanpa perlu mengubah keseluruhan struktur prompt asal.
Kawalan Gaya Global
Sebarang perubahan yang dibuat dalam menu 'Color Palette' akan diaplikasikan secara menyeluruh (global) kepada projek anda, memastikan konsistensi jenama pada setiap halaman.
Prompts
Contoh Suntingan Direct Edit
Target:
Direct Edit Tool
avocado crunchy chili toast
Step by Step
Cara Menghias dan Mengubah Suai Rekaan UI dengan AI
- Klik butang '+' (Plus) pada bar alatan untuk menambah inspirasi rekaan.
- Pilih dan muat naik 'Screenshot' rujukan (contoh: laman web Apple) atau 'Hand-drawn sketch' (lakaran tangan) untuk dibina semula oleh AI.
- Klik butang 'Color Palette' untuk mengakses tetapan gaya visual.
- Laraskan pilihan 'Color Palette', jenis 'Fonts', dan kebulatan bucu pada 'Corner Radius'.
- Masukkan prompt teks dalam ruangan yang disediakan untuk meminta gaya rekaan tertentu (contoh: gaya minimalis atau korporat) bagi mengubah keseluruhan tema tapak web secara automatik.
- Klik butang 'Direct Edit' untuk membuat perubahan pada elemen spesifik secara terus.
- Pilih elemen yang ingin diubah (seperti kotak teks) dan taipkan kandungan baharu (contoh: tukar 'avocado toast' kepada 'avocado crunchy chili toast').
- Gunakan ikon 'Hand' (tangan) untuk menggerakkan 'Canvas' bagi melihat bahagian rekaan yang lain.
- Klik butang 'Upload' untuk memuat naik imej tambahan yang akan digunakan sebagai rujukan inspirasi dalam aplikasi anda.
