Desain Tampilan Produk Tata Letak Bento Grid Modern — Generated result

Desain Tampilan Produk Tata Letak Bento Grid Modern

Desain Tampilan Produk Tata Letak Bento Grid Modern, menggunakan material kaca transparan akrilik buram. Cocok untuk semua jenis produk (makanan / obat / produk teknologi / elemen, dll.). 【Struktur Tata Let

Desain UIGPT Image 2Dibuat May 11, 2026
Prompt

Desain Tampilan Produk Tata Letak Bento Grid Modern, menggunakan material kaca transparan akrilik buram. Cocok untuk semua jenis produk (makanan / obat / produk teknologi / elemen, dll.). 【Struktur Tata Letak】8 modul, susunan Bento grid asimetris, format lanskap: Modul 1: 【Tampilan Utama Produk Kaca 3D】(Ukuran sedang 1x1, menempati 20-25% ruang) - Patung kaca / akrilik transparan 3D dari [Nama Produk] - [Fitur Produk]: * Makanan → Tampilkan penampang / struktur internal (misalnya, ruang biji tomat, penampang wortel) * Obat → Bentuk kaca transparan dari tablet / kapsul * Produk teknologi → Representasi artistik berbahan kaca dari tampilan produk - Efek material: Kaca transparan merah-oranye / biru / hijau, dll. [Warna Utama Produk], permukaan mengilap, pembiasan cahaya, refleksi realistis - Label teks tepat di bawah: "[Nama Produk dalam Bahasa Tionghoa] / [Nama Inggris]" - Tidak memakan terlalu banyak ruang, menyisakan area tampilan yang luas untuk modul informasi Modul 2: 【Khasiat / Fitur Inti】(Kartu standar 1x1) Judul: "Khasiat Inti" atau "Fitur Inti" atau "Fungsi Utama" Konten: 4 poin jual inti, dipisahkan dengan "/" - Makanan → "Antioksidan dan anti-penuaan / Melindungi kesehatan kardiovaskular / Mencerahkan kulit dan menutrisi rona wajah / Meningkatkan pencernaan dan penyerapan" - Obat → "Antipiretik dan analgesik / Anti-inflamasi dan anti-pembengkakan / Antiagregasi trombosit / Mencegah penyakit kardiovaskular" - Teknologi → "Active noise cancellation / Audio spasial / Adaptive EQ / Daya baterai 20 jam" Disertai ikon sederhana Modul 3: 【Cara Penggunaan / Skenario Aplikasi】(Kartu standar 1x1) Judul: "Cara Makan" atau "Cara Penggunaan" atau "Skenario Aplikasi" Konten: 4 cara penggunaan / skenario - Makanan → "Mentah: Salad / Matang: Telur orak-arik dan semur / Olahan: Saus dan jus / Paduan: Telur dan daging sapi" - Obat → "Oral: Minum dengan air hangat setelah makan / Dosis: Dewasa 100mg / Frekuensi: 1-2 kali per hari / Durasi: Sesuai anjuran dokter" - Teknologi → "Menikmati musik / Peredam bising saat komuter / Kerja dari rumah / Hiburan film" Disertai ikon skenario Modul 4: 【Data / Parameter Kunci】(Kartu standar 1x1) Judul: "Nilai Gizi" atau "Parameter Teknis" atau "Spesifikasi Produk" Konten: 5 poin data kunci - Makanan → "Kalori [X] kcal/100g / Vitamin C [X] mg / Kaya [Bahan Khusus] / Serat pangan [X] g / Kalium [X] mg" - Obat → "Komposisi: [Rumus Kimia] / Spesifikasi: [X] mg / Waktu onset: [X] menit / Waktu paruh: [X] jam / Jalur metabolisme: [Jalur]" - Teknologi → "Chip: [Model] / Daya baterai: [X] jam / Berat: [X] g / Unit driver: [Spesifikasi] / Pengisian: [X] jam" Disertai grafik visualisasi data sederhana Modul 5: 【Target Audiens / Pengguna】(Kartu standar 1x1) Judul: "Cocok untuk" atau "Pengguna Target" atau "Skenario yang Berlaku" Konten: Dibagi menjadi bagian rekomendasi (✓) dan peringatan (⚠️) - Makanan → "✓ Pasien penyakit kardiovaskular / ✓ Mereka yang mencari kecantikan dan perawatan kulit / ✓ Kelompok penurun berat badan / ✓ Konstipasi dan gangguan pencernaan / ⚠️ Perhatian: Insufisiensi ginjal / Asam lambung berlebih / Makan saat perut kosong" - Obat → "✓ Pasien demam / ✓ Nyeri ringan hingga sedang / ✓ Penyakit inflamasi / ⚠️ Kontraindikasi: Ibu hamil / Pasien asma / Tukak lambung" - Teknologi → "✓ Penggemar musik / ✓ Profesional bisnis / ✓ Komuter / ✓ Kreator konten" Dibedakan dengan ✓ hijau dan ⚠️ amber Modul 6: 【Perhatian / Panduan Penggunaan】(Kartu standar 1x1) Judul: "Perhatian Konsumsi" atau "Perhatian Penggunaan" atau "Pemberitahuan Penting" Konten: 4 pengingat penting - Makanan → "Tidak cocok dikonsumsi saat perut kosong untuk menghindari iritasi mukosa lambung / [Produk] yang belum matang mengandung [Zat Beracun] dilarang dikonsumsi / Hindari memasak suhu tinggi terlalu lama agar nutrisi tetap terjaga / [Populasi Khusus] perlu mengontrol asupan" - Obat → "Sebaiknya diminum setelah makan untuk menghindari ketidaknyamanan lambung / Tidak boleh diminum bersama [Obat yang Dikontraindikasikan] / Hindari alkohol selama pengobatan / Hentikan obat dan segera cari bantuan medis jika terjadi reaksi alergi" - Teknologi → "Penggunaan pertama memerlukan pairing perangkat / Hindari lingkungan bersuhu ekstrem / Pembersihan dan perawatan rutin / Isi daya untuk penyimpanan jika tidak digunakan dalam waktu lama" Disertai ikon peringatan Modul 7: 【Indikator Khusus】(Kartu standar 1x1) Judul: Sesuaikan menurut jenis produk - Makanan → "Kandungan Purin" menampilkan "[X] mg/100g" + "Makanan rendah purin ✓" + "Ramah asam urat" - Obat → "Reaksi Merugikan" mencantumkan efek samping umum - Teknologi → "Kompatibilitas" menampilkan sistem/perangkat yang didukung Disertai indikator atau ikon Modul 8: 【Fakta Menarik / Insight Produk】(Kartu standar 1x1) Judul: "Fakta Menarik" atau "Cerita Produk" atau "Fakta-Fakta Menarik" Konten: 2-3 fakta menarik - Makanan → "Tingkat penyerapan [Bahan] dalam [Produk] meningkat X kali setelah dipanaskan / [Produk] berasal dari [Wilayah] X tahun lalu / [Produk] yang belum matang mengandung [Zat Berbahaya]" - Obat → "[Produk] adalah salah satu [Kategori] yang paling banyak digunakan di dunia / Lebih dari [X] ton diproduksi secara global setiap tahun / Ditemukan pada [Tahun] oleh [Nama Orang]" - Teknologi → "[Produk] mengadopsi teknologi paten [Teknologi] / [Merek] pertama kali menerapkan [Fitur] pada produk konsumen / Penjualan global melampaui [X] juta unit" 【Spesifikasi Material Akrilik Buram】(Esensi Inti KRITIS): Efek material kartu: - Transparansi: 80-85% TRANSLUCENT, dapat melihat menembus kartu ke latar belakang - Efek buram: Blur kaca buram lembut, gaya backdrop-filter - Nada dasar: Efek frosting putih tipis / putih krem tipis (opasitas 15-20%), meningkatkan keterbacaan namun tetap mempertahankan transparansi - Border: Border bercahaya halus, menangkap refleksi cahaya - Bayangan: Bayangan lembut berlapis, menciptakan persepsi kedalaman melayang - Fisika kaca: Sorotan tepi kaca realistis, pembiasan cahaya, efek refleksi permukaan - Karakteristik visual: Gradien latar belakang terlihat jelas melalui kartu, seperti lembar akrilik buram asli PENTING: Kartu harus mempertahankan tekstur transparan TRANSLUCENT, jangan berubah menjadi kartu putih opak! 【Skema Warna】: Rasio warna dasar: 90% warna netral + 10% aksen warna tema produk - Lapisan dasar: Kaca transparan, abu-abu muda, putih pucat - Warna teks: Abu-abu gelap sedang #3A3A3A (lembut namun jelas, cocok untuk latar belakang transparan) - Aksen warna tema (penggunaan 10%): * Makanan → Warna alami produk (merah-oranye tomat, oranye wortel, hijau bayam, dll.) * Obat → Biru medis, putih obat, warna logo Red Cross * Teknologi → Warna utama merek (Apple silver-gray-blue, Xiaomi orange, Huawei red, dll.) - Posisi aksen: Hanya untuk ikon kunci, angka penting, simbol peringatan, subjek utama 3D - Warna peringatan: Amber orange #FF9800 untuk konten peringatan ⚠️ - Warna afirmatif: Hijau #4CAF50 untuk konten rekomendasi ✓ 【Pengaturan Latar Belakang】: - Jenis: Gradien lembut, 2-3 transisi warna serupa - Adaptasi warna produk: * Makanan → Putih krem - peach pucat - oranye muda (tone hangat) * Obat → Putih keabu-abuan muda - biru pucat - putih medis (bersih dan profesional) * Teknologi → Space gray - silver-white - biru pucat (terinspirasi teknologi) - Elemen dekoratif: Bentuk abstrak sangat lembut, terlihat samar melalui kartu kaca - PENTING: Latar belakang harus lembut dan tidak mengganggu, terlihat melalui kartu transparan tetapi tidak mengganggu keterbacaan 【Tata Letak dan Tipografi】: - Format: Lanskap 16:9 atau rasio aspek serupa - Jenis grid: Bento grid asimetris, ukuran kartu bervariasi - Alokasi ruang: * Subjek kaca 3D: 20-25% (ukuran sedang, tidak terlalu dominan) * Kartu informasi: 75-80% (7 kartu standar) - Jarak antar kartu: Ruang putih sedang, tidak padat, ruang napas yang baik - Hierarki visual: Tetapkan prioritas informasi melalui ukuran kartu, posisi, dan aksen warna - Alur baca: Dimulai dari subjek 3D kiri atas, mengalir alami ke setiap kartu informasi 【Spesifikasi Teks】: - Bahasa: Semua konten dalam bahasa Tionghoa (nama produk dapat bilingual) - Hierarki font: * Judul modul: Tebal, ukuran besar * Konten isi: Reguler, ukuran sedang * Angka data: Tebal, disorot - Keterbacaan: Teks abu-abu gelap sedang jelas dan mudah dibaca pada kaca buram - Standar satuan: * Berat: gram (g), kilogram (kg), miligram (mg) * Energi: kilokalori (kcal), kalori (cal) * Waktu: menit (min), jam (h), hari (d) * Volume: mililiter (ml), liter (l) 【Gaya Ikon】: - Jenis: Ikon garis minimalis - Ukuran: Kecil dan tidak mencolok - Warna: Garis abu-abu muda, ikon kunci diberi aksen warna tema - Tujuan: Penjelasan pelengkap, meningkatkan pengenalan visual 【Instruksi Penggunaan】: 1. Ganti [Nama Produk] dengan produk sebenarnya 2. Pilih contoh konten yang sesuai berdasarkan jenis produk (makanan / obat / teknologi) 3. Isi informasi spesifik untuk semua 8 modul 4. Sesuaikan warna tema dengan warna representatif produk 5. Pastikan tekstur transparan translusen akrilik buram tetap dipertahankan 【Standar Kualitas】: ✓ Transparansi benar (80-85%, tembus pandang) ✓ Efek blur buram terlihat namun tidak berlebihan ✓ Latar belakang terlihat melalui kartu ✓ Subjek 3D menempati ruang yang sesuai (20-25%) ✓ Informasi lengkap (semua konten 8 modul ada) ✓ Semua tampilan bahasa Tionghoa jelas ✓ Skema warna terkendali dan elegan (90% netral + 10% aksen) ✓ Tata letak nyaman dan tidak padat ✓ Tekstur kaca realistis (sorotan tepi, refleksi, pembiasan) 【Contoh Aplikasi Umum】: Makanan: 🍅Tomat, 🥕Wortel, 🍎Apel, 🥑Alpukat Obat: 💊Aspirin, Vitamin C, Ibuprofen, Penicillin Teknologi: 🎧AirPods Max, iPhone, MacBook, Tesla Elemen: ⚛️Karbon, Oksigen, Hidrogen, Nitrogen

