SlideShare a Scribd company logo
1 of 37
ÇOKLU ORTAM İÇERİKLERİNİN
TASARIMI
Ne kadar fazla duyu organı olursa o
kadar etkili öğrenme olur.
Çoklu ortam uygulamalarında içerik;
 İki boyutlu görsel ögeler
 Üç boyutlu görsel ögeler
 Hareketli görsel ögeler
 İşitsel ögeler
 Yazılı ögeler
İki ve Üç Boyutlu Görsellerin
Tasarımı
İki Boyutlu Görseller
Üç Boyutlu Görseller
İki ve Üç Boyutlu Görsellerin
Düzenlenmesi
Biçimlendirme: Biçimlendirme işleminde
görselin içeriğe katkı sağlayacak bölümünün
kadraja alınarak görselin sadece bu
bölümünün içerikte verilmesi sağlanır.
Böylece öğrenenin kavram karmaşası yaşaması
önlenir.
Renk Düzenleme: Örneğin arayüzde mat ve
pastel renkler hakimse ve ekranlarda
kullanılacak görseller parlak ve yüksek
frekanslı renklerden oluşuyorsa;görseller çok
ön plana çıkacağından görsel olarak bir
dengesizlik oluşacaktır.
Bunu önlemenin yolu ise, görsellerin renk
yoğunluklarını ve renklerin şiddetlerini
düşürmektir.
Ölçeklendirme: Ölçeklendirme işleminde
görsellerin, kullanılacak diğer çoklu ortam
ögeleri de hesaba katılarak, ekranda uygun
alana, uygun büyüklük de yerleştirme işlemleri
yapılır.
Ekran Düzenleme Örnekleri
Ekranda yerleşim sırasını önce metin, sonra da görsel
olacak şekilde düzenlemek kullanıcıya daha az bir yük
getirecektir.
Hareketli Görsellerin Tasarımı
Hareket, temel olarak bir nesnenin belirli bir zaman
diliminde, bulunduğu bir koordinatan başka bir
koordinata geçmesi veya şeklinde , boyutunda,
ya da açısında gözlemlenebilecek değişikliklerin
yaşanması olarak tanımlanabilir.
Hareketli ögeler, dikkati canlı tutup, etkin öğrenme
sağlar.
Hareketli ögeler temel olarak görsel efekt, film,
çizgi film, hareketli gif ve flash
animasyonlardan oluşmaktadır.
Görsel Efekt: Metinlerin ve görsellerin, gerek
ekrana gelirken sergiledikleri koordinata dayalı
hareketle, gerekse puntolarında, renklerinde,
açılarında meydana gelebilecek değişikliklerle
hareket etkisi uyandırılmaktadır.
Film: Belirli bir konunun anlatımını görsel olarak
betimlemek; bir duruma ilişkin görsel algı
oluşturmak ve anlatıma örnekleme yapmak için
çoklu ortam uygulamalarında yaygın olarak
kullanılırlar.
Çizgi Film: Çoğunlukla küçük yaş grubundaki
hedef kitleler için geliştirilirler. Gerek eğitici
gerekse eğlendirici özellikteki çizgi filmler
çocukların dikkatlerini sürekli canlı tutarak
motivasyon sağlarlar.
Hareketli Gif: Çoğunlukla süreklilik arz eden
eylemleri göstermek için hareketli gif
kullanılmaktadır.
Flash Animasyon: Adobe flash yazılımı
kullanılarak, istenen bir duruma ilişkin vektörel
bir hareket oluşturulur. Vektörel olması her
boyutta çözünürlük sorununu ortadan
kaldırmakta ve kullanıcıya net bir hareketli
görsel sunmaktadır.
Animasyonlar;
 Bilginin algılanmasını geliştirirler
 Öğrenme motivasyonunu artırırlar
 Öğrenmeyi pekiştirirler
 Bilginin hafıza da kalmasına yardımcı olurlar
 Eğitim çekiciliğini arttırırlar ve
 Geri bildirimlerin kısa sürede alınmasına
