← Katalog 54 · Mobil uygulama standartları

Arayüz geri çekilir, içerik konuşur

Apple İnsan Arayüzü Kılavuzu üç kelimeyle özetlenir: netlik, erteleme, derinlik. Krom azalır, tipografi hiyerarşiyi taşır; her ekran sistemin geri kalanıyla aynı dili konuşur.

Netlik

Metin her boyutta okunur, ikonlar kesindir, süs işlevin önüne geçmez. Large Title ekranın adını bağırmadan söyler.

İçeriğe saygı (deference)

Arayüz içerikle yarışmaz. Yarı saydam çubuklar, gri zemin üstünde beyaz kartlar; renk yalnızca eylem bildirir.

Inset grouped liste

Ayar satırları kenarlardan 16 px içeride, 10 px köşeli beyaz gruplarda toplanır; her satırda 28 px renkli ikon ve › ok.

SF dili

Sistem fontu (-apple-system) ve sistem mavisi #007aff kullanılır; uygulama kendi geri okunu, kendi sekme çubuğunu icat etmez.

9:41▮▮▮ ⬤

Bugün

🔍 Ara

Günlük özet

🔔

Bildirimler

3 yeni›

☾

Odak

Kapalı›

⌛

Ekran süresi

2 sa 14 dk›

Görünüm

◐

Otomatik koyu mod

Bugün

Keşfet

Ekle

Kutu

Profil

A · açık mod

21:30▮▮▮ ⬤

Bugün

🔍 Ara

Görünüm

◐

Otomatik koyu mod

Aynı hiyerarşi, aynı ölçüler; yalnızca yüzey renkleri değişir. Koyu mod ayrı bir tasarım değil, aynı tasarımın gece hâlidir.

Bugün

Keşfet

Ekle

Kutu

Profil

B · otomatik koyu mod

    iOS İnsan ArayüzüApple HIG
  

Tasarım promptu — 54 — iOS İnsan Arayüzü seçip kopyalayın

İngilizce prompt · detaylı

Design an iOS app screen strictly following Apple's Human Interface Guidelines. Light gray #f2f2f7 background, -apple-system font, a bold 32px Large Title ("Today"), a rounded 10px search field, then inset-grouped white cards with 10px radius set 16px from the edges: settings-style rows with 28px colored rounded-square icons, labels, gray › chevrons, hairline separators, and one green #34c759 toggle. Bottom: a translucent 5-item tab bar with a thin top border, active icon in #007aff blue. Add a second 300x640 phone mockup showing the identical screen in dark mode (#000 background, #1c1c1e cards). No FAB, no sharp corners, no brand-colored surfaces.

Türkçe brief

Large Title, inset-grouped listeler ve yarı saydam sekme çubuğuyla Apple HIG kurallarına harfiyen uyan, açık ve koyu modu yan yana gösteren iOS ekranı.

Palet

#f2f2f7

#007aff

#34c759

#1c1c1e

Tipografi

-apple-system / system-ui; 32px kalın Large Title, 14.5px satırlar

Düzen

Inset-grouped kartlar, 16px kenar boşluğu, altta 5 ikonlu tab bar

Hareket

Sistem geçişleri: kaydırınca küçülen başlık, yaylı anahtar

Kaçınılacaklar

FAB, Android geri oku, keskin köşe, aşırı marka rengi