İçeriğe geç

Arayüz Tasarımı Akademisi

Bir düğme neden düğme gibi görünmeli?

Bir uygulamada basılabilen şeyin basılabilir göründüğü, bir hata alanının kırmızıdan başka bir işaretle de belli olduğu, başparmağın düğmeye rahatça ulaştığı ve karanlık temada da her şeyin okunduğu bir ekran tesadüf değildir. Bu akademi arayüzün görsel kararlarını öğretir: bileşenleri ve kalıpları, aralık ve ızgarayı, ekranda harfi ve rengi, simgeyi, bir öğenin bütün durumlarını, mobil arayüzü, tema sistemlerini ve tasarımı geliştiriciye eksiksiz teslim etmeyi. Ölçülebilir olan (kontrast, dokunma hedefi, odak) ölçülür; üslup bir tercih olarak tartışılır.

ders yayında
0
rol patikası
4
modül
9
ders programda
42

Derslerdeki Hatıl Stüdyo, müşterileri ve çalışanları kurgudur. Gerçek tasarımlar yalnız yayımlanmış kaynaklarından ve sözle anlatılır; logo, ürün fotoğrafı ve telifli yazı karakteri kullanılmaz, ders kendi şemasını çizer. Standartlar ve mevzuat değişebilir: her ders dayandığı kaynağı ve kontrol tarihini gösterir.

Rolüne göre patika

Temel patika herkes içindir ve tek başına alınabilir. Arayüz tasarımcısı patikası ekran tasarlamayı meslek edinecek olana, mobil patikası telefon uygulaması yapana, geliştirici patikası tasarımı koda çevirecek olana.

Akademi boyunca çalışacağın şirket: Hatıl Stüdyo

Kurgusal, bağımsız bir tasarım stüdyosu: İzmir Alsancak'ta yirmi dört kişi; grafik ve kimlik, dijital ürün, endüstriyel ürün ve mekân ekipleri bir masa çevresinde çalışır. Üç uzun süreli müşterisi var. Sırlı Avlu, Kütahya'da üçüncü kuşağın yürüttüğü on dört kişilik bir çini ve seramik atölyesidir; ürünlerini hem kendi dükkânında hem internetten satar. Kestaneyaka Belediyesi altmış bin nüfuslu kurgusal bir ilçenin belediyesidir; tabeladan otobüs durağına, internet sitesinden hizmet binasına kadar kamusal her yüzeyi yenilemek istiyor. Yeşerti, balkon ve saksı bitkilerinin toprak nemini ölçen küçük bir cihaz ile ona bağlı bir telefon uygulaması geliştiren yedi kişilik bir girişimdir.

  • Selin

    Otuz bir yaşında, kullanıcı deneyimi tasarımcısı ve araştırmacı. Bir ekran çizmeden önce üç kişiyle konuşur; «kullanıcı bunu ister» cümlesine «kim, ne zaman söyledi» diye karşılık verir.

  • Arda

    Yirmi altı yaşında, grafik tasarımcı, stüdyodaki ikinci yılında. Akademilere çoğu zaman onunla girilir: yazı karakterini sever, gerekçesini yazmayı yeni öğreniyor.

  • Leyla Hanım

    Elli iki yaşında, Hatıl'ın kurucu ortağı ve tasarım direktörü. Grafik tasarımcı olarak başlamış, yirmi yıldır kimlik sistemleri kuruyor; bir işi değerlendirirken önce «bu neyi çözüyor» diye sorar.

  • Emre

    Kırk yaşında, stüdyonun proje yöneticisi. Takvimi, bütçeyi ve revizyon sayısını tutar; sözleşmede yazmayan bir işin sonunda kime yük olduğunu birkaç kez görmüştür.

  • Can

    Yirmi dokuz yaşında, Fatma Usta'nın torunu, atölyenin internet satışlarını yürütüyor. Ambalajın kargoda kırılmasından da sitenin telefonda okunmamasından da ilk o haberdar olur.

  • Hülya Hanım

    Kırk altı yaşında, Kestaneyaka Belediyesi'nde basın ve halkla ilişkiler müdürü. Her kararı meclise ve ilçede yaşayanlara açıklamak zorundadır; ihale şartnamesini tasarımcılardan iyi okur.

  • Deniz

    Otuz üç yaşında, Yeşerti'nin kurucusu, eğitimi elektronik mühendisliği. Cihazı çalıştırmayı biliyor; insanların onu neden üç hafta sonra çekmeceye kaldırdığını bilmiyor.