yardımcı olurlar.
Hareketli Görsellerin Düzenlenmesi
Hareketli görseller olarak ifade edilen grupta yer
alan filmler için yaygın olarak MOV, AVI,
MPG,MP4, MKV uzantılı dosyalar
kullanılmaktadır.
Film dosyaları kullanıcıların rahatlıkla kontrol
edebilecekleri bir yapıda olmaldır.
Yani kullanıcı başlatma, ileri geri alma, durdurma,
sesli videoların sesini kısma gibi denetimleri
kolaylıkla yapabilmelidir.
Video yürütücü örneği
Animasyonların sunumu pasif, aktif ve karışımlı
olmak üzere üç farklı şekilde
gerçekleşmektedir.
İşitsel ÖgelerinTasarımı
İşitsel Efektler:
Müzikler:
• Konu anlatımıyla eş zamanlı kullanımlarının
dikkat dağıtacağı unutulmamalıdır.
Anlatıcı Sesi:
İnsan Sesleri:
• Yani anlatıcı sesinden farklı bir tonda ya da cinsiyette bir
ses kullanılması, kullanıcının iki sesi birbirine
karıştırmasını da engelleyecektir.
Bu amaçla anlatıcı olarak kadın sesi kullanılmışsa
pekiştirme ve geri bildirim gereken durumlar için erkek
sesi tercih edilebilir.
İşitsel Ögelerin Düzenlenmesi
Yazılı Ögelerin Tasarımı
Yazılı Ögelerin Düzenlenmesi
FAZLA METİN=FAZLA BİLİŞSEL YÜK
Metin kullanımında dikkat edilmesi
gerekenler;
 Paragraflar yerine kısa satırlar,
 Satırlar için madde işaretleri,
 Her satırda en fazla 8-9 kelime,
 Satırlarda tamamlanmamış ve diğer ögelerle
birlikte anlamlı hale gelecek metin öbekleri
kullanılmalıdır.
Metinlerde;
Font(Yazı Tipi):
TASARIMDA TIRNAKSIZ FONTLAR KULLANILMALIDIR.
Okunamayan Font Örneği
Okunabilen Font Örneği
Punto:
Satır Aralığı:
Büyük-küçük Harf Kullanımı:
Metinleri Vurgulama:
Metin-Zemin İlişkisi:

More Related Content

What's hot

softver.pptx
softver.pptxsoftver.pptx
softver.pptxMareNesta
 
Multimedia Elements - Sound, Animation & Video - R.D.Sivakumar
Multimedia Elements - Sound, Animation & Video - R.D.SivakumarMultimedia Elements - Sound, Animation & Video - R.D.Sivakumar
Multimedia Elements - Sound, Animation & Video - R.D.SivakumarSivakumar R D .
 
File sharing technlogies
File sharing technlogiesFile sharing technlogies
File sharing technlogiesMary May Porto
 
Računarski softver
Računarski softverRačunarski softver
Računarski softverOlga Klisura
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 6 _ gorsel tasarim
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 6 _ gorsel tasarimÖgreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 6 _ gorsel tasarim
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 6 _ gorsel tasarimumitbozkurt
 
Beyin temelli öğrenme
Beyin temelli öğrenmeBeyin temelli öğrenme
Beyin temelli öğrenmeofoozer
 
Chapter 10 designing and producing Multimedia
Chapter 10 designing and producing MultimediaChapter 10 designing and producing Multimedia
Chapter 10 designing and producing MultimediaShehryar Ahmad
 
eğitsel oyunlar düzenlenmiş slayt
eğitsel oyunlar düzenlenmiş slayteğitsel oyunlar düzenlenmiş slayt
eğitsel oyunlar düzenlenmiş slaytkdr35
 
Akti̇f öğrenme
Akti̇f öğrenme Akti̇f öğrenme
Akti̇f öğrenme poyraz92
 
What is Multimedia? individual report
What is Multimedia? individual reportWhat is Multimedia? individual report
What is Multimedia? individual reportMar Gauden Aceron
 
Mayer'in Çoklu Ortamla Bilişsel Öğrenme Kuramı
Mayer'in Çoklu Ortamla Bilişsel Öğrenme KuramıMayer'in Çoklu Ortamla Bilişsel Öğrenme Kuramı
Mayer'in Çoklu Ortamla Bilişsel Öğrenme Kuramıgeredelix
 
Indroduction to multimedia
Indroduction to multimediaIndroduction to multimedia
Indroduction to multimediaAfhan Ap
 
Davranis bilimleri dersi sunum 4
Davranis bilimleri dersi sunum 4Davranis bilimleri dersi sunum 4
Davranis bilimleri dersi sunum 4Mert Erkol
 
Program GelişTirme
Program GelişTirmeProgram GelişTirme
Program GelişTirmederslopedi
 
