Adobe XD Grid Ayarları Nasıl Yapılır?

Adobe XD Program kurulumu bittikten sonra neler yapacağız bununla ilgili ipucular vermeye çalışacağım. Tasarıma başlamadan önce Bosstrap 4 Grid Layout düzeni yaparak çalışma alınımızı belirlememiz gerekmektedir. Boostrap 1110px içerisinde 65 px column with ile 30 px gutter with (aralık) ile 12 column’dan oluşmaktadır. Web Arayüz yaparken grid sistemine yani ekran ızgara görünümü ayarlamamız gerekmektedir.

1920 ekran çalışmalarınızda sağ ve soldan 405px lik boşluk bırakacak şekilde 65 px column with 30 px gutter with belirleyerek 12 column oluşturmuş olacağız. Bu kurallara uymamızın sebebi çalışmamızı Web tarayıcılarda uygun ölçülerde daha iyi görüntülenmesini sağlamak amacıyla yapmaktayız.

1366 ekran çalışmalarımızda sağ ve sol 128pxlik boşluk bırakacak şekilde 12 columu 1100 px alanın içine 1920 px çalışmalarımızda olduğu gibi 65 px column with 30 px gutter with belirleyerek web browser de net görüntü elde ederiz.

Adobe XD ile Arayüz Tasarım Nasıl Yapılır? yazısı ilk önce Web Tasarım Ofisim üzerinde ortaya çıktı.