Sumber: aiwind.orgLihat aslinya

Lebih banyak dari Desain UI

Lihat semua
Ikon UI Pixel Retro

Ikon UI Pixel Retro

tekstur ulang gambar yang dilampirkan dalam gaya estetika json berikut:{"style":"Retro Pixel UI Icons","resolution":"low (32x32 or 48x48)","color_palette":["#F2F2F2","#C0C0C0","#000000","#FFFFFF","#0000FF","#00FF00","#FFFF99","#008080"],"outline":{"enabled":true,"color":"#000000","thickness":"1px"},"shading":{"method":"dithering","colors_used":["base color","highlight","shadow"],"pattern":"checkerboard or diagonal lines"},"lighting":{"type":"flat","source":"top-left","highlight_color":"#FFFFFF","shadow_color":"#808080"},"background":{"color":"#F2F2F2","type":"plain","transparency":false},"object_properties":{"style":"pixel art","perspective":"isometric or front-facing","animation":{"enabled":false,"frame_style":"static pixel art"}}}

Ikon Bergaya Airbnb

Ikon Bergaya Airbnb

hasilkan ikon [concept] dengan gaya json ini: { "icon_style": { "perspective": "isometric", "geometry": { "proportions": "kanvas rasio 1:1, dengan objek pas nyaman di dalam margin", "element_arrangement": "objek dominan di tengah, dengan elemen pendukung ditempatkan simetris atau diagonal" }, "composition": { "element_count": "2–4 objek utama", "spatial_depth": "berlapis untuk menciptakan kesan dimensi dan sedikit elevasi", "scale_consistency": "skala objek seragam di seluruh set ikon", "scene_density": "minimal hingga moderat, mempertahankan kejelasan dan fokus visual" }, "lighting": { "type": "cahaya ambient lembut", "light_source": "arah halus dari kanan-atas atau depan-atas", "shadow": "bayangan jatuh lembut di bawah dan belakang objek", "highlighting": "pencahayaan tepi ringan untuk menegaskan bentuk" }, "textures": { "material_finish": "permukaan semi-matte hingga satin", "surface_treatment": "halus dengan variasi taktil ringan (misalnya serat kayu, tekstur lembut)", "texture_realism": "naturalisme bergaya tanpa noise hiper-realistis" }, "render_quality": { "resolution": "rendering octane 3D resolusi tinggi", "edge_definition": "tegas, tanpa outline; pemisahan dicapai melalui pencahayaan dan kedalaman", "visual_clarity": "bentuk bersih dan mudah dibaca dengan kekacauan minimal" }, "color_palette": { "tone": "naturalistis dengan sedikit peningkatan saturasi", "range": "nuansa redup harmonis dengan kontras lembut", "usage": "warna berbeda per objek untuk meningkatkan identifikasi dan keterbacaan" }, "background": { "color": "#FFFFFF", "style": "putih murni, datar", "texture": "tidak ada" }, "stylistic_tone": "premium, ramah, bersih dengan daya tarik gaya hidup atau berorientasi layanan", "icon_behavior": { "branding_alignment": "cukup netral untuk aplikasi yang luas", "scalability": "tetap terbaca pada ukuran kecil dan sedang", "interchangeability": "bagian dari sistem ikon yang kohesif dengan materi subjek yang dapat dipertukarkan"} } }

