Mobil uygulama

Deniz Canlıları Koleksiyonu Uygulaması Tasarımı

Abyssal Log, deniz canlıları koleksiyonunu dalış görevlerine bağlar. Her bilinmeyen kayıt, kendisini açmak için gereken görevi ve kalan ilerlemeyi açıklar.

OpenDesignTasarım ve üretim
Resmi
Derin deniz keşfi ve koleksiyonu4 ekran
Deniz canlıları koleksiyonu uygulaması tasarımı: mevcut örnek ve keşif kartı Deniz canlıları koleksiyonu uygulaması tasarımı: dalış görevleri ve keşif koşulları
Mevcut örnek ve keşif kartı · Dalış görevleri ve keşif koşulları

LLM Arena Eylül 2026

Vaka notları
Model
Claude Opus 5
Tasarım görevi
Derin deniz canlıları kart koleksiyonu uygulaması
Çıktı
Mobil uygulama

Kimler için tasarlandı?

  • Canlı örnekleri koleksiyonu uygulamalarıGörsel bir kataloğu işe yarar keşif kayıtlarına bağlayın.
  • Görev odaklı arayüzlerBir öğe erişilebilir hâle gelmeden önce yapılması gerekenleri gösterin.
  • Mobil öğrenme ürünleriKeşif verilerini daha kapsamlı referans bilgilerinden ayırın.

Öne çıkan özellikler

  • Öne çıkan bir örnekTek bir görsel, nadirlik, keşif derinliği ve gözlem zamanına giriş sağlar.
  • İki gezinme yoluOkyanus bölgesi ve nadirlik, aynı koleksiyonu düzenler.
  • Ölçülebilir dalış görevleriİstasyonda bekleme, geçiş ve örnek sayıları her görevin ilerlemesini somutlaştırır.
  • Açık kilit açma koşullarıBilinmeyen kayıtlar, görevi ve hâlâ yapılması gerekenleri belirtir.

Her keşfi açıklayan bir deniz canlıları koleksiyonu uygulaması

Abyssal Log, küçük kartlarla dolu bir ekran yerine öne çıkan bir örnekle başlar. Görüntülenen durumda Atolla denizanası; bilimsel adının, nadirliğinin, keşif derinliğinin ve ilk gözlem zaman damgasının üzerinde yer alır. Bu bilgilerin altında View record ve Dive bulunur. Eylemlerden biri mevcut kayda ilişkin daha fazla bilgi açarken diğeri koleksiyonu genişletecek görevlere yönlendirir.

Üst bölümde 11 / 18 kaydedildiği belirtilir; aşağıdaki koleksiyonda hem keşfedilmiş canlılar hem de Unknown kayıtlar bulunur. Böylece sayfa, koleksiyon tamamlanmadan önce de toplam kapsamını gösterir. Bilinmeyen kartlar yalnızca dekoratif silüetler değildir: görevin adını ve kalan koşulu belirterek tamamlanmamış kayda işlevsel bir rol verirler.

Öne çıkan Atolla denizanasının tam ekranında örnek görseli, nadirliği, keşif derinliği, gözlem zamanı ile kayıt ve dalış eylemleri gösterilir.
Öne çıkan Atolla denizanasının tam ekranında örnek görseli, nadirliği, keşif derinliği, gözlem zamanı ile kayıt ve dalış eylemleri gösterilir.

Keşif verilerini referans bilgilerinden ayrı tutun

Öne çıkan kart ve tam kayıt aynı canlıya aittir, ancak farklı soruları yanıtlar. Kart bu keşfi özetler. Kayıt ise araç etiketini, derinlik aralığını, boyutu ve açıklamayı ekler. Bu ayrım, tekil bir gözlemin genel bir tür özelliğiyle karıştırılmaması gereken saha rehberi tasarımlarında özellikle yararlıdır.

Atolla denizanası kaydındaki alanların farklı işlevleri
AlanGörüntülenen örnekArayüzdeki işlevi
Keşif derinliği1,560 mBu kayda bağlı örnek gözlemini tanımlar.
Derinlik aralığı1,000–4,000 mBu tek keşfin derinliğini değil, daha geniş bir referans aralığını verir.
İlk gözlem11 Ağu 2025 · 21:33Demonstrasyon kaydını zaman içinde konumlandırır.
AraçROV VentanaÖrneğin kimliğini değiştirmeden örnek gözlemine bağlam ekler.
BoyutÇan yaklaşık 15 cmBirimi açıkça belirtilmiş, ayrı bir referans bilgisi sunar.

Bilinmeyen bir örneği eyleme dönük bir göreve dönüştürün

Expeditions ekranı, farklı ilerleme birimlerine sahip yedi görev içerir. Twilight zone station hold, 3 / 3 istasyonda beklemeye ulaşmıştır ve Complete and unlock eylemini sunar. Large cephalopod sonar trace, 5 / 6 geçiştedir ve Log a dive · +1 eylemini sunar. Bu eylemler arasındaki fark, kullanıcı dokunmadan önce sonraki adımı görünür kılar.

Bu birimler önemlidir. Üç istasyonda bekleme, altı geçiş ve beş profil birbirinin yerine kullanılabilecek ilerleme puanları değildir. Arayüz, görevi adlandırıp birimini koruyarak ilerleme çubuğuna anlaşılır bir anlam kazandırır. Tamamlanmış bir ölçüm ile kilidi açılmış bir kayıt da ayrı durumlardır: hazır görev, ziyaretçiden keşfi hâlâ sahiplenmesini ister.

Tam görev ekranı, koşulu karşılanmış bir görevi hâlâ sürmekte olan görevlerle karşılaştırır; her görevin birimini ve açtığı kaydı korur.
Tam görev ekranı, koşulu karşılanmış bir görevi hâlâ sürmekte olan görevlerle karşılaştırır; her görevin birimini ve açtığı kaydı korur.

