Mobile App Wiki

Mobile App Wiki

mobileapp.wiki

Ana Sayfa

Kategoriler

mobileapp.wiki

Mobile App Wiki

Mobil uygulama geliştirme bilgi tabanı

GizlilikAna SayfaSitemapRSS
© 2026 mobileapp.wiki
Ana Sayfa/UI/UX/Human Interface Guidelines (Apple)
UI/UX3 dk okuma

Human Interface Guidelines (Apple)

Apple Human Interface Guidelines (HIG) tasarım ilkeleri rehberi. Clarity, deference, depth prensipleri, typography, renk sistemi ve erişilebilirlik.

highuman interface guidelinesappleiostasarımdesignuiuxsafe areadynamic typesf symbols

İçindekiler

HIG Nedir?Temel Tasarım İlkeleriClarity (Netlik)Deference (Saygı)Depth (Derinlik)iOS Tasarım StandartlarıNavigationTypographyColorsIcons - SF SymbolsSafe AreaTouch TargetsDark ModeDikkat Edileceklerİlgili Konular

HIG Nedir?

Human Interface Guidelines (HIG), Apple'ın iOS, iPadOS, macOS, watchOS ve visionOS platformları için tasarım ilkeleri ve standartlarıdır. Apple, App Store incelemesinde HIG uyumuna dikkat eder ve uyumsuz uygulamaları reddedebilir. 2026 itibarıyla HIG, visionOS (Apple Vision Pro) için de kapsamlı bölümler içermektedir.

Temel Tasarım İlkeleri

Clarity (Netlik)

  • Metin okunabilir boyutta ve kontrastta olmalı
  • İkonlar net ve anlaşılır olmalı
  • İşlevsellik tasarımda açıkça belirtilmeli
  • Kullanıcı her ekranda nerede olduğunu ve ne yapabileceğini anlamalı

Deference (Saygı)

  • İçerik öne çıkmalı, UI arka planda kalmalı
  • Şeffaf ve bulanık arka planlar içeriğe odaklanmayı sağlar
  • Gereksiz görsel karmaşıklıktan kaçın
  • Chromatic (renkli) dekorasyonlar yerine içerik odaklı tasarım tercih et

Depth (Derinlik)

  • Katmanlar ve hareketler mekânsal ilişkileri gösterir
  • Gesture tabanlı navigasyon doğal hisseder
  • Görsel hiyerarşi ile öncelik belirle
  • Parallax efektleri ve layered UI ile derinlik hissi yarat

iOS Tasarım Standartları

Navigation

  • Tab Bar: 2-5 tab, ana bölümler için; iOS 18 ile özelleştirilebilir tab bar
  • Navigation Bar: Hiyerarşik gezinme, geri butonu, large title desteği
  • Modal: Geçici görevler için (ödeme, form, onay); sheet presentation style tercih edilir
  • Sidebar: iPadOS ve büyük ekranlarda UISplitViewController ile yan menü

Typography

  • San Francisco fontu (sistem fontu); SF Pro (iOS/macOS), SF Compact (watchOS)
  • Dynamic Type desteği (kullanıcı font boyutunu değiştirebilir)
  • Minimum 11pt görüntüleme metni
  • Text Styles: Large Title, Title 1-3, Headline, Body, Callout, Subhead, Footnote, Caption 1-2
  • 2026 itibarıyla variable font desteği ve otomatik optical sizing

Colors

  • Sistem renkleri Dark/Light mode'da otomatik değişir
  • Yeterli kontrast oranı (WCAG AA: 4.5:1 metin için, 3:1 büyük metin)
  • Renk körü (color blind) dostu tasarım
  • Semantic Colors: label, secondaryLabel, systemBackground, secondarySystemBackground
  • Tint color ile marka kimliği yansıtılabilir

Icons - SF Symbols

  • SF Symbols kütüphanesi (5000+ ikon, 2026 itibarıyla SF Symbols 6)
  • Tutarlı stil, otomatik boyutlandırma
  • Dynamic Type ile uyumlu
  • 9 ağırlık x 3 ölçek = 27 varyant
  • Renk modları: monochrome, hierarchical, palette, multicolor
  • Custom SF Symbol oluşturma desteği

Safe Area

  • Notch, Dynamic Island ve Home Indicator bölgelerini koru
  • SafeAreaInsets kullan; additionalSafeAreaInsets ile özelleştir
  • İçerik bu bölgelere girmemeli
  • Landscape modda da safe area'yı dikkate al
  • iPhone 16 serisi ve Dynamic Island için üst safe area kritik

Touch Targets

  • Minimum 44x44pt dokunma alanı
  • İnteraktif elementler arasında yeterli boşluk (en az 8pt)
  • Parmak büyüklüğünü dikkate al; kenar bölgelere küçük target koyma

Dark Mode

  • Karanlık arka plan + açık metin
  • Elevated surfaces daha açık tonlarda (systemBackground → secondarySystemBackground)
  • Şeffaflık ve blur efektleri
  • Tüm görseller ve ikonlar her iki modda çalışmalı
  • SF Symbols otomatik uyum sağlar, custom asset'ler için Asset Catalog kullan

Dikkat Edilecekler

  • Sistem gesture'larına müdahale etme (edge swipe = geri)
  • Loading state'lerde skeleton veya activity indicator kullan
  • Empty state'ler bilgilendirici olsun
  • Hata mesajları net ve çözüm odaklı olsun
  • Privacy: Kamera, konum, mikrofon izinlerini kullanım anında açıklamalı olarak iste
  • iOS 18+ ile Control Center widget'ları ve Lock Screen widget'ları da HIG kapsamında

HIG'i okumak zaman alır ama Apple review'inden geçiş şansınızı ve kullanıcı deneyimi kalitesini önemli ölçüde artırır. HIG uyumlu uygulamalar App Store'da öne çıkarılma şansı daha yüksektir.

İlgili Konular

  • Gesture Navigation (Hareket Navigasyonu)
  • Apple App Review Guidelines
  • App Store Connect Rehberi

Bu makaleyi nasıl buldunuz?

Paylaş

← Önceki

Material Design (Google)

Sonraki →

Onboarding Patterns

İlgili Makaleler

Material Design (Google)

Google Material Design 3 (Material You) tasarım sistemi rehberi. Dynamic color, component kütüphanesi, elevation ve Android tasarım ilkeleri.

Onboarding Patterns

Mobil uygulama onboarding tasarım kalıpları rehberi. Feature highlight, progressive disclosure, personalization ve D1 retention artırma stratejileri.

Accessibility (Erişilebilirlik)

Mobil uygulama erişilebilirlik (a11y) rehberi. VoiceOver, TalkBack, Dynamic Type, WCAG standartları, kontrast oranları ve test araçları detayları.

Dark Mode

Karanlık tema tasarım ve implementasyon rehberi. iOS ve Android dark mode, OLED optimizasyonu, renk sistemi uyarlaması ve React Native entegrasyonu.

Navigation Patterns (Navigasyon Kalıpları)

Mobil uygulamalarda navigasyon kalıpları rehberi. Tab bar, stack, drawer, bottom sheet ve modal kullanım kriterleri ve platform farkları.