Mobil Uygulama Tasarımı
-
Upload
ugur-akdmr -
Category
Design
-
view
288 -
download
4
description
Transcript of Mobil Uygulama Tasarımı
![Page 1: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/1.jpg)
Mobil Uygulama Tasarımı
Uğur AkdemirLemonat Studio - Kurucu & Kreatif Direktör @pixage
![Page 2: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/2.jpg)
1983 ilk Mobil Telefon
- Motorola DynaTAC -
![Page 3: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/3.jpg)
1997 İlk mobil uygulama
- Nokia 6110 -
![Page 4: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/4.jpg)
2007 ilk iPhone
![Page 5: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/5.jpg)
2014 Akıllı Cihazlar Çağı
![Page 6: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/6.jpg)
ÜÇ BÜYÜK İŞLETİM SİSTEMİ iOS - Android - WindowsPhone
![Page 7: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/7.jpg)
2.000.000+ mobil uygulama
mobithinking.com - Global mobile istatistik raporu 2013
![Page 8: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/8.jpg)
Mobil Uygulama Tasarımcısı Olmak
![Page 9: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/9.jpg)
Önce Kullanıcı Olun
1
![Page 10: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/10.jpg)
Geliştirici Dokümanlarını İnceleyin.
2
![Page 11: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/11.jpg)
Tıklamayı unutun Parmak uçlarına odaklanın
3
![Page 12: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/12.jpg)
Nasıl göründüğü kadar Nasıl çalıştığına da odaklanın.
4
![Page 13: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/13.jpg)
Günlük hayatı gözlemleyerek tasarlayın
5
![Page 14: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/14.jpg)
Diğer Tasarımcıları Takip Edin
6
![Page 20: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/20.jpg)
Mobil Tasarımın Püf Noktaları
![Page 21: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/21.jpg)
Tasarım Platformu
![Page 22: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/22.jpg)
Her işletim sisteminin arayüz deneyimi farklıdır.
![Page 23: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/23.jpg)
iOS Android Windows Phone
![Page 24: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/24.jpg)
Farklı Ekranlara Uyumluluk için pixel değil point
1px
1pt
2px
1pt
Retina ekran!2x
Normal ekran!1x
![Page 25: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/25.jpg)
Arayüz farklı boyuttaki ekranlara göre esneyebilir olmalı.
![Page 26: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/26.jpg)
Her cihazın kolay erişim alanı farklılık gösterebilir.
![Page 27: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/27.jpg)
Tasarımdaki buton v.b. dokunulacak alanlar. En az 44 point olmalı.
![Page 28: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/28.jpg)
Okunabilir Tasarım için Daha büyük ve net yazı karakterleri
![Page 29: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/29.jpg)
Okunabilir Tasarım için Daha büyük ve net yazı karakterleri
![Page 30: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/30.jpg)
Uygulanabilirlik için standardlara dikkat edin.
![Page 31: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/31.jpg)
Her zaman yazılım geliştirici ile birlikte çalışın
![Page 32: Mobil Uygulama Tasarımı](https://reader034.fdocument.pub/reader034/viewer/2022050817/5563ad09d8b42a79028b494d/html5/thumbnails/32.jpg)
Teşekkürler
Uğur AkdemirLemonat Studio - Kurucu & Kreatif Direktör
@pixage