Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Adobe XD ile Etkileşimli Mobil Arayüz Tasarımı: Haber Sitesi
Highest Rated
Rating: 4.6 out of 5(68 ratings)
311 students
Created byAli Yıldırım
Last updated 6/2018
Turkish

What you'll learn

  • Öğrenciler kursu tamamladıktan sonra bir mobil uygulama tasarımının nasıl yapıldığını öğrenmekle birlikte sadece programı kullanmayı değil aynı zamanda kullanıcı deneyimi ve tasarım ilkelerine dair çeşitli pratik bilgileri de öğrenmiş olacaklar.

Course content

2 sections14 lectures2h 58m total length
  • Yeni Bir Sayfa Oluşturmak ve Izgara Sistemini Hazırlamak9:08

    Adobe XD'de arayüz tasarımına başlamadan önce hangi türden cihazları seçebileceğimizi ve tasarımımızın şekline göre nasıl bir ızgara sistemi kullanabileceğimizi bu videoda anlattım. 

  • Tasarımın Tipografisini Belirlemek18:45

    Arayüz tasarımında tipografi ve doğru yazı karakteri kullanımı hayati önem taşımaktadır. Bu noktada gerek Google Fonts gerekse bilgisayarımızda yer alan diğer yazı karakterleri üzerine birtakım açıklamaları bu videoda anlattım. Ayrıca bir haber sitesi tasarladığımız için okuma deneyimine katkı sağlayacak oldukça önemli tipografi bilgilerine yer verdim.

  • Örnek Haber Görsellerini Oluşturmak13:10

    Bir haber sitesini ziyaret ettiğiniz zaman yüzlerce fotoğrafla etkileşim kurmaya başlarsınız ve bu fotoğraflar haber başlığı niteliğindedir. Ağırlıklı olarak fotoğraflar üzerinden hareket ederiz ve bu noktada okuma deneyimine katkı sağlayacak doğru fotoğraf kullanımı oldukça önem arz eder. Bu derste arayüz tasarımlarının sunumlarında ne tür fotoğrafları tercih etmemiz gerektiğine dair önemli bilgilere yer verdim.

Requirements

  • Başlangıç seviyesinde bilgisayar kullanabiliyor olmanız yeterlidir.

Description

— Bu kurs tam olarak program öğrenme kursu mudur? 

Hayır. Bu kurs Adobe XD programı vasıtası ile arayüz tasarımı ilkelerini dikkate alarak bir tasarımın nasıl ortaya çıktığını görebileceğiniz, kullanıcı deneyimi ve tipografi arasındaki okuma deneyimi hassasiyetlerini en ince ayrıntısına kadar deneyimleyebileceğiniz çok önemli bilgiler içeren ve aynı zamanda programın da tüm özelliklerini kullanarak size tam anlamıyla Adobe XD'yi kavratan bir kurstur.  

— Photoshop ve Illustrator varken niçin Adobe XD'yi tercih etmeliyim?

Adobe XD'nin ortaya çıkmasıyla birlikte Adobe programlarında arayüz tasarımında bir prototip furyası ortaya çıktı. Artık tasarladığımız sayfaları sadece .JPEG ya da .PNG olarak görmüyor aynı zamanda bu sayfalar arasında rahatlıkla gezip butonları aktif hale getirebiliyoruz. Elbette programın tek avantajı prototip oluşturabilmesi değil aynı zamanda arayüz tasarımında işimize yarayacak mükemmel araçları da barındırıyor olması. 

Adobe XD'den önce arayüz tasarımları Adobe Photoshop ve Adobe Illustrator vasıtasıyla yapılabilmekteydi. Fakat bu programlar tamamiyle arayüz tasarımı için hazırlanmadığından dolayı içerisindeki birçok karmaşıklık ve bir şeyi yapmanın birden fazla yolu olması, arayüz tasarımını hem sıkıcı hem de hantal hale getiriyordu. Adobe XD ise tamamen arayüz tasarımına yönelik hazırlanmış bir programdır ve bu yüzden içerisinde sizi meşgul edecek ya da kafanızı karıştırıp ne işe yaradığını anlayamayacağınız araçlar barındırmamaktadır. Üstelik tasarımınızı sonlandırdığınızda karşı tarafa görsel gönderimi yapmaksızın Adobe hesabınızla link oluşturup bu link üzerinden tasarımlarınızı kitlelere deneyimletebilirsiniz. 

— Peki normal bir kurumsal site yerine niçin haber sitesi arayüzü tasarlıyoruz? 

Arayüz tasarımı denildiği zaman yapılması en zor olan şeylerden bir tanesi bir haber sitesi arayüzü tasarlamaktır. Haberlerin okutulmasından galerilerin gezilmesine, manşet alanlarının oluşturulmasından site içerisindeki navigasyonu belirlemeye kadar çok ince detaylar içermektedir. Bu detayların üstesinden gelebilen tasarımcılar için kurumsal ya da bireysel sitelerin arayüz tasarımını hazırlamak hiç de zor değildir. Üstelik haber siteleri birçok sayfa içermektedir. Yoğun sayfa trafiğinin arasında navigasyonu sağlayabilmek de bu noktada oldukça önemlidir. Bu kurs sayesinde Adobe XD'ye tamamıyla hakim olacak ve sonrasında hayal gücünüz ile baş başa kalacaksınız. 


Who this course is for:

  • Mobil arayüz tasarımı yapmak isteyen herkes bu kursu alabilir.
  • Arayüz tasarımında Photoshop ya da Illustrator kullanan kişiler, projelerini artık Adobe XD'de yapmak için bu kursu alabilir.
  • Bir mobil uygulama prototipi yapmak isteyen herkes bu kursu alabilir.