Kısa cevap: UI/UX tasarımcı olmak için görsel tasarım temelleri, kullanıcı akışı, wireframe, bileşen ve durum tasarımı, prototip ve küçük ölçekli test becerilerini aşama aşama edinir, bunları problemi ve kararları anlatan üç dört vaka çalışmasıyla gösterir ve staj, junior pozisyon ya da küçük freelance işlerle sahaya girersiniz.
Ben Selçuk Aker. Marmara Üniversitesi Güzel Sanatlar Fakültesi Grafik Tasarım bölümünden mezun oldum; 19 yılı aşkın süredir marka, yayın ve dijital arayüz projelerinde çalışıyorum. Bugün işimin önemli bir kısmı web, mobil uygulama ve yönetim paneli arayüzlerinden oluşuyor. Bu rehberde UI/UX’e yeni başlayanlar için aşamalı bir yol haritası, eğitim seçeneklerini değerlendirme ölçütleri ve işverenin portfolyoda gerçekten neye baktığını anlatıyorum. Süre vaadi vermiyorum; çünkü öğrenme hızı ayırabildiğiniz zamana, önceki deneyiminize ve aldığınız geri bildirimin kalitesine göre çok değişir. Bunun yerine her aşamanın sonunda ulaşmanız gereken beceri eşiklerini tarif ediyorum.
UI/UX’e başlamadan önce: alanı ve rolleri tanıyın
“UI/UX tasarımcı” ilanlarda geniş bir şemsiye olarak kullanılır. Bazı şirketler bu unvanla görsel arayüz uzmanı arar, bazıları araştırma ve akış ağırlıklı bir profil. İlk adım, bu rollerin ne yaptığını ve hangisinin size daha yakın olduğunu anlamaktır. UX araştırmacısı görüşme ve test yönetir; UI tasarımcı bileşen ve görsel sistem kurar; ürün tasarımcısı ürün kararlarına daha fazla katılır.
Rolleri ve günlük işin içeriğini UI/UX tasarımcı ne iş yapar sayfasında ayrıntılı anlattım. Temel kavramlar ve UI ile UX arasındaki fark için UI/UX tasarım rehberinden başlayabilirsiniz. Yönünüzü baştan kesinleştirmek zorunda değilsiniz; ancak hangi işleri merak ettiğinizi bilmek, ilk alıştırmalarınızı seçerken işinizi kolaylaştırır.
UI/UX yol haritası: beş aşama
Aşağıdaki yol haritası, kendi kendine öğrenenler için de, bir kurs veya bölümle ilerleyenler için de kullanılabilir. Aşamalar kesin sınırlarla ayrılmaz; ikinci aşamaya geçtiğinizde birinciye geri dönmeniz normaldir. Önemli olan her aşamanın sonunda somut bir çıktı ortaya koyabilmektir.
| Aşama | Ne öğrenilir? | Eşik: bir sonraki aşamaya hazır mısınız? |
|---|---|---|
| 1. Görsel dil | Hiyerarşi, tipografi, renk, boşluk, ızgara | Var olan bir ekranı yeniden düzenleyip neyi neden değiştirdiğinizi anlatabiliyorsunuz |
| 2. Akış ve wireframe | Görev tanımı, akış şeması, ekran envanteri, taslak yerleşim | Bir görevin bütün adımlarını ve hata yollarını şemaya dökebiliyorsunuz |
| 3. Bileşen ve durum | Figma’da bileşen, varyant, otomatik yerleşim, durum ekranları | Bir formu boş, hatalı, yükleniyor ve başarılı hâlleriyle çizebiliyorsunuz |
| 4. Prototip ve deneme | Tıklanabilir prototip, görev senaryosu, küçük kullanılabilirlik testi | Üç kişiyle deneme yapıp bulgulara göre bir değişiklik yapabiliyorsunuz |
| 5. Vaka çalışması | Problem, kısıt, alternatif, karar ve sonucu yazıyla anlatma | Bir projeyi tasarım bilmeyen birine on dakikada anlatabiliyorsunuz |
1. aşama: Görsel dilin temelleri
Arayüz tasarımına doğrudan programla başlamak cazip gelir; ama programı açtığınızda neye karar vereceğinizi bilmezseniz ekranlar başka uygulamaların kopyasına dönüşür. Önce hiyerarşi, tipografi, renk, kontrast ve boşluk kavramlarını öğrenin. Kullandığınız uygulamalardan ekran görüntüleri alıp “Gözüm önce nereye gidiyor? Neden?” diye not tutmak etkili bir alıştırmadır. Bu konuların grafik tasarımdaki karşılığını grafik tasarım elemanları ve ilkeleri rehberinde bulabilirsiniz.
2. aşama: Akış ve wireframe
Bu aşamada ekranı değil, görevi düşünmeyi öğrenirsiniz. Basit bir görev seçin: bir kafeden sipariş vermek, bir etkinliğe kaydolmak, bir faturayı ödemek. Görevin adımlarını, kullanıcının vazgeçebileceği ya da hata yapabileceği noktaları şemaya dökün. Ardından her adım için renksiz, gerçek metinlerle bir taslak çizin. Kâğıt ve kalem bu aşama için yeterlidir.
3. aşama: Bileşen ve durum tasarımı
Artık bir tasarım programına ihtiyaç var. Sektörde yaygın kullanılan araç Figma; öğrenciler ve eğitimciler için sunulan programın güncel koşullarını üreticinin sayfasından kontrol edebilirsiniz (Ekim 2026 itibarıyla yayında). Bu aşamada butonu, form alanını ve kartı bileşen olarak tanımlamayı, varyant oluşturmayı ve her bileşenin durumlarını çizmeyi öğrenin. Araç seçimi ve alternatifleri UI/UX tasarım programları rehberinde ayrıntılı olarak anlatılıyor.
4. aşama: Prototip ve küçük deneme
Ekranları birbirine bağlayıp tıklanabilir bir prototip kurun. Sonra çevrenizden tasarım bilmeyen üç kişiye bir görev verin ve yardım etmeden izleyin. Nerede durakladıklarını, neyi yanlış anladıklarını not edin. Bu küçük deneme, profesyonel bir araştırmanın yerini tutmaz; ama tasarımınızın sizin kafanızdaki gibi çalışmadığını görmenin en hızlı yoludur.
5. aşama: Vaka çalışması yazmak
Son aşama çoğu yeni başlayanın atladığı aşamadır: yaptığınız işi anlatmak. Bir vaka çalışmasında güzel ekranlar kadar, hangi problemi çözmeye çalıştığınız, hangi seçenekleri denediğiniz ve neden birini seçtiğiniz görünmelidir. Bu beceri ilerleyen bölümde ayrıca ele alınıyor. Basit bir örnek vereyim: Bir etkinlik kayıt akışı tasarladınız ve denemede katılımcıların ikisi bilet türleri arasındaki farkı anlamadı. Vaka çalışmasında bu gözlemi, denediğiniz iki alternatifi (karşılaştırma tablosu ve her bilet türünün altında kısa açıklama) ve neden ikincisini seçtiğinizi yazmak, on yeni ekran eklemekten daha çok şey anlatır. İşveren bu anlatımda araştırma, karar ve iletişim becerinizi aynı anda görür.
Üniversite, kurs, bootcamp mı, kendi kendine mi?
Türkiye’de UI/UX’e doğrudan adanmış lisans programları sınırlıdır; sahadaki tasarımcıların bir kısmı grafik tasarım, görsel iletişim, endüstriyel tasarım, bilgisayar mühendisliği veya psikoloji gibi bölümlerden gelir. Bir kısmı da kurslar ve kişisel projelerle kendini yetiştirmiştir. Seçeneklerin hiçbiri tek başına doğru değildir; seçerken şu ölçütlere bakın:
| Ölçüt | Sorulacak soru |
|---|---|
| Uygulama oranı | Program teoriyi gerçek bir problem üzerinde uygulatıyor mu? |
| Geri bildirim | İşleriniz deneyimli bir tasarımcı tarafından düzenli olarak eleştiriliyor mu? |
| Süreç anlatımı | Yalnız ekran mı üretiliyor, yoksa akış, test ve karar gerekçesi de isteniyor mu? |
| Eğitmenler | Eğitmenlerin yakın dönemde yayımlanmış, incelenebilir arayüz işleri var mı? |
| Çıktı | Programın sonunda portfolyoya konabilecek, size ait bir vaka çalışması oluşuyor mu? |
Sertifika bir öğrenme sürecini tamamladığınızı gösterir; yetkinliği ise portfolyonuz ve işinizi anlatma biçiminiz gösterir. Kurs seçiminde kullanabileceğiniz ayrıntılı bir kontrol listesini grafik tasarım kursu seçimi rehberinde hazırladım; ölçütlerin çoğu UI/UX eğitimleri için de geçerlidir.
Başka bir alandan UI/UX’e geçiş
Grafik tasarımdan gelenler tipografi, renk ve kompozisyon konusunda avantajlıdır. Zorlandıkları nokta genellikle tek bir “mükemmel ekran” yerine durumları, akışları ve değişken içeriği düşünmektir. Bir afiş bir kez tasarlanır; bir liste ekranı ise sıfır, bir ve bin kayıtla ayrı ayrı çalışmak zorundadır. Ben de grafik tasarım eğitimi aldım ve bugün marka işlerinin yanında arayüz tasarlıyorum; iki alanı birlikte yürütürken gördüğüm en önemli fark, arayüzde her kararın bir sonraki adımı da etkilemesidir. Grafik tasarım tarafındaki yolu grafik tasarımcı nasıl olunur rehberinde anlattım; geçmişimi hakkımda sayfasında bulabilirsiniz.
Yazılımdan gelenler teknik kısıtları ve veri yapısını iyi bilir; bu, uygulanabilir tasarım için büyük bir avantajdır. Geliştirilmesi gereken taraf çoğu zaman görsel hiyerarşi, tipografi ve kullanıcıyla konuşma alışkanlığıdır. Ön yüz geliştirme deneyiminiz varsa bunu saklamayın; tasarım ile kod arasındaki köprüyü kurabilen profiller, özellikle küçük ekiplerde aranır. Portfolyonuzda bir bileşenin hem tasarım dosyasını hem de çalışan hâlini göstermek, bu avantajı somutlaştırmanın iyi bir yoludur.
Başka alanlardan gelenler (psikoloji, pazarlama, müşteri hizmetleri, öğretmenlik) kullanıcıyı anlama ve iletişim konusunda güçlü olabilir. Önceki sektör bilginizi bir avantaja çevirin: sağlık alanından geliyorsanız ilk vaka çalışmanız bir randevu akışı olabilir.
İlk projeler: kurgusal brief nasıl yazılır?
Gerçek müşteri olmadan da anlamlı projeler üretebilirsiniz. Önemli olan, kurgusal briefi gerçekçi kısıtlarla yazmaktır. Bir briefte şunlar bulunmalı: hedef kullanıcı, tamamlanacak ana görev, platform, en az bir kısıt (örneğin “kullanıcıların çoğu eski model telefon kullanıyor”) ve başarının nasıl anlaşılacağı.
Başlangıç için üç alıştırma öneriyorum:
- Mevcut bir akışı yeniden tasarlayın: Sık kullandığınız bir hizmetin zorlandığınız bir adımını seçin. Önce mevcut akışı belgeleyin, sonra değişikliğinizi ve gerekçesini gösterin.
- Yerel bir işletme için küçük bir akış tasarlayın: Bir kuaför randevusu, bir kütüphane kitap ayırtma ya da bir mahalle fırınının ön sipariş akışı gibi.
- Bir yönetim ekranı tasarlayın: Bir tablo, filtre ve toplu işlem içeren basit bir panel. Yoğun veriyle çalışmak, yalnız mobil ekranlar tasarlayan adaylardan sizi ayırır.
Bir uyarı: Kurgusal ya da kendi başlattığınız projeleri portfolyoda açıkça “kişisel proje” veya “konsept çalışma” olarak belirtin. Gerçek bir markanın adını kullanıyorsanız, o markayla çalışmadığınızı yazın. İşveren açısından bu bir eksiklik değil, açıklık göstergesidir.
UI/UX portfolyosu ve vaka çalışması nasıl kurulur?
İşverenler portfolyoda ekran sayısından çok düşünme biçiminize bakar. Her vaka çalışmasında şu bölümler bulunmalı:
| Bölüm | İçerik |
|---|---|
| Problem | Kimin, hangi durumda, hangi güçlüğü yaşadığı |
| Kısıtlar | Platform, süre, teknik sınır, içerik eksikliği |
| Sizin rolünüz | Ekip çalışmasıysa tam olarak hangi işi sizin yaptığınız |
| Süreç | Akış, wireframe, denenen alternatifler ve elenen fikirler |
| Karar | Neden bu çözümü seçtiğiniz |
| Sonuç ve öğrenilenler | Denemede ne gördüğünüz, bir dahakine neyi farklı yapacağınız |
Başlangıç için üç dört güçlü vaka çalışması, on yüzeysel ekran galerisinden daha etkilidir. Vaka çalışmalarını bir kişisel web sitesinde toplamak, bağlantıları paylaşmayı kolaylaştırır; bu konuda kişisel portfolyo tasarımı sayfasına bakabilirsiniz. Öğrencilere yönelik portfolyo ve staj hazırlığını grafik tasarım öğrencisi için portfolyo yazısında, mülakatta portfolyoyu anlatmayı ise portfolyo anlatımı yazısında ele aldım.
Öğrenirken sık yapılan hatalar
Yeni başlayanlarla yaptığım portfolyo görüşmelerinde ve iş başvurularını incelerken bazı hataların tekrar ettiğini görüyorum:
- Yalnız vitrin ekranları üretmek: Gölgeli kartlar ve canlı renklerle hazırlanmış tek ekranlar ilk bakışta etkileyici görünür; ama akış, durum ve gerçek içerik yoksa işveren düşünme biçiminizi göremez.
- Program öğrenmeyi tasarım öğrenmek sanmak: Figma’nın bütün özelliklerini bilmek, hangi bilginin ekranda önce görüneceğine karar vermeyi öğretmez.
- Popüler uygulamaları birebir yeniden çizmek: Kopyalama alıştırması el becerisi kazandırır, fakat portfolyoda sizin kararınızı göstermez. Yeniden tasarım yapıyorsanız neyi neden değiştirdiğinizi anlatın.
- Geri bildirimden kaçınmak: İşleri “bitince” göstermek yerine erken aşamada paylaşın. Akış şeması aşamasında gelen bir eleştiri, bitmiş ekranlarda gelen eleştiriden çok daha az emek kaybettirir.
- Erişilebilirliği sona bırakmak: Kontrast ve dokunma alanı gibi kontroller baştan yapılmazsa, sonradan düzeltmek bütün renk sistemini değiştirmeyi gerektirebilir. WCAG 2.2 ölçütlerine erken aşamada göz atmak iyi bir alışkanlıktır.
Geri bildirim almak için deneyimli bir tasarımcıdan düzenli eleştiri istemek, tasarım topluluklarında işleri paylaşmak ya da birlikte öğrenen birkaç kişiyle haftalık inceleme yapmak işe yarar. Eleştiriyi kişisel algılamamak ve her yorumu “Bu hangi problemi gösteriyor?” sorusuyla okumak, gelişimi en çok hızlandıran alışkanlıklardan biridir.
İlk iş: staj, junior başvurusu ve freelance başlangıç
İlk iş için üç yol vardır ve birbirini dışlamaz:
- Staj: Ekip içinde gerçek bir ürün sürecini görmek, geri bildirimle çalışmayı öğrenmek için en değerli yoldur. Staj başvurusunda bile en az iki vaka çalışması hazırlayın.
- Junior pozisyon: İlanın sorumluluk listesini okuyun; “UI/UX” yazan bir ilan yalnız görsel arayüz bekliyor olabilir. Başvurunuzu o ilana göre öne çıkardığınız vaka çalışmasıyla gönderin.
- Küçük freelance işler: Kapsam, takvim ve teslim sorumluluğunu tek başınıza yönetmeniz gerekir. Bu yüzden freelance çalışmaya, bir ekipte süreç deneyimi kazandıktan sonra geçmek genellikle daha sağlıklıdır. Bağımsız çalışmanın iş tarafını freelance grafik tasarımcı olmak rehberinde anlattım.
Profesyonel ağ da önemlidir. Tasarım topluluklarına katılmak, işlerinizi düzenli paylaşmak ve geri bildirim istemek fırsatları görünür kılar. Profilinizde portfolyonuzu nasıl anlatacağınız için LinkedIn’de portfolyo anlatımı yazısına bakabilirsiniz.
Maaş ve ücret neye göre değişir?
Bu sayfada maaş rakamı vermiyorum; çünkü güncel, tarihli ve kaynağı açık bir veri olmadan verilen rakam kısa sürede yanıltıcı olur. Ücreti genellikle şu etkenler belirler: kıdem ve portfolyonun gücü, şirketin ölçeği ve sektörü, şehir veya uzaktan çalışma, rolün kapsamı (yalnız UI mı, araştırma dahil mi) ve yabancı dilde çalışabilme. Bir maaş araştırmasına bakarken verinin tarihini, kaç kişiden toplandığını ve hangi unvanları kapsadığını kontrol edin. Ücret verilerini değerlendirme yöntemini grafik tasarımcı maaşları rehberinde anlattım; aynı ölçütler UI/UX için de geçerlidir.
Yapay zekâ araçları öğrenmeyi nasıl etkiler?
Yapay zekâ araçları bugün ekran taslağı, metin önerisi ve görsel üretebiliyor. Öğrenme sürecinde bunlar hız kazandırabilir; ancak bir taslağın neden işe yarayıp yaramadığını değerlendirmek için yine temel becerilere ihtiyacınız var. Üretilen bir ekranda durumların eksik olması, erişilebilirlik sorunları ya da akışa uymayan bir yapı, ancak bilen bir göz tarafından fark edilir. Önerim: Araçları ilk fikri çeşitlendirmek için kullanın, ama kararı ve gerekçesini kendiniz yazın. Bu konuyu yapay zekâ ile web ve UI/UX tasarımı ve yapay zekâ ile uygulama yapılır mı yazılarında ayrıntılı ele aldım.
Özet: UI/UX yol haritası kontrol listesi
- Rolleri tanıyın; UI, UX, ürün tasarımı ve araştırma arasındaki farkı bilin.
- Görsel dilin temelleriyle başlayın, sonra görev ve akış düşüncesine geçin.
- Figma’da bileşen, varyant ve durum ekranı çizmeyi öğrenin.
- Prototipinizi en az üç kişiyle deneyin ve bulgulara göre değiştirin.
- Üç dört vaka çalışmasıyla problem, kısıt, karar ve rolünüzü anlatın.
- Kişisel projeleri açıkça belirtin; gerçek müşteri işi gibi sunmayın.
- Gereken becerilerin ayrıntısı için UI/UX tasarımcı becerileri, ekranları değerlendirirken başvurulacak kurallar için UI/UX tasarım ilkeleri rehberlerine bakın.
UI/UX tasarımcı olmak hakkında sık sorulan sorular
UI/UX öğrenmek için yazılım bilmek gerekir mi?
Gerekmez. Yine de HTML ve CSS’in temel mantığını, ekranların farklı genişliklerde nasıl davrandığını ve bir veri isteğinin yükleme ile hata durumları doğurduğunu bilmek, geliştiricilerle çalışmayı kolaylaştırır. Bu bilgi kod yazmayı değil, uygulanabilir tasarım yapmayı sağlar.
UI/UX tasarımcı olmak için üniversite şart mı?
Genel bir zorunluluk yoktur. İşverenlerin çoğu önce portfolyoya ve vaka çalışmalarını nasıl anlattığınıza bakar. Bazı kurumsal ya da kamu pozisyonlarında diploma şartı aranabilir; hedeflediğiniz ilanın koşullarını kontrol edin.
Grafik tasarımcı UI/UX tasarımcı olabilir mi?
Evet, sık görülen bir geçiştir. Tipografi, renk ve kompozisyon bilgisi güçlü bir başlangıç sağlar. Eksik kalan taraf genellikle akış, durum tasarımı ve kullanıcıyla deneme yapma alışkanlığıdır; portfolyoda bu becerileri gösteren vaka çalışmaları hazırlamak gerekir.
UI/UX öğrenmeye hangi programla başlamalıyım?
Sektörde yaygın olduğu için Figma ile başlamak mantıklıdır. Ancak ilk iki aşamada kâğıt ve kalem de yeterlidir. Program öğrenmek, neye karar vereceğinizi bilmenin yerine geçmez.
Portfolyoda kaç proje olmalı?
Başlangıç için üç dört güçlü vaka çalışması yeterlidir. Her birinde problemi, kısıtları, denenen alternatifleri ve sizin rolünüzü açıkça anlatın. Sayıyı artırmak için zayıf işler eklemek yerine mevcut işleri derinleştirmek daha etkilidir.
UI/UX sertifikası iş bulmayı garanti eder mi?
Hayır. Sertifika bir eğitimi tamamladığınızı gösterir; işverenin asıl değerlendirdiği portfolyonuz, vaka çalışmalarınız ve mülakatta kararlarınızı nasıl anlattığınızdır. Bir programı seçerken sertifikadan çok uygulama ve geri bildirim kalitesine bakın.
Önce UI mı UX mi öğrenilmeli?
İkisi birlikte ilerlemelidir. Yol haritasında görsel dil ilk aşamada yer alır, çünkü akışları çizerken de okunabilir ekranlar kurmak gerekir. Ancak ikinci aşamadan itibaren görev ve akış düşüncesi olmadan yapılan UI çalışması yüzeyde kalır.
İngilizce bilmeden UI/UX öğrenilir mi?
Öğrenilebilir; Türkçe kaynaklar giderek artıyor. Bununla birlikte platform kılavuzları, araç dokümantasyonları ve güncel tartışmaların önemli kısmı İngilizcedir. Okuduğunu anlayacak düzeyde İngilizce, öğrenmeyi ve uluslararası iş fırsatlarını kolaylaştırır.
Yapay zekâ UI/UX tasarımcısının yerini alır mı?
Yapay zekâ araçları taslak üretmeyi ve bazı tekrarlı işleri hızlandırabilir. Kullanıcıyı anlamak, ürün ekibiyle öncelik konuşmak, durumları ve istisnaları düşünmek ve kararın sorumluluğunu almak ise insan muhakemesi gerektiren işler olmaya devam ediyor. Araçları kullanabilen ve sonuçlarını değerlendirebilen tasarımcı bu değişimde daha avantajlı konumdadır.