Kartu Tipe Kepribadian MBTI dari Adegan Opera Terkenal

Kartu Tipe Kepribadian MBTI dari Adegan Opera Terkenal

# Tujuan Tugas

Widget Cuaca Minimalis

Widget Cuaca Minimalis

buat gambar dengan rasio 1:1 estetika minimal surealis, bingkai jendela pesawat pada latar belakang gradasi halus dengan warna yang sama, melalui jendela oval menampilkan pemandangan landmark ikonik acak dari [Country Name], antarmuka ui cuaca overlay di tengah jendela, dari atas ke bawah, berisi ikon cuaca kecil, suhu besar dengan font tipis elegan, dan tag lokasi kecil di bawahnya, bagian bawah adalah nama negara, hasilkan dengan cuaca ekstrem, jendela akan terpengaruh oleh cuaca, kombinasi warna latar belakang gradasi halus selaras dengan cuaca, pencahayaan alami, bayangan lembut, pantulan halus pada kaca, ruang negatif yang baik

Kartu Infografis Bergaya Gambar Tangan

Kartu Infografis Bergaya Gambar Tangan

Buat sebuah kartu infografis bergaya gambar tangan, dengan rasio vertikal 9:16. Tema kartu harus jelas, dengan latar belakang krem atau putih gading bertekstur kertas, dan desain keseluruhan menampilkan estetika gambar tangan yang sederhana serta ramah. Di bagian atas kartu, tonjolkan judul dengan font kaligrafi kuas gaya cursive berukuran besar berwarna merah-hitam yang kontras kuat untuk menarik fokus visual. Seluruh isi teks menggunakan kaligrafi cursive bahasa Mandarin, dengan tata letak keseluruhan dibagi menjadi 2 hingga 4 bagian kecil yang jelas; tiap bagian menggunakan frasa Mandarin yang singkat dan padat untuk menyampaikan poin inti. Font mempertahankan ritme alur cursive yang luwes, tetap jelas terbaca sekaligus bernuansa artistik. Kartu dihiasi ilustrasi atau ikon gambar tangan yang sederhana dan menarik, seperti tokoh atau simbol perlambang, untuk meningkatkan daya tarik visual serta memicu pemikiran dan resonansi pembaca. Tata letak keseluruhan memperhatikan keseimbangan visual, menyisakan ruang kosong yang cukup, memastikan tampilan ringkas dan jelas, serta mudah dibaca dan dipahami. Temanya adalah: “Membangun IP adalah bunga majemuk jangka panjang; tekun tampil setiap hari, terus kerjakan, pasti akan ada hasil, karena 99% orang tidak mampu bertahan.”

