Koyu Mod JSON Fark Aracı Arayüz Tasarımı
JSON API farkı ve kod karşılaştırma aracı için şık, koyu modda bir masaüstü arayüz tasarımı oluşturur.
Komut
Hedef: Tilted Diffs adlı bir JSON fark aracı için, API Response — Checkout v2 başlıklı bir API yanıt karşılaştırmasını gösteren, koyu modda bir masaüstü uygulama arayüzü tasarımı oluşturun.
Tuval: Yaklaşık 1152×768 boyutlarında, 16:10 geniş ekran masaüstü ekran görüntüsü; koyu mavimsi bir degrade arka plan üzerinde yüzen macOS tarzı bir uygulama penceresi. İnce gölgeler, yuvarlatılmış köşeler, ince kenarlıklar ve profesyonel bir geliştirici aracı estetiği kullanın.
Düzen: Uygulama 4 ana bölgeye sahiptir: 1 sol kenar çubuğu, düzenleyici alanını kapsayan 1 üst araç çubuğu ve 3 dikey kod düzenleyici paneli. İlk düzenleyici paneli seçilidir ve parlak mavi bir odak ışığıyla çevrelenmiştir. Orta panel, renkli satır içi fark vurgularını gösterir. En sağdaki panel dardır ve ek bir dosya sekmesi veya üçüncü bir karşılaştırma sütunu gibi kısmen görünür durumdadır.
Sol kenar çubuğu: Sol üstte macOS trafik ışığı düğmelerini gösterin: kırmızı, sarı ve yeşil olmak üzere 3 daire. Uygulama adının altında, “Search diffs…” yer tutucu metnini ve bir klavye ipucunu içeren 1 arama alanı ekleyin. Altında, küçük belge simgeleri ve zaman damgalarıyla tam olarak 8 adet kaydedilmiş fark listesi öğesi gösterin: 1) “API Response — Checkout v2” ve “Today, 10:24 AM”, seçili öğe olarak mavi renkle vurgulanmış; 2) “User Profile — Public API” ve “Yesterday, 4:18 PM”; 3) “Orders Endpoint — v1 vs v2” ve “May 20, 2025, 9:14 AM”; 4) “Product Catalog — EU Region” ve “May 19, 2025, 2:47 PM”; 5) “Auth Response — SSO” ve “May 18, 2025, 11:03 AM”; 6) “Billing Summary — Q2” ve “May 17, 2025, 3:22 PM”; 7) “Webhook Payload — Stripe” ve “May 16, 2025, 10:11 AM”; 8) “Search Results — Relevance” ve “May 15, 2025, 5:35 PM”. En altta tam olarak 1 adet belirgin mavi “+ New Diff” düğmesi ve 1 küçük dişli simgesi ekleyin.
Üst araç çubuğu: Solda, küçük bir düzenleme kalemi simgesiyle birlikte “API Response — Checkout v2” başlığını görüntüleyin. Ortaya, tam olarak 2 sekmeden oluşan bölümlü bir kontrol yerleştirin: Mavi renkle seçili “Editors” ve etkin olmayan “Diff”. Sağ tarafa, “⌘T add column”, “⌘D toggle diff”, “⌘← / ⌘→ move focus” etiketli tam olarak 4 kompakt kısayol kontrolü ve gruplar arasında küçük bir boşluk ekleyin.
Düzenleyici panelleri: Eş aralıklı (monospaced) bir kod yazı tipi, satır numaraları, JSON sözdizimi vurgulama, koyu lacivert paneller ve ince yuvarlatılmış kenarlıklar kullanın. Sol panel başlığı, belge simgesi ve üç noktalı menü ile “source.json” şeklindedir. Orta panel başlığı, belge simgesi ve üç noktalı menü ile “target.json” şeklindedir. Dar sağ panel başlığı “more.json” şeklindedir ve taşmayı ima edecek şekilde kodun yalnızca sol kısmını göstermelidir. Her tam düzenleyici panelinin altında “Ln 1, Col 1”, “Spaces: 2”, “UTF-8”, “LF” ve “JSON” bilgilerini içeren bir durum çubuğu bulunur.
Kod içeriği: Bir sipariş ödeme yanıtı için JSON gösterin. requestId “req_8f3a9b42”, orderId “ord_123456”, para birimi USD, Wireless Headphones (Kablosuz Kulaklık) ve Travel Case (Seyahat Çantası) için öğeler ve gönderim bilgileri kullanın. Sol kaynak sürümü “2025-05-21T10:24:31Z” zaman damgasını, “v1” sürümünü, “pending” durumunu, 129.99 toplam tutarı, 99.99 birim fiyatlı ve indirimsiz Wireless Headphones, 1 adet 30.00 birim fiyatlı ve indirimsiz Travel Case, “standard” gönderim yöntemi, 5 tahmini gün ve “123 Market St” adres satırını içermelidir. Orta hedef sürümü, sol kenar boşluğunda fark işaretlerini ve renkli satır vurgularını göstermelidir: kırmızı kaldırılan satırlar, yeşil eklenen satırlar, sarı değiştirilen satırlar. Zaman damgasının “2025-05-20T15:11:09Z”den “2025-05-21T10:24:31Z”ye, sürümün v2'ye, durumun pending'den confirmed'a, toplam tutarın 139.99'a, Wireless Headphones birim fiyatının 109.99'a ve indirimin 10.00 olarak eklendiğini, Travel Case miktarının 2'ye ve gönderim yönteminin 2 tahmini gün ile express'e değiştirildiğini gösterin. Her tam düzenleyicide yaklaşık 32 numaralı satır gösterin.
Görsel stil: Premium SaaS geliştirici aracı arayüzü, keskin vektör benzeri işleme, koyu tema, kobalt mavisi vurgu rengi, soluk gri metin, gerçekçi ancak temiz bir arayüz ekran görüntüsü; insan yok, filigran yok, uygulama penceresi dışında tarayıcı kromu yok. Tüm metinleri okunaklı tutun ve bir ızgaraya hizalayın.
Bu prompt nasıl kullanılır
- 1
Yukarıdaki tam prompt'u kopyalayın.
- 2
GPT Image 2'i destekleyen bir platform açın (örneğin YouMind) ve prompt'u yapıştırın.
- 3
Konuyu, stili veya ayrıntıları fikrinize göre değiştirin ve üretin.
Bu, YouMind'ın prompt kütüphanesinden ücretsiz bir AI prompt'udur. Kopyalayıp uyarlayabileceğiniz binlerce görsel prompt'u daha keşfedin.
Daha fazla görsel prompt'u keşfetGPT Image 2 için daha fazla
Minimalist Şehir Seyahat Posteri
@Taaruk
Nane Rengi Anime Müzik Çalar Duvar Kağıdı
@あまり🖋️AI &フリー素材配布
Cyberpunk Sınırlı Üretim Akıllı Saat Posteri
@あまり🖋️AI &フリー素材配布
Beş Çerçeveli Minimalist Portre Kolajı
@Cherry 2.O
Aksesuarlı Moda İllüstrasyonu
@Zephyra Leigh
Threads'ten İlham Alan Sinematik Moda Portresi
@Aijaz
Tüm Görsel kategorileri
01
Kullanım alanları
02
Stiller
Daha Fazla Prompt Özelliği
Yapay Zekâ Kütüphanesi
Yapay zekayla prompt arama
Yapay zekanın on binlerce komutu taramasına izin ver. Modele, tarih aralığına ve anahtar kelimeye göre filtrele; görüntülenme, kaydetme, paylaşım gibi etkileşim metriklerine göre sırala.
Görsel Araçlar
Görselden Prompt'a
Her fotoğrafı ayrıntılı bir AI görsel prompt'una dönüştürün. Ücretsiz görselden prompt'a dönüştürücü kompozisyonu, stili ve ışığı analiz eder; istediğiniz görünümü saniyeler içinde yeniden yaratırsınız.
Diğer Prompt Özellikleri
Modele göre
Yapay Zeka Araçları
Yaratıcılar için geliştirildi. Sonsuza kadar ücretsiz.
YouMind, dünya çapında yaratıcıların güvendiği AI yaratıcı yardımcıdır. Buradaki her prompt daha hızlı ve daha iyi üretmen için özenle seçildi.