Mobile iOS Design

Cilalı, yerel iOS uygulamaları inşa etmek için Apple'ın İnsan Arayüz Yönergeleri ve SwiftUI üzerine bir ustalık dersi.

SwiftUI düzen sistemini, navigasyon kalıplarını, SF Symbols'ü, Dinamik Tip'i, anlamsal renkleri ve malzemeleri kapsar; böylece uygulamalar Apple platformlarında kendini evinde hisseder ve App Store incelemesinden geçer.

₺369 tek seferlik
Bir kit içine ekle →

Fiyatlara KDV (%20) dahildir. · Gerçek ajans işinden çıkarıldı · tek seferlik, kilit yok

  • Tür Skill
  • Kategori Tasarım & UX
  • Teslimat E-posta · anında
  • Lisans Tek seferlik
Çalışma önizlemesi
forgehouse, mobile-ios-design

Çalışmanın içinden · kara kutu yok

Satın almadan önce işin kendisini gör.

Skill Apple'ın Human Interface Guidelines standardına göre SwiftUI ile native iOS arayüzü kurarken fiilen şu döngüyü çalıştırır, kara kutu yok:

  1. Ekranı önce üç HIG ilkesine oturtur: netlik, geri planda durma ve derinlik. İçerik öndedir; arayüz sistem materyalleri ve hiyerarşik SF Symbol render'ı ile içeriğe hizmet eder, onunla yarışmaz.
  2. Görünümleri VStack, HStack ve adaptif kolonlu LazyVGrid ile kurar; layout'lar sabit boyuta çakılmak yerine iPhone ve iPad'de mevcut genişliği dolduracak şekilde esnek kalır.
  3. Navigasyonu NavigationStack path state'i ve TabView ile bağlar; NavigationLink değerleri Hashable tutulur, böylece hedef ekranlar güvenle çözülür ve derin navigasyon çökmez.
  4. İkonografiyi SF Symbols kütüphanesinden, tipografiyi semantik fontlardan (.headline, .body, .caption) çeker; her öğe kullanıcının Dynamic Type ayarıyla otomatik ölçeklenir ve VoiceOver açıklamasını kendiliğinden alır.
  5. Semantik renkleri (.primary, .secondary, .background) ve yüzeyler için sistem materyallerini kullanır; koyu mod sıfır manuel renk değişimiyle çalışır, koda sabit hex değeri girmez.
  6. Erişilebilirlik ve kalıcılıkla kapanır: accessibilityLabel ve hint modifier'ları, çentikli cihazlarda safe area saygısı, @SceneStorage ile durum geri yükleme; kullanıcı uygulamayı bıraktığı yerden açar.
Kullanım senaryoları · taktığında neler oluyor

Tek güç kaynağı. 6 hat dışarı.

mobile-ios-design · çekirdek

çekirdek aktif · 6 hat

  1. Apple'ın İnsan Arayüz Yönergeleri'ne uygun iOS arayüzleri tasarlama

    ✓ apple'ın i̇nsan arayüz y…
  2. SwiftUI görünümleri ve düzenleri oluşturma

    ✓ swiftui görünümleri ve d…
  3. NavigationStack, TabView ve sayfa navigasyonu uygulama

    ✓ navigationstack, tabview…
  4. Dinamik Tip ve Karanlık Mod'u doğru destekleme

    ✓ dinamik tip ve karanlık
  5. Tutarlılık için SF Symbols ve sistem tipografisi kullanma

    ✓ tutarlılık için sf symbols
  6. iPhone ve iPad için uyarlanabilir düzenler oluşturma

    ✓ iphone ve ipad için uyar…
Kazanımlar · elinde kalanlar

Aldıkların sende kalır.

Zamanı ileri sar. Ne kaldığını izle.

Sonsuza dek

Sahip olmak tam olarak bu.

Kiralık yığın

yapay zekâ yazım aracı: abonelik

süresi doldu · erişim gitti

