Metinden Dijital Ürün Arayüzü Tasarımı
Visily tasarım aracını kullanarak dijital ürünler için modern, kullanıcı odaklı arayüz tasarımı taslakları oluşturur. Projenizin adı, tasarım stili ve hedef kitle demografisine uygun User Interface (UI) ve User Experience (UX) konseptleri geliştirir. Visily'nin otomatik düzen ve bileşen önerilerinden aktif biçimde yararlanarak tasarım sürecini hızlandırır.
Belirlediğiniz ana özellikler için gerekli ekranları, etkileşimleri ve kullanıcı akışlarını detaylandırır. Her özellik için ana ekran tasarımı, ilgili alt ekranlar ve sezgisel arayüz çözümleri sunar. Temiz çizgiler, basit ikonografi ve okunabilir tipografi kullanarak tutarlı bir görsel dil oluşturur.
Renk paleti önerilerinde kurumsal kimliğinizi veya tercihlerinizi dikkate alır. WCAG 2.1 AA seviyesi gibi erişilebilirlik standartlarına uyum sağlar; yüksek kontrast, yeterli dokunma hedefleri ve diğer erişilebilirlik gereksinimlerini karşılar. Mobil öncelikli tasarım, karanlık mod desteği gibi ek isteklerinizi entegre eder.
Düşük-orta kaliteli wireframe'lerle başlayarak anahtar ekranlar için yüksek kaliteli mockup'lar üretir. Çıktı formatı, prototipleme ve geliştirme süreçlerine doğrudan aktarılabilir niteliktedir.
{ }Değişken Açıklamaları:
- [PROJE ADI]: Tasarımı yapılacak dijital ürünün veya projenin adı. Örneğin: E-ticaret mobil uygulaması, Kurumsal dashboard, Fitness takip platformu
- [TASARIM TARZI]: Tercih edilen tasarım stili veya estetik yaklaşım. Örneğin: Minimalist, modern, material design, flat design
- [HEDEF KİTLE]: Ürünün hedeflediği kullanıcı grubu veya demografik profil. Örneğin: 18-25 yaş arası öğrenciler, kurumsal yöneticiler, 40+ yaş aktif kullanıcılar
- [ANA ÖZELLİKLER 1]: Birinci ana özellik ve bu özelliği destekleyen ekran tasarımı gereksinimleri. Örneğin: Kullanıcı girişi ve profil yönetimi, Ürün arama ve filtreleme
- [ANA ÖZELLİKLER 2]: İkinci ana özellik ve ilgili ekranlar ile kullanıcı akışı. Örneğin: Sepet ve ödeme süreci, Sosyal paylaşım ve yorum sistemi
- [ANA ÖZELLİKLER 3]: Üçüncü ana özellik için sezgisel arayüz tasarımı. Örneğin: Bildirim merkezi, Raporlama ve analitik gösterimi
- [ANA ÖZELLİKLER 4]: Dördüncü ana özellik ve gerekirse ek ekranlar ile alt akışlar. Örneğin: Ayarlar ve kişiselleştirme, Destek ve yardım merkezi
- [İSTEKLER RENKLER]: Renk paleti tercihleri ve kurumsal renk gereksinimleri. Örneğin: Kurumsal mavi tonları ve griler, pastel renkler, canlı ve enerjik tonlar
- [İSTEKLER ERIŞILEBILIRLIK]: Uyulması gereken erişilebilirlik standartları ve gereksinimleri. Örneğin: WCAG 2.1 AA seviyesi, yüksek kontrast, yeterli dokunma hedefleri
- [İSTEKLER DIĞER]: Mobil öncelik, karanlık mod gibi ek tasarım istekleri. Örneğin: Mobil-first tasarım önceliği, karanlık mod desteği, animasyon kullanımı
Değişkenleri Düzenle
Create a modern, user-centric interface design draft for [PROJE ADI] with the following features. Actively utilize Visily's automated layout and component suggestions during the design process.
1. **Overall Concept**: Develop a [TASARIM TARZI] User Interface (UI) and User Experience (UX) design for [PROJE ADI], targeting the [HEDEF KİTLE] demographic.
2. **Key Features**: Design the necessary screens and interactions for the following core features:
* [ANA ÖZELLİKLER 1]: Design the main screen and required interactions supporting this feature.
* [ANA ÖZELLİKLER 2]: Detail the relevant screens and user flow for this feature.
* [ANA ÖZELLİKLER 3]: Develop an intuitive interface for this function.
* [ANA ÖZELLİKLER 4]: Add additional screens and sub-flows if necessary.
3. **Design Guidelines**:
* **Style**: Use clean lines, simple iconography, and legible typography consistent with the [TASARIM TARZI] aesthetic.
* **Color Palette**: Suggest a color palette considering [İSTEKLER RENKLER] (e.g., corporate blue tones and grays, pastel colors).
* **Accessibility**: Ensure compliance with [İSTEKLER ERIŞILEBILIRLIK] standards (e.g., WCAG 2.1 AA level, high contrast, sufficient touch targets).
* **Additional Notes**: Integrate specific requests like [İSTEKLER DIĞER] (e.g., mobile-first design priority, dark mode support).
4. **Output Format**: Generate low-to-mid-fidelity wireframes initially, followed by high-fidelity mockups for key screens, along with a UI kit (colors, fonts, components) suggestion.
Design Tool: Visily
Create a modern, user-centric interface design draft for [PROJE ADI] with the following features. Actively utilize Visily's automated layout and component suggestions during the design process.
1. **Overall Concept**: Develop a [TASARIM TARZI] User Interface (UI) and User Experience (UX) design for [PROJE ADI], targeting the [HEDEF KİTLE] demographic.
2. **Key Features**: Design the necessary screens and interactions for the following core features:
* [ANA ÖZELLİKLER 1]: Design the main screen and required interactions supporting this feature.
* [ANA ÖZELLİKLER 2]: Detail the relevant screens and user flow for this feature.
* [ANA ÖZELLİKLER 3]: Develop an intuitive interface for this function.
* [ANA ÖZELLİKLER 4]: Add additional screens and sub-flows if necessary.
3. **Design Guidelines**:
* **Style**: Use clean lines, simple iconography, and legible typography consistent with the [TASARIM TARZI] aesthetic.
* **Color Palette**: Suggest a color palette considering [İSTEKLER RENKLER] (e.g., corporate blue tones and grays, pastel colors).
* **Accessibility**: Ensure compliance with [İSTEKLER ERIŞILEBILIRLIK] standards (e.g., WCAG 2.1 AA level, high contrast, sufficient touch targets).
* **Additional Notes**: Integrate specific requests like [İSTEKLER DIĞER] (e.g., mobile-first design priority, dark mode support).
4. **Output Format**: Generate low-to-mid-fidelity wireframes initially, followed by high-fidelity mockups for key screens, along with a UI kit (colors, fonts, components) suggestion.
Bu Prompt Seni Bekliyor
Visily için hazırlanmış bu promptu anında kopyala, kullan.
Ücretsiz üye ol, binlerce prompta eriş.
10 saniyede üye ol, sınırsız prompt keşfet
Nile
Bu prompt kullanmadan önce düzenlemeniz gereken 10 değişken içerir.
Keşfet
Alternatif Araçlar
Biliyor muydunuz?
Prompt zinciri (prompt chaining) kullan: İlk promptla taslak çıkar, ikinci promptla 'Şimdi bunu daha profesyonel, kısa ve vurucu hale getir' diyerek iterasyon yap.
En Popüler
İlgili Etiketler
Benzer promptlar
Topluluk Görüşleri
Bu içerik hakkında üyeler neler düşünüyor?
Topluluğa Katılın
Promptlarını paylaşmak, favorilerini kaydetmek ve içerik üreticileriyle etkileşime geçmek için hemen ücretsiz üye ol.