Bu aşamada, herhangi bir arayüz tasarımının, bir kullanıcının ihtiyaçlarını karşılamayı amaçlayan teknik ve analitik çözümlerden oluştuğunu anlıyoruz. İyi bir tasarımcının kişisel zevkinin bir ürünü etkilemesine asla izin vermeyeceğini unutmayın. Bu nedenle, bir arayüzün tasarımı, eskiz ve wireframe oluşturmanın ilk aşamaları dışında, her ayrıntı için hassasiyetle yapılmalıdır. Figma, bunu başarıyla gerçekleştirmenize yardımcı olacak bir dizi özel araca sahiptir.

Bu bölümden itibaren, tasarım dosyalarınızda artık rastgele çerçeve boyutları, renkler, yazı tipleri ve diğer öğeler olmayacak. Şu andan itibaren, yalnızca uygulamanızın arayüzünü oluşturmanın her adımında kendinizden emin olduğunuzda ilerlemeniz gerekiyor. Bu nedenle, olası hataları en aza indirmenize veya ortadan kaldırmanıza yardımcı olacak araçlara ihtiyacınız olacak. Bunlardan biri de ızgaralardır.

Izgaralar 13. yüzyıla kadar uzanan çok eski bir tasarım aracıdır. O zamanlar tüm kitaplar el yazmasıydı ve bu nedenle çok pahalı ve değerliydi ve bir kitap oluşturmak çok çaba gerektiriyordu. Izgaralar, el yazısıyla yazılmış metni kağıt üzerinde düzgün bir şekilde konumlandırarak ve içeriğin her sayfada eşit bir şekilde görünmesini sağlayarak bir kitabın her sayfasını uyumlu hale getirmek için icat edildi. O zamandan beri grid sistemi, basılı sayfaların düzenini organize etmek için kullanıldığı için yayınevlerinin vazgeçilmezi olmaya devam etti. Yayıncılar, editörler ve yazarlar, içeriğin sayfalarda mükemmel bir uyum içinde görüntülenmesi için ızgaralara başvurdular. Izgaralar genellikle sayfa kenarlarından belirli bir aralık ve dolgu ile bir sayfaya yerleştirilen sütun ve satırlardan oluşur. Tüm sayfalara aynı ızgara uygulandığından, metin ve resimler kitap veya dergi boyunca tutarlıydı. Böylece okuyucu basılı sayfaların görselliğinden etkileniyor ama daha da önemlisi içeriğe daha kolay odaklanabiliyordu. Aşağıdaki şemada bir sayfa düzeni örneği gösterilmektedir:

Izgara yöntemi daha sonra grafik tasarımda kullanıldı ve ızgaralar hala herhangi bir basit veya karmaşık kompozisyonun temelini oluşturuyor. Herhangi bir sanat eserine ilk kez baktığınızı varsayalım. Bu durumda, öğelerin bazı konumlandırma kurallarına göre düzenlendiğini hemen fark etmeyebilirsiniz. Yine de, kitaplardan posterlere ve hatta fotoğraf çekimlerine kadar kendine saygısı olan her tasarım projesinin arkasında ızgaralar vardır.

Sanal sayfaların basılı sayfalarla pek çok ortak noktası olduğundan, ızgaralar web siteleri, uygulamalar ve günlük olarak kullandığımız diğer dijital ürünlerin oluşturulmasında da yaygın olarak kullanılmaktadır. Ancak, dijital sayfalar farklı şekilde görüntülenebildikleri ve cihazların ekran boyutları önemli ölçüde değişebildiği için kalıcı olamazlar. Ancak ızgaraların temel prensibi aynıdır - kullanıcının dikkatinin içerikten dağılmaması için tüm öğeler tüm sayfalarda uyum ve tutarlılıkla düzenlenmelidir.

Varsayımsal kitlemizin öncelikle akıllı telefon uygulamamızı kullanacağını daha önce belirlediğimiz için, önce mobil ekran için doğru ızgarayı belirleyeceğiz, ardından bu ızgaranın özelliklerine göre daha yüksek çözünürlüklere geçeceğiz. 

Artık tasarımcıların ızgaraları neden kullandığını bildiğinize göre, Figma'da bir ızgara sisteminin nasıl oluşturulacağını ve çalıştırılacağını anlamak önemlidir. Izgaralar, çeşitli tasarım öğeleri arasında tutarlılığı korumak için yapılandırılmış bir çerçeve sağlayan tasarımın temel bir yönüdür. Genellikle sütun ve satırları oluşturan kesişen dikey ve yatay çizgilerden oluşurlar. Bu yapı, öğelerin sistematik bir şekilde hizalanmasına yardımcı olur ve uyumlu, dengeli bir düzen sağlar. Izgaraları daha derinlemesine incelemeden önce, Figma'da öğeleri aynı çerçeve içinde hizalamak için kullanılan bir başka çok yönlü araç olan kılavuzları da anlayalım. Kılavuzlar ızgaralardan daha basittir ve daha spesifik hizalama görevleri için kullanılır. İnce yatay ve dikey çizgiler olarak görünürler ve ızgaraların yapılandırılmış formatına kıyasla öğeleri taşımak ve yeniden konumlandırmak için daha hızlı ve daha kolay bir yol sunarlar. Kılavuzların nasıl etkili bir şekilde kullanılacağını anlamak, ızgara sistemlerini tamamen benimsemeden önce hayati bir adımdır.