analiz paketi: abonelik

süresi doldu · erişim gitti

tasarım platformu: abonelik

süresi doldu · erişim gitti

(geriye bir şey kalmadı)

Senin ocağın

  1. iOS kullanıcılarının beklediği üst düzey, piksel-mükemmel hissi sunun

    lisans: kalıcı
  2. Erişilebilirliğe ve Dinamik Tip'e saygı göstererek App Store incelemesinden geçin

    lisans: kalıcı
  3. Anlamsal renkler aracılığıyla otomatik karanlık mod ve yüksek kontrast desteği alın

    lisans: kalıcı
  4. Durum geri yüklemesiyle kullanıcı bağlamını açılışlar arasında koruyun

    lisans: kalıcı

abonelikler biter · tapular bitmez

Ne içerir · eksiksiz manifest

Kutudaki her şey.

Bir parçayı eline al. Çalışırken izle.

Uyarlanabilir boyutlandırmayla SwiftUI yığın ve ızgara düzen kalıpları

parça 01 / 06 · kutuda

6 parça · tek çalışan sistem · e-postayla anında teslim

Kimler için

Bu herkes için dövülmedi.

  • Araç kiralamayı sahip olmaya tercih ediyorsan, sana göre değil.
  • Yığınını senin yerine başkası yönetsin istiyorsan, sana göre değil.
  • Tahmin etmekten memnunsan, sana göre değil.
Hâlâ burada mısın? Güzel.

HIG uyumlu, erişilebilir, App Store'a hazır arayüzler isteyen, SwiftUI ile yerel uygulamalar inşa eden iOS geliştiricileri ve tasarımcıları için.

o zaman bu senin için dövüldü.

Hangi AI ile çalışır

Tasarımı gereği evrensel: her yapay zekada çalışır. Açık Agent Skills + MCP biçiminde gelir (Claude’da yerleşik); ChatGPT, Gemini, Cursor ve Copilot aynı dosyaları kendine uyarlar.

  • Claude Yerleşik biçim
  • ChatGPT Açık standartla uyarlanır
  • Gemini Açık standartla uyarlanır
  • Cursor Açık standartla uyarlanır
  • Copilot Açık standartla uyarlanır
Sorular · hâlâ havada

Aklındakini yakala.

hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar

  1. iPhone ve iPad için tek düzen yaklaşımı burada yeterli oluyor mu?

    Evet. SwiftUI yığın ve ızgara kalıpları uyarlanabilir boyutlandırma kullandığı için aynı görünümler iPhone ve iPad'de ölçekleniyor; NavigationStack ve TabView uygulamaları da aynı uyarlanabilir mantığı izliyor.

  2. Her ekranı iki kez tasarlamadan karanlık modu nasıl doğru yapıyor?

    Anlamsal renklere ve malzemelere yaslanarak: sabit renk kodları yerine anlam bildiriyorsunuz, karanlık mod ve yüksek kontrast desteği kendiliğinden geliyor. Açık ve karanlık mod için derinlik kalıpları, yükseltinin farklı okunması gereken durumları çözüyor.

  3. UIKit'i kapsıyor mu?

    Hayır. Baştan sona SwiftUI ve İnsan Arayüz Yönergeleri: düzen, navigasyon, SF Symbols, Dinamik Tip ve durum geri yükleme. Eski UIKit ekranları ayrı bir çalışma gerektirir.

  4. Nasıl teslim edilir?

    Satın alımdan hemen sonra e-posta ile iletilir, kuruluma hazır, anında indirilir; bekleme yok.

  5. Tek seferlik mi, abonelik mi?

    Tek seferlik alımdır; abonelik veya gizli ücret yoktur. Fiyata KDV (%20) dahildir.

  6. İade alabilir miyim?

    Dijital ürün olduğu için indirildikten sonra iade yapılmaz. Bu yüzden ne içerdiğini ve kime uygun olduğunu burada açıkça paylaşıyoruz.