Kilitli kartı gereksinimine bağlayın

Unknown · 004, Twilight zone station hold görevini adlandırır ve 0 holds to go ifadesini gösterir. Görev ekranı ardından Complete and unlock eylemini sunar. Bu etiketlerin ilişkilendirilmesi, ölçümü tamamlanmış olsa bile kartın neden hâlâ bilinmeyen durumda olduğunu ziyaretçiye açıklar: son kilit açma eylemi henüz gerçekleştirilmemiştir.

Farklı durumlar için farklı eylemler kullanın

Log a dive · +1 kademeli ilerlemeyi, Complete and unlock ise koleksiyona geçişi ifade eder. Bu etiketleri ayrı tutmak, her kartta aynı düğmeyi gösterip ne işe yaradığını ziyaretçinin keşfetmesini beklemekten daha yararlıdır.

Gezinmeye ayrı kontroller sağlayın

Okyanus bölgesi ve nadirlik filtreleri örnek koleksiyonuna, görev ilerlemesi ise Expeditions bölümüne aittir. Böylece mevcut bir kaydı bulmak ile yeni bir kayda ulaşmak için çalışmak birbirinden ayrılır. Arama, boş sonuç durumları veya daha uzun bir görev listesi eklenirken bu ayrım korunmalıdır.

Bu deniz canlıları uygulaması prototipi ne gösteriyor?

Abyssal Log, yerel olarak çalışan bir koleksiyon ve görev prototipidir. Kaynak, gözlem zaman damgalarını ve araçları açıkça demo kayıtları olarak tanımlar. Biyoloji bilgileri, nadirlik kategorileri ve derinlik değerleri bağımsız olarak doğrulanmış bilimsel referanslar değildir. Yalıtılmış önizlemede canlı bir keşif seferi veri akışı veya bulut hesabı yoktur. Sağlanan görseller yerel inceleme için korunmuştur; kamuya açık kullanımdan önce yeniden dağıtım izinleri ayrıca kontrol edilmelidir.

OpenDesign'da deniz canlıları koleksiyonu uygulaması tasarımı nasıl oluşturulur?

  1. OpenDesign'ı İndirin ve Kurun

    Masaüstü uygulamasını indirin, kurun ve kurulumu tamamlayın. Tasarımınız için bir proje oluşturun.

    OpenDesign'ı İndir
  2. Örneklerle görevler arasındaki ilişkiyi tanımlayın

    Küçük bir katalog ve her bilinmeyen kaydın nasıl açılacağına ilişkin açık bir kuralla başlayın. Aşağıdaki yeni tasarım istemini, ilk tasarımcının sürecine ilişkin bir iddia olarak değil, uygulamaya dönük bir başlangıç noktası olarak kullanın.

    Önerilen Prompt

    On sekiz örnek canlı içeren, bunların on biri başlangıçta kaydedilmiş bir deniz canlıları koleksiyonu uygulaması tasarımı oluştur. Turkuaz vurgulu koyu renkli bir mobil arayüz ve büyük bir öne çıkan örnek kartı kullan. Yaygın adı, bilimsel adı, nadirliği, keşif derinliğini ve ilk gözlem zamanını Kaydı Görüntüle ve Dalış eylemleriyle birlikte göster. Altında bölge ve nadirlik filtreleri sun; bilinmeyen kayıtları görünür tut. Her bilinmeyen kayıt, kilidini açmak için gereken görevi ve kalan koşulu belirtmeli. Keşifler ekranında istasyonda bekleme, geçiş ve örnek gibi birbirinden farklı ilerleme birimleri bulunmalı. Koşulu karşılanmış ancak kaydı henüz sahiplenilmemiş bir görev ekle. Bu durumda Tamamla ve Kilidi Aç, tamamlanmamış görevlerde Dalış Kaydet kullan. Örnek ayrıntı görünümü, keşif derinliğini referans derinlik aralığından ayrı göstermeli. Gözlemleri ve görev ilerlemesini, canlı bir bilimsel hizmete veya bulut hesabına bağlı olmayan kurgusal demo verileri olarak etiketle.

  3. Hazır, tamamlanmamış ve sahiplenilmiş durumları gözden geçirin

    OpenDesign'dan tek bir görev için bu üç durumun tamamını göstermesini isteyin. İlerleme arttıkça gösterilen birim aynı kalmalı. Tamamlanan görevin sahiplenilmesi, hedeflenen kaydı yalnızca bir kez açmalı ve ilgisiz keşifleri sıfırlamadan kaydedilen örnek sayısını güncellemelidir.

  4. Kayıtların telefonda okunabilirliğini kontrol edin

    Uzun bir bilimsel ad ve üç basamaklı bir ilerleme hedefi kullanın. Etiketleri, birimleri ve eylemleri alt gezinme çubuğunun altında kalmadan okunabilir tutun. Örnek görselini, canlıyı kırpmadan çerçevesine sığdırın ve daha uzun ayrıntı kaydının kaydırılabilmesini sağlayın.

  5. Dışa Aktarın ve Paylaşım Bağlantısı Alın

    Bitmiş tasarımınızı dışa aktarın, ardından bir paylaşım bağlantısı almak için OpenDesign'daki Paylaş seçeneğini kullanın. Bağlantıyı göndermeden önce ayrı bir tarayıcı penceresinde açarak amaçlanan sürümün ve bileşenlerinin erişilebilir olduğunu doğrulayın.

OpenDesign Masaüstü

Tek tasarım sistemi. Her çıktıda tutarlı bir marka

Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

  • Web, sunum, prototip, pano, görsel ve video
  • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
  • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
Ücretsiz indir

macOS ve Windows için