Bildiğiniz gibi kullanıcılar sadece uygulamamızın arayüzü ile etkileşim içinde olduğundan dolayı kullanıcılar için genellikle iyi bir uygulama, tasarımı güzel uygulama oluyor. Ben de kod yazma konusunda kendini geliştirmiş ama tasarım konusunda eksik bir insan olarak kullanıcıların gözüne hoş gelebilecek tasarımlar yapma konusunda zorlanıyordum. Ayrıca mobil cihazların ekran boyutlarındaki farklılıktan dolayı yaptığımız tasarımların her cihazda farklı görünebilmeside başka bir problem olarak beni zorluyordu. Bir süredir bu konuda araştırma yapıyordum ve bu problemleri çözme konusunda yardımcı olabilecek bir çok araç keşfettim. Ayrıca fark ettiğim bir diğer konu bu araçlar konusunda türkçe kaynağın çok az olmasıydı. Bu yüzden bu araçların ne olduğu hakkında ve bu araçları kullanma konusunda kendimi geliştirdikçe nasıl kullanıldıklarına dair yazılar yazmaya karar verdim. Bu araçlardan ilk anlatıcak olduğum Figma isimli mobil uygulama tasarlama aracıdır.
Mobil Uygulama Tasarım Aracı Nedir?
Aklınıza bir mobil uygulama tasarımı geldiği zaman veya bir mobil uygulama yapacağınız zaman bu tasarımı kağıt üzerine çizebilir daha sonra kodlama ile bu tasarımı gerçekleştirebilirsiniz. Ancak bu noktada ciddi bir problem ortaya çıkıyor. Kağıt üzerine çizdiğiniz tasarım sadece elemanların nasıl yerleşeceği, nerede ne olacağı ile ilgili oluyor. Oysa tasarımda renklerin uyumu dahi başlı başına üzerine ciddi düşünülmesi gereken bir konuyken bu problemleri kağıt üzerinde çözmek neredeyse imkansızdır. Ancak uygulamanızı yaptığınız zaman gerçekten tasarımı net bir şekilde görebilirsiniz. Bu problemlerin çözümü kağıda çizdiğiniz tasarımı kodlamadan önce gerçek bir cihaza bakıyormuş gibi karşınızda görebilmeniz ile olabilir. Bu noktada karşımıza mobil uygulama tasarım araçları çıkıyor. Aslında bu araçlar basit resim düzenleme araçlarından farksızdır. Bu araçlarda bulunan komponentler ile çok fazla çizim yapmadan sürekle bırak ile kolaylıkla mobil uygulama yapabilirsiniz. Ayrıca genellikle bu araçlar çok karmaşık resim düzenleme uygulamalarından farklı olarak daha basitleştirilmiş ve bu konuda özelleşmiş araçlardır. Bende bu yazımda bu araçlardan biri olan Figma'dan ve alternatifleriyle olan farklılıklarından da bahsediceğim.
Figma Nedir?
Figma farklı ekran görüntülerine göre tasarım yapmanıza olanak sağlayan, birden fazla kişi ile sekronize olarak çalışabildiğiniz, tasarıyıcıda veya tüm bilgisayarlarda çalışabilen, farklı türlerde çıktı alabildiğiniz bir arayüz tasarım aracıdır.
Figma'nın Özellikleri ve Alternatifleri ile Farkları
- Figma rakibi olan Sketch'e göre tüm platformlarda çalışabilir. Yani isterseniz bir tarayıcıda açabilirsiniz, mac bilgisayarınıza indirip kurabilirsiniz veya windows makinenizde de rahatlıkla kullanabilirsiniz. Sketch ise sadece mac'lerde kullanılabilen bir arayüz tasarım aracıdır.
- Figma neredeyse tamamen ücretsiz bir araçtır. Eğer profesyonel bir ekip ile sekronize bir şekilde bir proje üzerinde çalışmak istiyorsanız ücret ödemeniz gerekiyor. Bunun dışında tüm özellikleri ücretsizdir. Sketch'i ise yıllık olarak 99 dolar gibi bir ücret ödeyerek kullanabiliyorsunuz.
- Figma bir proje üzerinde ekibinizle sekronize bir şekilde çalışabilmenize imkan sağlıyorken Sketch ile bunu şimdilik yapamıyorsunuz.
- Figma ile yaptığınız tasarımları kolaylıkla arkadaşlarınız ile paylaşabiliyorsunuz ve arkadaşlarınız Figma üzerinden bu tasarımı görüntüleyebiliyor.
- Sketch ile oluşturduğunuz tasarımları Figma destekliyor. Yani daha önceden Sketch ile yaptığınız tasarıma Figma ile devam edebilirsiniz.
- Figma ile yaptığınız tasarımların farklı ekran boyutlarında nasıl görüneceğini kolaylıkla test edebilirsiniz.
- Bileşen kütüphanesi oluşturabilirsiniz. Örneğin bir kaç buton tasarımı yaptınız ve projenizde bu butonların kullanılması gerekiyor. Bu tasarımı kütüphane haline getirerek arkadaşlarınız ile paylaşabilir ve onlarında aynı butonları kullanmasını sağlayabilirsiniz.