Internet servisi
Internet servisiInternet servisi
Internet servisiMiroslav
 
Multimedia authoring and user interface
Multimedia authoring and user interface Multimedia authoring and user interface
Multimedia authoring and user interface nirmalbj
 

What's hot (20)

Os ideo
Os ideoOs ideo
Os ideo
 
softver.pptx
softver.pptxsoftver.pptx
softver.pptx
 
IC3 study guide
IC3 study guideIC3 study guide
IC3 study guide
 
Multimedia Elements - Sound, Animation & Video - R.D.Sivakumar
Multimedia Elements - Sound, Animation & Video - R.D.SivakumarMultimedia Elements - Sound, Animation & Video - R.D.Sivakumar
Multimedia Elements - Sound, Animation & Video - R.D.Sivakumar
 
File sharing technlogies
File sharing technlogiesFile sharing technlogies
File sharing technlogies
 
Računarski softver
Računarski softverRačunarski softver
Računarski softver
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 6 _ gorsel tasarim
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 6 _ gorsel tasarimÖgreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 6 _ gorsel tasarim
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 6 _ gorsel tasarim
 
Beyin temelli öğrenme
Beyin temelli öğrenmeBeyin temelli öğrenme
Beyin temelli öğrenme
 
Chapter 10 designing and producing Multimedia
Chapter 10 designing and producing MultimediaChapter 10 designing and producing Multimedia
Chapter 10 designing and producing Multimedia
 
eğitsel oyunlar düzenlenmiş slayt
eğitsel oyunlar düzenlenmiş slayteğitsel oyunlar düzenlenmiş slayt
eğitsel oyunlar düzenlenmiş slayt
 
Akti̇f öğrenme
Akti̇f öğrenme Akti̇f öğrenme
Akti̇f öğrenme
 
What is Multimedia? individual report
What is Multimedia? individual reportWhat is Multimedia? individual report
What is Multimedia? individual report
 
Mayer'in Çoklu Ortamla Bilişsel Öğrenme Kuramı
Mayer'in Çoklu Ortamla Bilişsel Öğrenme KuramıMayer'in Çoklu Ortamla Bilişsel Öğrenme Kuramı
Mayer'in Çoklu Ortamla Bilişsel Öğrenme Kuramı
 
Indroduction to multimedia
Indroduction to multimediaIndroduction to multimedia
Indroduction to multimedia
 
Davranis bilimleri dersi sunum 4
Davranis bilimleri dersi sunum 4Davranis bilimleri dersi sunum 4
Davranis bilimleri dersi sunum 4
 
Formati video zapisa
Formati video zapisaFormati video zapisa
Formati video zapisa
 
Program GelişTirme
Program GelişTirmeProgram GelişTirme
Program GelişTirme
 
Internet servisi
Internet servisiInternet servisi
Internet servisi
 
Internationalization
InternationalizationInternationalization
Internationalization
 
Multimedia authoring and user interface
Multimedia authoring and user interface Multimedia authoring and user interface
Multimedia authoring and user interface
 

