# Arayüz tasarımı (UI)

> Arayüz tasarımı (UI), bir site ya da uygulamada kullanıcının gördüğü ve dokunduğu ekranların tasarlanmasıdır. Renkler, yazı tipleri, düğmeler, boşluklar ve ikonlar bu işin konusudur. Amaç, ekranın hem markaya uygun hem de kolay okunur ve kullanılır olmasıdır.

- Adres: https://radkod.com/sozluk/arayuz-tasarimi
- Yayıncı: RadKod
- Yayın: 2026-07-30

## Arayüz tasarımı nedir?

Arayüz tasarımı, kullanıcının ekranda gördüğü her şeyin tasarlanmasıdır. İngilizcede User Interface design denir ve UI diye kısaltılır. Renkler, yazı tipleri, düğmelerin biçimi, öğeler arasındaki boşluk, ikonlar ve form alanları bu işin konusudur. İyi bir arayüz güzel görünmekle kalmaz, ne yapılacağını da kendiliğinden anlatır.

Bir örnek verelim. Bir ürün sayfasında "Sepete ekle" ve "Favorilere ekle" düğmeleri aynı renk ve aynı boyutta. Ziyaretçi hangisinin asıl düğme olduğunu anlamak için duraksıyor. Arayüz tasarımında asıl düğme belirgin renkte ve büyük, ikinci düğme sade olur. Göz önce doğru yere gider. Aynı mantık açık gri üzerine açık gri yazı gibi okunmayan metinlerde de geçerlidir.

## Nasıl çalışır?

Arayüz tasarımı genellikle akış belli olduktan sonra başlar. Önce [kullanıcı deneyimi](/sozluk/kullanici-deneyimi) çalışmasıyla sayfaların sırası ve içeriği çıkar. Ardından renkler, yazı tipleri ve bileşenler bir tasarım sisteminde toplanır: her düğme, her başlık, her form alanı bir kez tasarlanır ve her yerde aynı kullanılır. Sonra ekranlar tıklanabilir bir [prototip](/sozluk/prototip) haline getirilir ve kodlamaya geçmeden onaylanır.

Tasarımı kod yazmadan önce görüp onaylamanız, sonradan çıkacak pahalı değişiklikleri önler. Nasıl çalıştığımızı [web tasarım](/hizmetler/web-tasarim) sayfasında anlattık.

## Sık sorulanlar

### UI tasarımı hangi araçlarla yapılır?

En yaygın araç Figma'dır. Ekranlar, bileşenler ve prototip aynı dosyada durur. Tasarımı tarayıcıdan inceleyip yorum bırakabilirsiniz.

### Arayüz tasarımı erişilebilirliği etkiler mi?

Evet. Yazı ile arka plan arasındaki kontrast, yazı boyutu ve düğmelerin büyüklüğü, görme güçlüğü olanlar ve yaşlı kullanıcılar için siteyi kullanılır ya da kullanılmaz kılar.

### Kurumsal kimliğim yoksa UI tasarımı yapılabilir mi?

Yapılabilir. Logonuz ve birkaç temel renk yeterli bir başlangıçtır. Arayüz tasarımı sırasında renk ve yazı kuralları netleşir ve sonraki işlerde de kullanılır.