Mobil Tasarımı Geliştiriciye Nasıl Aktarırım? Tabii ki; Zeplin! | Ömer Korkmaz

Mobil Tasarımı Geliştiriciye Nasıl Aktarırım? Tabii ki; Zeplin!

mobil-tasarimi-zeplin-kapak

Mobil tasarımı mobil geliştiriciye aktarma sorunsalı her tasarımcının yaşadığı bir durumdur. Tasarım içerisindeki ögeler ne şekilde kesilip nasıl bir klasör düzeninde aktarılacak, style guideline’ı tek tek geliştiriciye nasıl aktaracağım gibi sorulara kökten çözüm için Zeplin’i kullanıyoruz. Peki nedir bu Zeplin, nasıl kullanılır bundan bahsedeceğiz.

Zeplin Hakkında

Zeplin geçtiğimiz yıllarda Türk girişimciler tarafından tasarımcı ve yazılımcılar arasındaki iletişim sorununu ortadan kaldırmaya yönelik oluşturulan çok başarılı bir araçtır. İstanbul’da başlayan bu girişim kısa sürede başarıya ulaştı ve Y Combinator’ın YC S15 sınıfına kabul edilmesiyle San Francisco’ya taşındı. Tasarımcıların belirlediği font, font kalınlıkları, renkler, ögeler arası boşluklar vb. durumları dikkate almadan çalışan geliştiriciler ile yaşanan sorunları Zeplin sayesinde ortadan kaldırabilirsiniz. Özellikle mobil alandaki sorunları da iyi bir şekilde çözdüğü için kesinlikle kullanmanız gereken bir araç.

mobil-tasarimi-zeplin-2

Tasarımcı – Geliştirici Köprüsü

Mobil cihazlar için hazırladığımız tasarımların development aşamasına çok hızlı ve doğru bir şekilde aktarılması Zeplin sayesinde çok basit. Zeplin kullanmadan önce tasarım içerisindeki ögeleri android sistemine göre 5 ebatta (mdpi, hdpi, xhdpi, xxhpi, xxxhpi), ios sistemine göre 3 ebatta (x, 2x, 3x) manuel olarak ya da belli actionlar ile export alıyor ve çok zaman kaybediyorduk. Bunun haricinde geliştirici Photoshop’tan bi haber ise tüm font ve renk bilgilerini yani guideline ‘ın bilgisini de yine manuel olarak tasarımcılar olarak biz aktarıyorduk. Ama Zeplin sağolsun tasarımcı ve geliştirici arasında mükemmel bir köprü görevi görerek bizi bu yükten kurtardı.

mobil-tasarimi-zeplin-1

Photoshop ve Sketch ile Entegre Çalışır

Windows veya Mac OS ortamlarında sorunsuz şekilde kullanabilirsiniz. Eğer Windows kullanıcısıysanız Photoshop CC kullanmanız gerekiyor. Zeplin Photoshop CC plug-in ini indirerek hemen kullanıma başlayabilirsiniz. Daha alt sürümlerde çalışmıyor. Mac Os ‘ta çalışıyorsanız Sketch kullanarak tasarımlarınızı yapın ve yine aynı şekilde Zeplin plug-in ini kullanarak tasarımlarınızı Zeplin’e aktarın. Detaylı bilgi: zeplin.io/support.html

Kullanmaya Nasıl Başlıyoruz?

Get Started linki üzerinden üyelik oluşturarak kurulum aşamasına geçiyorsunuz. Sayfa sizi zaten gerekli şekilde yönlendiriyor. Anlayamadığınız bir durum olursa site içerisinde canlı destek üzerinden zaten gayet ilgili şekilde size destek sağlıyorlar.

Zeplin’i ilk açtığımızda üyelik oluşturuyoruz. Free paket kullanacaksak sadece 1 proje oluşturabiliyoruz. Diğer paketleri price bölümünden inceleyebilirsiniz.

mobil-tasarimi-zeplin-3

Ekip İle İletişimde Kalın

İlk projenizi oluşturdunuz. Photoshop ya da Sketch ile hazırladığınız tasarımları Zeplin içerisine export ettiniz. Sonrasında proje dahilindeki arkadaşları proje içerisine davet ediyorsunuz. Tüm ekranları görüntüleyip üzerine notlar bırakabiliyorlar. Yani iletişimi de direk olarak Zeplin üzerinden sağlıyorsunuz. Bu sayede hem hızlı bir şekilde ekranlarınızı assetlere bölünmüş bir şekilde ilgili arkadaşlar ile paylaşıyorsunuz hem de olası bir feedback ya da soru gibi durumlarda anlık olarak Zeplin üzerinden iletişime geçebiliyorsunuz. Detaylı bilgi için zeplin.io içersinideki videoları izleyebilir yada Zeplin Medium sayfası içerisindeki makalelerden destek alabilirsiniz.

Mobil tasarım yapmaya başlamadan önce “mobil uygulama dünyasındaki temel kurallar” başlıklı yazımızı okumanız faydalı olacaktır. 🙂 İyi tasarımlar.

Leave a Reply

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sen gerçek misin? * Time limit is exhausted. Please reload CAPTCHA.