ÇOKLU ORTAM TASARIMI Dersi - 7.Hafta - ÇOKLU ORTAM İÇERİKLERİNİN TASARIMI

  • 2. Ne kadar fazla duyu organı olursa o kadar etkili öğrenme olur.
  • 3. Çoklu ortam uygulamalarında içerik;  İki boyutlu görsel ögeler  Üç boyutlu görsel ögeler  Hareketli görsel ögeler  İşitsel ögeler  Yazılı ögeler
  • 4. İki ve Üç Boyutlu Görsellerin Tasarımı
  • 5.
  • 8. İki ve Üç Boyutlu Görsellerin Düzenlenmesi
  • 9. Biçimlendirme: Biçimlendirme işleminde görselin içeriğe katkı sağlayacak bölümünün kadraja alınarak görselin sadece bu bölümünün içerikte verilmesi sağlanır. Böylece öğrenenin kavram karmaşası yaşaması önlenir. Renk Düzenleme: Örneğin arayüzde mat ve pastel renkler hakimse ve ekranlarda kullanılacak görseller parlak ve yüksek frekanslı renklerden oluşuyorsa;görseller çok ön plana çıkacağından görsel olarak bir dengesizlik oluşacaktır. Bunu önlemenin yolu ise, görsellerin renk yoğunluklarını ve renklerin şiddetlerini düşürmektir.
  • 10. Ölçeklendirme: Ölçeklendirme işleminde görsellerin, kullanılacak diğer çoklu ortam ögeleri de hesaba katılarak, ekranda uygun alana, uygun büyüklük de yerleştirme işlemleri yapılır. Ekran Düzenleme Örnekleri Ekranda yerleşim sırasını önce metin, sonra da görsel olacak şekilde düzenlemek kullanıcıya daha az bir yük getirecektir.
  • 11. Hareketli Görsellerin Tasarımı Hareket, temel olarak bir nesnenin belirli bir zaman diliminde, bulunduğu bir koordinatan başka bir koordinata geçmesi veya şeklinde , boyutunda, ya da açısında gözlemlenebilecek değişikliklerin yaşanması olarak tanımlanabilir. Hareketli ögeler, dikkati canlı tutup, etkin öğrenme sağlar. Hareketli ögeler temel olarak görsel efekt, film, çizgi film, hareketli gif ve flash animasyonlardan oluşmaktadır.
  • 12. Görsel Efekt: Metinlerin ve görsellerin, gerek ekrana gelirken sergiledikleri koordinata dayalı hareketle, gerekse puntolarında, renklerinde, açılarında meydana gelebilecek değişikliklerle hareket etkisi uyandırılmaktadır.
  • 13. Film: Belirli bir konunun anlatımını görsel olarak betimlemek; bir duruma ilişkin görsel algı oluşturmak ve anlatıma örnekleme yapmak için çoklu ortam uygulamalarında yaygın olarak kullanılırlar. Çizgi Film: Çoğunlukla küçük yaş grubundaki hedef kitleler için geliştirilirler. Gerek eğitici gerekse eğlendirici özellikteki çizgi filmler çocukların dikkatlerini sürekli canlı tutarak motivasyon sağlarlar.
  • 14. Hareketli Gif: Çoğunlukla süreklilik arz eden eylemleri göstermek için hareketli gif kullanılmaktadır.
  • 15. Flash Animasyon: Adobe flash yazılımı kullanılarak, istenen bir duruma ilişkin vektörel bir hareket oluşturulur. Vektörel olması her boyutta çözünürlük sorununu ortadan kaldırmakta ve kullanıcıya net bir hareketli görsel sunmaktadır. Animasyonlar;  Bilginin algılanmasını geliştirirler  Öğrenme motivasyonunu artırırlar  Öğrenmeyi pekiştirirler  Bilginin hafıza da kalmasına yardımcı olurlar  Eğitim çekiciliğini arttırırlar ve  Geri bildirimlerin kısa sürede alınmasına yardımcı olurlar.
  • 16. Hareketli Görsellerin Düzenlenmesi Hareketli görseller olarak ifade edilen grupta yer alan filmler için yaygın olarak MOV, AVI, MPG,MP4, MKV uzantılı dosyalar kullanılmaktadır. Film dosyaları kullanıcıların rahatlıkla kontrol edebilecekleri bir yapıda olmaldır.
  • 17. Yani kullanıcı başlatma, ileri geri alma, durdurma, sesli videoların sesini kısma gibi denetimleri kolaylıkla yapabilmelidir. Video yürütücü örneği
  • 18. Animasyonların sunumu pasif, aktif ve karışımlı olmak üzere üç farklı şekilde gerçekleşmektedir.
  • 21. Müzikler: • Konu anlatımıyla eş zamanlı kullanımlarının dikkat dağıtacağı unutulmamalıdır.
  • 23. İnsan Sesleri: • Yani anlatıcı sesinden farklı bir tonda ya da cinsiyette bir ses kullanılması, kullanıcının iki sesi birbirine karıştırmasını da engelleyecektir. Bu amaçla anlatıcı olarak kadın sesi kullanılmışsa pekiştirme ve geri bildirim gereken durumlar için erkek sesi tercih edilebilir.
  • 26. Yazılı Ögelerin Düzenlenmesi FAZLA METİN=FAZLA BİLİŞSEL YÜK
  • 27. Metin kullanımında dikkat edilmesi gerekenler;  Paragraflar yerine kısa satırlar,  Satırlar için madde işaretleri,  Her satırda en fazla 8-9 kelime,  Satırlarda tamamlanmamış ve diğer ögelerle birlikte anlamlı hale gelecek metin öbekleri kullanılmalıdır.
  • 29. Font(Yazı Tipi): TASARIMDA TIRNAKSIZ FONTLAR KULLANILMALIDIR.
  • 31.
  • 34.