Hizalama
Bu bölümde, farklı hizalama türlerini ve bunların UX/UI tasarımında nasıl kullanılacağını ele alacağız.
Hizalama; belli bir tasarım yapısı oluşturmak, görsel ögelerin organizasyonunu yapmak ve okunabilirliği artırmak için sıklıkla başvurulan bir tasarım ilkesidir. Kullanıcı deneyimi açısından doğrudan ve güçlü bir etkiye sahiptir.
Tasarımda denge ilkesinin kullanımını incelerken de vurguladığım gibi tasarımların görsel yönünü daha rahat belirleyebilmek için görsel ögeleri ortadan bölen görünmez yatay ve dikey eksenlerden faydalanılır. Bu eksenler ogelerin yatay ve dikey hizalamalarını ayarlamak için de kullanılır.
Dikey hizalama yapmak için görsel ögelerin merkezi, üstü ve/veya altı görünmez bir yatay çizgi üzerinde hizalanır. Yatay hizalama için ise tam tersi bir durum söz konusudur: Görsel ögelerin merkezi, üstü ve/veya altı görünmez bir dikey çizgi üzerinde hizalanır. Buradaki terslik, hem dikkatinizi çekmiştir ;)
Yatay ve dikey hizalama seçeneklerini sol, sağ ve orta konumlarına göre çeşitlendirebilirsiniz. Bütün tasarım araçlarında hizalama seçeneklerini belirtmek amacıyla kullanılan benzerdir. Yukarıdaki görselde, tasarım ögeleri hizalamak için kullanabileceğiniz tüm seçenekleri inceleyebilirsiniz.