Kesamaan AI: Menjaga Kepribadian Merek Saat AI Menghasilkan UI Anda
Mengapa generator AI UI menghasilkan antarmuka yang mirip, dan cara praktis untuk mempertahankan identitas yang berbeda: tipografi, warna, tata letak, gerakan, ilustrasi, dan suara.
Pengambilan Inti
Generator AI UI beralih ke pilihan paling umum dalam data pelatihannya, itulah sebabnya begitu banyak antarmuka yang dihasilkan menggunakan font, gradien, dan tata letak yang sama. Agar tetap berbeda, berikan aturan merek yang eksplisit kepada AI: pasangan tipe Anda, cerita warna, prinsip tata letak, karakter gerakan dan suara, serta contoh. Kemudian berikan penilaian desainer pada bagian-bagian yang paling diperhatikan pengguna.
Mengapa antarmuka yang dihasilkan AI terlihat mirip
Anthropic yang membuat Claude sudah menjelaskan langsung penyebabnya. Tanpa bimbingan, model yang diminta untuk membuat halaman arahan biasanya akan memilih Inter, gradien ungu di atas putih, dan animasi minimal. Penjelasan mereka adalah konvergensi distribusi: model memprediksi pilihan berikutnya yang paling mungkin, dan pilihan desain umum yang aman mendominasi data web yang mereka pelajari. Postingan yang sama juga mencatat kabar baiknya: model sangat mudah dikendalikan, dan instruksi spesifik segera mengubah output.
Dimana kepribadian sebenarnya hidup
Pengguna mengenali suatu produk melalui beberapa keputusan. Tuliskan masing-masing aturan sebagai aturan yang dapat diikuti oleh AI:
- Tipografi: pasangan dan skala tertentu, serta font mana yang harus dihindari.
- Warna: palet yang terkait dengan cerita Anda, dengan aturan aksen dan latar belakang.
- Tata letak: kepadatan, kisi, dan bentuk yang berulang (sudut, batas, kedalaman).
- Gerakan: bagaimana benda bergerak, dari tajam dan cepat ke lembut dan kenyal, dan kapan tidak bergerak.
- Ilustrasi dan citra: gaya, subjek, dan apa yang tidak pernah muncul.
- Suara: bagaimana tombol, kesalahan, dan status kosong ditulis.
Gerakan dan sentuhan sebagai tanda tangan
Gaya statis mudah ditiru dan mudah ditiru oleh AI. Bagaimana rasanya sebuah antarmuka ketika Anda menekan, menyeret, atau menunggu lebih sulit. Karakter gerakan yang konsisten, dorongan tertentu pada media, cara penyelesaian lembaran, reaksi kecil terhadap kesuksesan, menjadi bagian dari merek. Definisikan sebagai token gerak dan beberapa komponen tanda tangan daripada membiarkan setiap layar memilih waktunya sendiri.
Alur kerja yang mempertahankan merek
Gunakan AI ketika kesamaan tidak penting, seperti draf pertama, alat internal, dan varian berulang, dan pertahankan waktu desain untuk momen-momen yang diketahui pengguna: orientasi, status kosong, tindakan penting, dan momen sukses. Berikan alat AI pada sistem desain Anda melalui MCP atau ringkasan tertulis, dan tinjau layar yang dihasilkan berdasarkan daftar periksa singkat aturan merek Anda.
Kunci Principles untuk Diingat
- UI yang dihasilkan menyatu pada pilihan paling umum
- Model mengikuti aturan merek tertentu dengan baik; petunjuk yang tidak jelas mendapatkan hasil yang umum
- Tulis aturan untuk jenis, warna, tata letak, gerakan, citra, dan suara
- Gerakan dan interaksi terasa sulit untuk ditiru dan sinyal merek yang kuat
- Habiskan waktu desain pada momen yang paling diperhatikan pengguna
Pertanyaan yang Sering Diajukan
Sumber
- Improving frontend design through Skills — Blog Claude (Antropik)
- Motion — Pedoman Antarmuka Manusia Apple
- Motion overview — Material Design 3