Buat Karakter GTA Versimu Sendiri

Buat Karakter GTA Versimu Sendiri

Bertindaklah sebagai direktur kreatif di Rockstar Games. Buat lembar karakter GTA VI fiktif dengan gaya yang persis sama seperti gambar promosi resmi GTA VI. Tata letaknya harus: Lembar karakter horizontal, dengan karakter di sisi kanan, dalam pose dinamis yang mencerminkan kepribadian mereka. Di sisi kiri, sertakan teks terstruktur berikut: Logo kecil "VI" di kiri atas (sebutkan secara visual). Nama karakter dalam teks besar dan tebal. Slogan atau tagline yang menarik tepat di bawahnya dengan warna cerah yang berbeda. Latar belakang singkat (3–5 baris) ditulis dengan nada ironis, cerdas ala jalanan, atau jenaka — seperti gaya bahasa Rockstar. Gunakan estetika Vice City yang vibrant dengan pencahayaan matahari terbenam, aksen neon, dan gaya komik cel-shaded. Pakaian, aksi, dan lingkungan karakter harus mencerminkan arketipe dan latar belakangnya. Biarkan saya menyesuaikan variabel berikut: Arketipe: {pilihanmu} Gender: {pilihanmu} Warna kulit: {pilihanmu} Gaya rambut: {pilihanmu} Emosi : {pilihanmu} Pakaian: {pilihanmu} Senjata atau aksi: {pilihanmu} Detail latar belakang: {pilihanmu} Hasilkan nama fiktif pada judul dan deskripsi dalam bahasa Inggris Format hasil akhir seperti pengungkapan aset dalam game yang sudah jadi. Vibenya harus berlebihan, stylish, dan penuh kepribadian — seolah bagian dari dunia GTA VI yang nyata. (jika bagian "pilihanmu" tidak diisi dengan informasi personal, kamu yang harus membuatnya secara acak) hasilkan visualnya langsung mulai sekarang