Mobile App UI Design – Ücretsiz | Ömer Korkmaz



Mobile App UI Design – Ücretsiz

Cafegrapp – mobile app design

Kendi hazırlamış olduğum ios uygulama tasarımını kullanımınıza sunuyorum. Konseptin adı ‘Cafegrapp’.  Mantık olarak; çevrenizdeki cafelerden bistrolardan vs. haberdar olmanızı sağlayan, sosyal etkileşimli bir ios uygulaması kurgusu ile hazırlandı.

7 ayrı sayfa tek psd içinde gruplandırılarak ayrıldı. Çoğunluk olarak vektörel objeler kullanıldı. Mobil uygulama tasarımcıları, geliştiricileri ya da yeni başlayanlar için faydalı olabilecek bu dosyayı ücretsiz olarak indirebilir ve detaylı olarak inceleyebilirsiniz.

App Design

Mobile App Design

Cafegrafik facebook sayfasını takip ederek faydalı olabilecek paylaşımlardan anında haberdar olabilirsiniz.

Hemen Beğen

 

Cafegrapp

mobile app design

Dosya Boyutu:   17,8 MB

Dosya İçeriği:    1 psd (7 sayfa tasarımı grup olarak içerisinde), jpg formatları, Titillium Web Font Family

 

hemen-indir

www.behance.com/okorkmaz

Follow please.

7 Comments

  1. Anonim Yorumcu

    Merhaba,

    Tasarımı çok beğendim. Ellerinize sağlık 🙂 Merak ettiğim bir konu var. Siz her ne kadar iOs için yapmış olsanız da ben Android için soruyorum. Bir tasarıma başlarken ölçülerini nasıl belirliyorsunuz ? 5.5 inc bir telefon ile 4 inch telefonun psd layer boyutları aynı mı oluyor yoksa her birisi için farklı tasarımlar mı yapıyorsunuz ? Farklı boyutlar için ortak bir değer var mı ?

    Farklı sitelerden birkaç psd tasarım örneği indirdim. Her biri farklı boyutta. XML entegrasyonu yaparken hangi boyutu referans alacağıma karar veremedim. İlk kez android için tema entegre etmem gerekiyor. Konu hakkında bilgi verebilir misiniz ?

    1. cafegrafik

      Merhabalar,
      Öncelikle yorumunuz için teşekkürler. Çok fazla sorulan ve kafa karıştıran bir konu. Bu konuyla ilgili detaylı bir yazı hazırlıyordum aslında ama henüz paylaşamadım. O yüzden şimdilik özet olarak cevaplayayım.

      Temel olarak baz aldığımız ebat 640×1136 ‘dır. Tabi yükseklik değeri değişken. Bizim için önemli olan genişlik. Tüm ebatlara göre tasarım varyasyonu yapmaya gerek yok. 640 genişlikte çalışmamız yeterli. Mesela iphone 6 plus ın genişliği aslında 1080 px. Ama bunu baz alıp tasarımı uygularsak genişliği 640px olan iphone 5 de objelerin daha dar alana sıkışması durumu olacağı için yanlış bir yol izlemiş olacağız. Ama 640 ı baz alırsak daha büyük ekranlarda tasarımımızın görüntülenmesinde sıkıntı oluşmayacaktır. Çünkü objelerin ebatları standart. Sadece objeler arası boşluklarımız artıyor olacak. Buda bir dezavantaj değil.

      Görsel destekli daha detaylı bir anlatımı yakınca paylaşacağım. Şimdilik kolay gelsin 🙂

  2. Anonim Yorumcu

    Teşekkür ederim hızlı geri dönüşünüz için. Yeni makalenizi sabırsızlıkla bekliyorum.

    İyi çalışmalar..

  3. Umut

    Merhabalar, Ölçüler ile ilgili bir konuda size danışmak istiyorum. Yukarda 640px olarak yeterli olacağından bahsetmişsiniz. Peki telefon yatay şekilde çevrilince oluşan tasarımda nasıl bir yol izleniyor ? Tasarımcı 640 px olarak ayarlıyor ama yazılımcı mı ona göre düzenliyor ? Yeni bir ölçü oluşup ona göre yeni bir tasarım mı yapılıyor ? Bu konuda bazı eksik bilgilerim var. Bilgilendirirseniz sevinirim.

    1. cafegrafik

      Merhabalar. Cihazın landspaces yani yatay kullanımı için herhangi bir tasarımsal düzenlemeye gerek yok. Zaten eğer tasarımınız dikey kullanımda verimli kullanıyorsa kişi bunu yatay kullanmayacaktır. Mesela facebook uygulamasını baz alalım. Facebook u yatay kullanman için bir sebep yok. Ama kullanmak istersen de açıp baktığında göreceksin ki ayrı bir tasarımsal düzenleme yapılmamış. Çünkü düzenlemelik bir olay yok. Üst kısımda bulunan arkadaş, mesaj, bildirim ikonları var mesela. Onların araları açılır, üst kısımdaki arama barı uzamış olur sağa doğru vs., tasarım ekran içerisine yayılır yani kısaca. Bu da yazılımın doğru yapılmasıyla alakalı bir durum.

      Web tasarım ile mobile aynı gözle bakmamak lazım. İkisininde kuralları birbirinden farklı. Web de bir çok elementi sayfaya sığdırmaya çalışabilirsin. Ama mobilde en yaygın kullanımı olan küçük çözünürlüğü baz alıp öğeleri sağlıklı bir şekilde sığdırabilme kısıtın var. Yani ortaya çok fazla tasarımsal öğeye sahip bir şey çıkartma şansın yok. Bunun içinde her ebat için tek tek ayrı tasarımlar üretmeni gerektirecek bir durum yok. En güzelini yap, ekran büyüdükçe tasarım ekrana uygun şekilde yayılımı sağlansın. Bu kadar basit.

      Umarım anlaşılır olmuştur, kolay gelsin.

  4. Umut

    Cevabınız için teşekkürler, Sanıyorum ki responsive site mantığında uygulanabilir bu uygulama tasarımlarıda. Ölçünü küçük tut, büyürse kendisi yayılsın. İlgi ve alakanız için teşekkür eder çalışmalarınızda başarılar dilerim.

    1. cafegrafik

      Aynen öyle, responsive mantığında düşünebilirsin. Onda da belirli ebatları tasarlayıp ara ölçüleri sayfaya yayma şeklinde bir yol izleniyor. Tabi belli bir zaman sonra 4,7 inch den daha düşük ekran kullanan sayısı %3 lere %5 lere düşer, o zaman 640 değil de 750 ile tasarlamaya başlarız mesela. Yani sürekli istatistikleri takip edip, güncel kalıp işimizi ona göre şekillendirmemiz lazım.
      Ben teşekkür ederim, kolaylıklar dilerim.

  5. Pingback: 30 + Latest Free Mobile App UI PSD Designs » CSS Author

  6. Pingback: 50 Free Mobile App Mockup PSD Templates - XDesigns

  7. Pingback: 600+ Food Related Design Resources » CSS Author

  8. Pingback: UI / UX Prototip Hazırlama Aracı: Invisionapp - Buğra Yazar

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.