doubco
Published in

doubco

UI&UX ve eksik parça…

Öncellikle doub.co’dan size “merhaba dünyalı” demek istiyorum.

Hemen konumuza girelim, diğer tüm arayüz tasarımcıları gibi biz de nerdeyse tüm işlerimize sketch, illustrator ya da photoshop’u açarak başlıyorduk. Ancak planlamaları ya da fikirleri bir anda ekrana dökmek her zaman en verimli yöntem olmayabiliyor.

Doub.co olarak ne yaparsak yapalım eskiz ile başlama isteğimiz sanırım GSF geçmişimize dayanıyor.

Biz uzun süre eskizleyerek mobil uygulama tasarlarken oran-orantı ve hız dengesini yakalamaya özen gösterdik. Bundaki asıl amacımız elimizle attığımız eskizin her zaman bizi ekranda tatmin etmemesiydi.

Bu aşamada genelde internet üzerinde değişik “page templateleri” aradık durduk. Fakat tam anlamıyla bizi tatmin eden bir araç ya da kaynak bulamadık.

kısaca aramızda “ptg” dediğimiz aracımız;

  • 2 farklı sayfa boyu(a4 ve a5)
  • 4 farklı grid boyu
  • 4 köşe tipi
  • 2 farklı sayfa türü(noktalı ve kareli)
  • hazır şablonlar ve cihazlar
  • gridleri içe-dışa verebilme
  • bilinen cihaz ölçüleri gizleme/gösterme
  • renk seçimi
  • dpi calculator
  • ve tabii ki PDF export

gibi özellikler ve dahası ile donatılmış durumda.

ayrıca “nasıl kullanılır” videolarına YouTube kanalımızdan ulaşabilirsiniz.

Hala “şimdi bu nedir?” diyenler için kısa birkaç örnek ile açıklamaya çalışalım.

Diyelim ki iPhone’a bir uygulama tasarlamaya başladık, iPhone ekosisteminde bile en az 3 ekran boyu ile karşı karşıya kaldığınızı anlamanız çok uzun sürmeyecektir. Bunlar iPhone SE/5S/5–6/6S/7–6P/6SP/7P

Tüm Aktif iPhone Modelleri

“ptg” ile hızlıca yukarıdaki gibi bir sayfa hazırlayabilir ve anında yazıcınızdan baskısını alıp tasarım sürecine başlayabilirsiniz.

Yukarıdaki gibi bir sayfayı 15 cihaz arasından istediğiniz gibi drag ‘n drop ile oluşturabilirsiniz.

Yeni bir icon/font setini tasarlamaya başladığınızda istediğiniz büyük ihtimalle aşağıdaki gibi bir şey olacaktır.

128px * 128px | 8px kareli

yukarıdaki gibi freestyle takılabilirsiniz.

Biz aracımızı kullandıkça “ptg”nin yanına birkaç fiziksel ürün tasarlama ihtiyacı duyduk.

Bunlar;

  • Pixel based notebooks/blocknotes (Satın al)
  • Pixel based rulers (Çok Yakında…)

Tüm ürün ailesi 144 DPI’a göre ayarlandı, böylece cetveli ister satın aldığınız defterlerde ister ücretsiz baskısını aldığınız sayfalarınızda kullanabilirsiniz.

Sevgilerimizle, Doub.co

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Berkay Sargın

Designs and builds things. Product Designer, Developer, 🦄. Co-founder @doubco and @usejoker .