Arayüz tanıtımı

Promake arayüzünü tanıyalım. Her bir bölümün ne işe yaradığını anlamak, platformu daha verimli kullanmanıza yardımcı olacaktır.

Ana Ekran Düzeni

Bir proje açıkken ekranınız iki ana bölümden oluşur:

Sol Panel: Sohbet Alanı

Yapay zeka ile iletişim kurduğunuz alan:

• Mesaj geçmişi - Tüm konuşmalar burada görünür
• Giriş alanı - Mesajlarınızı buraya yazarsınız
• Dosya ekleme - Referans görseller ekleyebilirsiniz

Sağ Panel: Önizleme/Kod

Web sitenizin gösterildiği alan:

• Önizleme modu - Sitenizi canlı olarak görün
• Kod modu - Kaynak kodunu görüntüleyin/düzenleyin

Üst Araç Çubuğu

Sol Taraf

• Profil/Logo - Ayarlara ve menüye erişim
• Proje adı - Tıklayarak düzenleyebilirsiniz
• Dropdown menü - İsim değiştirme, silme seçenekleri

Sağ Taraf

• Ana Sayfa - Chat ana sayfasına dönüş
• Geçmiş - Versiyon geçmişini görüntüleme
• Yükselt - Plan yükseltme (varsa)

Önizleme Araç Çubuğu

Önizleme panelinin üzerindeki kontroller:

Navigasyon

• ← Geri - Önceki sayfaya git
• → İleri - Sonraki sayfaya git
• 🏠 Ana Sayfa - Site ana sayfasına dön
• 🔄 Yenile - Önizlemeyi yenile

Görünüm Seçenekleri

• Cihaz seçici - Masaüstü/tablet/mobil görünüm
• Tam ekran - Önizlemeyi genişlet
• Düzenleme Aracı - Görsel düzenleme modunu aç/kapa
• Kod - Kod editörüne geç

Yayınlama

• Yayınla butonu - Sitenizi canlıya alın

Chat Paneli Detayları

Mesaj Tipleri

Durum Göstergeleri

• Yazıyor... - AI yanıt hazırlıyor
• İşleniyor... - Değişiklikler uygulanıyor
• Tamamlandı - İşlem bitti

Giriş Alanı

• Metin kutusu - Mesajınızı yazın
• 📎 Ataç ikonu - Dosya eklemek için
• ↑ Gönder - Mesajı gönderin

Önizleme Paneli Detayları

Etkileşimli Önizleme

Önizleme sadece görüntü değil:

• Linklere tıklayabilirsiniz
• Formları doldurabilirsiniz
• Scroll yapabilirsiniz
• Butonları test edebilirsiniz

Cihaz Modları

| Mod | Genişlik | Kullanım | | -------- | ------------ | -------------------------- | | Masaüstü | Tam genişlik | Normal bilgisayar görünümü | | Tablet | Orta | Tablet cihazlar | | Mobil | Dar | Telefon görünümü |

Profil Menüsü

Profil ikonuna tıklayınca:

• Kullanıcı bilgileri - İsim ve email
• Abonelik - Plan durumu
• Ayarlar - Hesap ayarları
• Görünüm - Tema seçimi
• Destek - Yardım merkezi
• Çıkış - Oturumu sonlandır

Ayarlar Paneli

Ayarlar birkaç sekmeye ayrılmıştır:

• Profil - İsim, avatar, şifre
• Görünüm - Tema, dil
• Faturalama - Abonelik, ödemeler
• Domain - Domain ve email yönetimi
• Gelişmiş - Ek ayarlar

Klavye Kısayolları

| Kısayol | İşlem | | ------------ | --------------------- | | Enter | Mesaj gönder | | Ctrl/Cmd + S | Kod editöründe kaydet | | Esc | Modal/popup kapat |

Mobil Arayüz

Mobil cihazlarda:

• Sekmeli görünüm - Chat ve Önizleme arasında geçiş
• Alt menü - Tab butanları
• Kompakt tasarım - Mobil optimizasyonlu