İçeriğe geç
academia.sh
en
Giriş yap

Kurs Başlangıç

Arayüz Tasarımının Temelleri

Bu kursun sonunda

Kursa başla

01

Görsel İlkeler

Hiyerarşi, gruplama, karşıtlık, hizalama ve yinelenmenin algısal temelleri; her görsel kararın hangi ayrımı hangi maliyetle ürettiği.

  1. 01 Görsel Hiyerarşi Dikkatin sıralanması olarak hiyerarşi; boyut, ağırlık, kontrast ve konum kanallarının ölçülebilir katkısı ve düzeyler arası ayrımın denetlenmesi.
  2. 02 Yakınlık ve Gruplama İlişkinin boşlukla ilan edilmesi; gruplamanın mutlak boşlukla değil boşluk oranıyla kurulması ve iç içe gruplama düzeylerinin sayısal denetimi.
  3. 03 Karşıtlık ve Vurgu Karşıtlığın algısal ilke, kontrast oranının ölçülen nicelik olarak ayrılması; görsel ağırlığın alan ve parlaklık farkıyla hesaplanması ve vurgu paylarının bütçe olarak denetlenmesi.
  4. 04 Denge ve Hizalama Hizalamanın paylaşılan görünmez eksen olarak tanımlanması; eksen sayısının ve alan ağırlıklı yatay dengenin hesaplanması, optik hizalama ile düzensiz sağ kenarın ölçülmesi.
  5. 05 Yinelenme ve Tutarlılık Yinelenmenin öğrenilebilirliği nasıl ürettiği; karar envanterinin çıkarılması, ayırt edilebilirlik eşiğinin altındaki değer çeşitliliğinin ölçülmesi ve ölçeğe oturtmanın maliyeti.

02

Düzen ve Aralık

Izgara sistemleri, aralık ölçeği, yoğunluk kararları, duyarlı ve uyarlanabilir düzen ile girdi türünün ölçüye etkisi.

  1. 01 Izgara Sistemleri Kapsayıcı, kenar boşluğu, sütun sayısı ve oluk arasındaki aritmetik ilişki; sütun genişliğinin türetilmesi, açılım hesabı ve ızgaranın içerik ölçütleriyle sınanması.
  2. 02 Aralık Ölçeği Boşluk değerlerinin seçilmek yerine türetilmesi; doğrusal, geometrik ve karma ölçeklerin adım sayısı, ayırt edilebilirlik ve gruplama oranı ölçütleriyle karşılaştırılması.
  3. 03 Yoğunluk Kararları Bilgi yoğunluğunun görevden türetilmesi; kayıt satırı yüksekliğinden ekran başına kayıt sayısının, tarama maliyetinin ve boşluk oranının hesaplanması.
  4. 04 Duyarlı ve Uyarlanabilir Düzen Sürekli ve ayrık düzen yaklaşımlarının farkı; kesme noktasının içerik ölçütlerinden türetilmesi ve sürekli bir ızgarada sınanması gereken genişliklerin hesaplanması.
  5. 05 Ekran Boyutu ve Girdi Türü Girdi türünün ekran genişliğinden bağımsız bir değişken olması; hedef boyutu ölçütlerinin, aralık istisnasının ve etkin alan genişletmenin hesapla denetlenmesi.

03

Tipografi ve Renk

Yazı tipi seçimi, tipografik ölçek, satır uzunluğu ve aralığı, renk rolleri, işlevsel renkler, kontrast eşikleri ve koyu tema dönüşümü.

  1. 01 Yazı Tipi Seçimi Seçilebilirlik ile okunabilirliğin ayrımı, yazı tipi sınıflarının vaatleri, x-yüksekliğinden görünen büyüklük hesabı ve abece kapsamı ile karakter ayırt edilebilirliğinin denetlenmesi.
  2. 02 Tipografik Ölçek Boyut basamaklarının bir taban ve bir orandan türetilmesi, yuvarlamanın komşu basamak oranını nasıl bozduğu, basamak bütçesinin hesabı ve düzeylerin basamaklara yerleştirilmesi.
  3. 03 Satır Uzunluğu ve Aralığı Sütun genişliğinden karakter cinsinden satır uzunluğunun hesaplanması, satır aralığının satır uzunluğuna bağlanması, dönüş açısı ölçütü ve paragraf aralığının alt sınırı.
  4. 04 Renk Sistemi Rengin rol olarak tanımlanması, tek tondan açıklık ekseninde rampa üretimi, rollerin basamaklara bağlanması ve eşleşmelerin bağıl parlaklık üzerinden denetlenmesi.
  5. 05 İşlevsel Renkler Başarı, uyarı, hata ve bilgi anlamlarının renk ailelerine bağlanması, aynı basamağın ailelere göre farklı kontrast üretmesi, bildirim üçlüsünün kendi zeminine göre denetimi ve rengin tek kanal olamayacağı.
  6. 06 Karşıtlık ve Erişilebilirlik Kontrast oranı formülünün tanımı ve sınırları, eşikten renge ters hesap, büyük metin sınırının süreksizliği ve katalog arayüzünün tamamının toplu denetimi.
  7. 07 Koyu Tema Basamak aynalamasının hiyerarşi oranını neden bozduğu, koyu temanın kontrast korunumu koşuluyla türetilmesi, doygunluğun serbest açıklığın bağımlı olması ve yükseltinin kontrast payını tüketmesi.

04

Bileşen Durumları

Etkileşim durumları, yükleme ve boş durumlar, hata sunumu, simge kullanımı ve arayüz metninin tasarımın parçası olması.

  1. 01 Etkileşim Durumları Beş etkileşim durumunun tanımı, durum değişikliğinin ölçülebilir eşiğe bağlanması, üzerine gelme ile seçili olmanın kanal çakışması ve odak göstergesinin alan ve kontrast hesabı.
  2. 02 Yükleme ve Boş Durumlar Bekleme süresinin geri bildirim sınıflarına ayrılması, gösterge gecikmesinin titremeye etkisi, iskelet gösteriminin yerleşim kayması puanıyla gerekçelendirilmesi ve boş durumun üç türü.
  3. 03 Hata ve Uyarı Durumları Hatanın kaynağa ve kurtarılabilirliğe göre sınıflandırılması, doğrulama anının ürettiği ileti sayısının hesabı, önlenebilir hataların ayıklanması ve iletinin yakınlık kuralıyla yerleştirilmesi.
  4. 04 Simge Kullanımı Anlam taşıyan ve süsleyici simge ayrımı, erişilebilir adın küçük bir modelle hesaplanması, simge kümesinin çokanlamlılık denetimi ve ölçek ile çizgi kalınlığının tutarlılığı.
  5. 05 Mikro Metin Arayüz metninin bir düzen kısıtı olarak hesaplanması, eylem etiketlerinin genişlik bütçesi, başlık kırpmasının ön ek çakışması üretmesi ve hata iletisinin üç parçası.

Aramak için yazmaya başlayın.

↑↓ ↵ Esc gezin · aç · kapat