Program

Bölüm I · Temel · 11 ders programda

Yapı

Bir ekran hangi parçalardan ve hangi düzenle kurulur?

  1. Modül 1Arayüzün yapı taşları6 ders programda
  2. Modül 2Aralık ve ızgara5 ders programda

Bölüm II · Uygulama · 14 ders programda

Harf, renk, simge ve durum

Bir ekran nasıl okunur ve nasıl tepki verir?

  1. Modül 3Arayüzde tipografi ve renk5 ders programda
  2. Modül 4Simge4 ders programda
  3. Modül 5Durumlar5 ders programda

Bölüm III · İleri · 13 ders programda

Mobil, tema ve teslim

Telefonda, iki temada ve kodda nasıl çalışır?

  1. Modül 6Mobil arayüz5 ders programda
  2. Modül 7Tema sistemleri4 ders programda
  3. Modül 8Geliştiriciye teslim4 ders programda

Bölüm IV · Atölye · 4 ders programda

Atölye

Üç ekranı baştan sona tasarlamak

  1. Modül 9Atölye: üç ekran4 ders programda

Bu bilgi ne kadar sağlam?

Derslerdeki her kanıt kartı aşağıdaki etiketlerden birini taşır. Kontrast, dokunma hedefi ve odak standartla, simge anlaşılırlığı ve dokunma hassasiyeti araştırmayla anlatılır; platform kılavuzlarının önerileri meslek kaynağı olarak tarihiyle işaretlenir.

Ölçülebilir
Bir formülle ya da ölçümle sınanabilen değer: kontrast oranı, yazı yüksekliği ile okuma mesafesi, görev tamamlama süresi, antropometrik ölçü. Doğru ya da yanlış denebilir; formülün ve verinin kaynağı gösterilir, kaynak yoksa yaklaşık diye işaretlenir.
Standart
W3C, ISO ya da TSE gibi bir kuruluşun yayımladığı standart: erişilebilirlik ölçütleri, insan odaklı tasarım süreci, işaret ve piktogram kuralları. Sürümü ve hangi seviyenin istendiği söylenir; kanun değilse bağlayıcılığı ayrıca belirtilir.
Kanun veya yönetmelik
Tasarımı düzenleyen kanun ya da yönetmeliğin kendi metni: 6769 sayılı Sınai Mülkiyet Kanunu, gıda etiketleme, yangın ve erişilebilirlik mevzuatı ve ötekiler. Bağlar; madde numarası ve güncel metniyle verilir.
Araştırma bulgusu
Hakemli dergide yayımlanmış algı, okunurluk, kullanılabilirlik, ergonomi ya da malzeme araştırması. Çalışmanın türü, örneklemi ve neyi göstermediği söylenir; tek çalışma genel yasa gibi sunulmaz.
Meslek kaynağı
Uygulamacının kitabı, stüdyo kılavuzu, platform tasarım kılavuzu, meslek kuruluşunun yayını. İşin nasıl yapıldığını anlatır; neden işe yaradığını kanıtlamaz. Yazarı ve hangi deneyimden konuştuğu söylenir.
Tasarımcı beyanı
Bir tasarımcının ya da akımın kendi ilkesi, manifestosu, röportajı. Bir bakışı tanıtır; üslup tercihidir ve kural gibi anlatılmaz. Kimin, hangi yıl, hangi bağlamda söylediği doğrulanmadan yazılmaz.
Vaka
Gerçek bir tasarım projesi — yalnız yayımlanmış kaynaktan (tasarımcının ya da kurumun vaka metni, ödül başvurusu, akademik inceleme) ve sözle anlatılır; logosu, görseli, ürün fotoğrafı kullanılmaz. Bir vaka bir şeyin MÜMKÜN olduğunu gösterir, genel olduğunu göstermez.

Bu sayfa hakkında ne düşünüyorsun?