SlideShare a Scribd company logo
1 of 48
Uzm. Hüseyin BİCEN
 hbicen@neu.edu.tr
   Öğretilmek istenen nesneler ve kavramlar
    için somutluk sağlar
   Soyut düşünceleri somultaştırır
   Öğrenenleri motive eder
   Dikkat çekicidir
   Öğretme etkinliklerine çeşitlilik sağlar
   Önceki bilgileri hatırlamaya yardımcı olur




                                                 2
1.   Benzeşik (Analogical)
2.   Gerçekci (Reality)
3.   Şematik (Organizational)
4.   İlişkili (Relational)
5.   Dönüştürülebilen (Transferable)
6.   Yorumlayıcı (Interpretive)




                                       3
   Benzeşik görseller genel bir düşünceyi ifade
    etmeye yarar veya bir konunun ne anlama
    geldiğini gösterir.
   Görseller öğrencilere yeni bilgilerini önceki
    bilgileriyle yorumlamasına yardımcı olur.
   Örneğin: Dünyanın portakala benzetilmesi




                                                    4
   Öğretilecek öğenin gerçeğini gösteren
    materyaller Gerçekci görsellerdir.
   Örneğin, araba öğretilecekse öğrenciye
    arabanın fotoğrafı gösterilebilir.
   Öğenin gerçek renklerini kullanarak gerçeklik
    artılırabilir.




                                                    5
   Şematik görseller çeşitli öğeler arasındaki
    ilişkiyi gösterir.
   Çok rastlanan örnekler bir işletmenin
    hiyerarşik yapısını oluşturan şemalar, time
    lines, akış grafikleri ve haritalardır.




             Atatürk Eğitim Fakültesinin Hiyerarşik Yapısı

                                                             6
   İlişkili görseller nicel ilişkileri gösterir. Örneğin, bar
    grafik, resimli grafik, pie grafik veya line grafikler.

              İktisadi İdari Bilimler Fakültesi Öğrenci Sayısı




              39%                    38%
                                                     İşletme
                                                     Bankacılık
                                                     Bilgisayar Enformatik



                         23%




                                                                             7
   Bu görseller bir öğeyi, veya olayı zaman ve yer
    değişiminden kaynaklanan değişimleri aktarır.




    Hava değişiminden oluşan görüntü değişikliğini anlatan resim.


                                                                    8
   Yorumlayıcı görseller teorik ve soyut ilişkileri
    resimlerle açıklar.




               Elektirik devrelerini açıklayan bir görsel.


                                                             9
   Sunucunun iletmek istediği mesajı en yalın şekilde
    anlamaya ayrılan emeğin miktarını en aza
    indirgeyerek iletmek.
   Öğrenenlerin aktif katılımını sağlamak.
   Farklı kültürler ve yaş grubularında farklı
    anlamlandırma yaratmama.




                                                         10
   Sunularda yer alan önemli noktalara dikkati
    kolayca çekmek.
   Öğrenenlerin sunum sayesinde
    motivasyonlarını artırmak.
   Okunaklılığı artırmak.




                                                  11
   Öğrenci grubunun özellikleri nelerdir?
   Öğrencilerin bilgileri, yetenekleri, ilgileri ve
    güdülenmişlik düzeyleri nelerdir?
   Öğretmenin kendisi, öğrenci
    gereksinmelerine uygun mevcut öğretim
    materyalllerinden ne derece haberdardır?




                                                       12
   Öğrenci gereksinimlerine uygun materyal
    geliştirmede öğretmen ne derece yetkindir?
   Öğretmen uygun öğretim materyallerini
    geliştirmek için yeterli kaynaklara sahip
    midir?




                                                 13
   Dersin hedefleri ile uyumlumu?
   Kullanılan dil uygunmu?
   Bilgi düzeni uygunmu?
   İçeriğin doğruluğundan emin misiniz?
   İçerik güncel mi?
   Materyal öğrencinin motivasyonunu
    artırıyormu?




                                           14
   Düzenleme
   Denge
   Renk
   Okunabilirlik
   Çekicilik




                    15
   Öncelikle görsel materyallerin ne içereceğine
    karar verilmelidir. Daha sonra temeli
    oluşturacak modeli, şablonu, kullanıcının
    göreceği görüntü kararlaştırılır.
    ◦   Hizalama
    ◦   Şekil
    ◦   Yakınlık
    ◦   Yönlendirme
    ◦   Figür-Zemin Uyumu
    ◦   Tutarlılık



                                                    16
Örnek: Hizalama ilkesine kötü bir örnek.

                                           17
Örnek: Hizalama ilkesine daha iyi bir örnek.


                                               18
Örnek: Hizalama ilkesine daha iyi bir örnek.


                                               19
   Göz bir unsurdan diğerine doğru kesintisiz
    geçişler yapabiliyorsa, devamlılık sağlanmış
    demektir.
   Basit bir geometrik şekil, alfabenin harfleri
    veya resimler kullanılabilir.




                                                    20
   Görsel oluşumlarda birbirine yakın öğeler
    ilişkili, uzak öğeler ise ilişkisiz olarak
    algılanır.
   Bu nedenle öğeler yakınlık bakımından
    birbirinden açıkça ayırt edilmeli, izleyiciler
    yanıltılmamalıdır.




                                                     21
Örnek: Yakınlık ilkesine kötü bir örnek.


                                           22
Örnek: Yakınlık ilkesine daha iyi bir örnek.


                                               23
   Eğer bir görselde kullanıcının dikkatini belli
    bir yere çekmek istiyorsanız dikkatini
    çekebilecek yönlendirmeler kullanınız.
   Belirli olmasını istediğiniz yeri oklarla
    belirtebilir, yazı fontunu kalın, italik yapabilir
    veya sunulacak listeyi madde imleri ile
    gösterebilirsiniz.




                                                         24
   Önemli elementler özellikle metin stili, arka
    zeminle iyi bir uyum sağlamalıdır.
   En çok bilinen kurallardan birisi koyu renkteki
    figürler en iyi açık renk zeminlerde, açık renk
    figürler ise en iyi koyu renk zeminler üzerinde
    olur.




                                                      25
   Bir dizi görsel sunum hazırlıyorsanız benzer
    elementleri her zaman ayni türde ve ayni
    yerde kullanmanız gerekmektedir.




                                                   26
   Bir sunum ekranındaki bileşenler dikey ve
    yatay eksen dikkate alınarak eşit ağırlıkta
    dağıtılırsa, izleyicide denge ve eşitlik hissi
    uyandırır.




                                                     27
FORMAL   İNFORMAL   DENGESİZ
 DENGE     DENGE




                               28
   Bir görsel merkezden ikiye bölündüğünde
    tasarım her iki tarafta da birbirinin yansıması
    ise denge formaldir.




                   Örnek: Formal denge.

                                                      29
   Ağırlık her iki tarafta da eşit olmakla birlikte
    her iki tarafta da farklı öğeler kullanılır.
    İnformal denge daha dinamik ve izleyenin
    dikkatini görsele daha çok çeken bir
    düzenlemedir.




                  Örnek: İnformal denge.
                                                       30
   Bir öğeyi vurgulamak,duygusal tepkiler
    yaratmak için kullanılır.
   Bir ders materyalinde en önemli unsurlardan
    biri de renk seçimidir.
   Arka zemin rengi ile yazı rengi zıt olmalıdır.

          ANA RENKLER                    ARA RENKLER



Kırmızı      Sarı       Mavi   Turuncu      Mor    Yeşil



                                                           31
   Sanatçılar, uzun çalışmalar ve tecrübeler
    sonucunda mavi, yeşil, mor renkleri “soğuk
    renkler”,




   Kırımızı turuncu renkleri de “sıcak renkler “
    olarak değerlendirmişlerdir.




                                                    32
   Sıcak renkler izleyiciye yakınlaşır görünürken
    soğuk renkler uzaklaşıyor görünür.
   Bu durumdan önemli ipuçlarını kırmızı veya
    turuncu yaparak izleyiciye yaklaşıyor etkisi
    verip faydalanabilirsiniz.




                                                     33
Arka Plan             Metin ve İmajlar          Önemli Noktalar
   Beyaz                   Koyu Mavi              Kırmızı, turuncu

  Açık gri              Mavi, yeşil, siyah             Kırmızı

    Mavi                Açık Sarı, Beyaz            Sarı, kırmızı

 Açık Mavi           Koyu Mavi, Koyu Yeşil        Kırmızı, Turuncu

 Açık Sarı              Mor, Kahverengi                Kırmızı

Judy Loosmore tarafından önerilen “Eğitimde iletişim ve renkler”


                                                                     34
   Gerçeklik katar
   Görseldeki elementleri ayırt etmeye yarar
   Dikkati konuyla ilgili hedef noktaya çeker
   Birbirine bağlantısı olan elementleri mantıksal
    olarak bağlar
   Dikkat çeker ve duygusal tepki yaratır




                                                      35
   Eğer bir görseldeki yazılar veya imajlar
    izleyenler tarafından görülemiyorsa istenilen
    mesaj iletilmemiş demektir.
   Görsellerin görülebilir, okunabilir olması için
    yazı boyutu büyültülebilir objelerin kontrastı
    artırılabilir.
   Görselinize eklediğiniz objelerin net bir
    şeklide görüldüğünden emin olunuz.




                                                      36
   Farklı dinleyiciler, farklı ayarları ve farklı
    stilleri gerektirir.
   İlk okul öğrencisine hazırladığımız bir
    sunumu üniversite öğrencilerine sunamayız.
   İzleyicilere beklemedikleri anda sunumun
    önemli bir yerinde dikkat çekici renk
    değişikliği, font boyutu büyülterek
    dikkatlerini çekebilirsiniz.




                                                     37
   Metin Stili
   Metin Boyutu
   Boşluklar
   Küçük, Büyük Harf Kullanımı
   Renk




                                  38
   Görsel objeleri fikirlere örnek sağlamak için
    mümkün olduğunca çok kullanın.
   Her bir görsel objede tek bir kavram sunun.
   Karmaşık görsel objeleri basitleştirin veya
    adım adım tekrar oluşturun.
   Kısa başlıklarda hepsi büyük harf olabilir
    fakat başlık 3 kelimeyi geçiyorsa küçük harf
    kuralına uyunuz.




                                                    39
   Her görsel obje için metni minimum seviyeye
    indirin. En fazla 6 satır ve her bir satır için de
    en fazla 6 kelime kullanın.
   Rahatsız edici arkaalan (zemin)
    kullanmayınız.
   Bilgiyi sunmak için grafikler kullanınız.




                                                         40
   Aynı görüntüde farklı yazı tipleri
    kullanmayınız.
   Bir noktaya dikkat çekmek için yan, kalın,
    renkli, ve altı çizili yazı tipini tercih edin.
   Konu anlatımında gerektiği zaman büyük harf
    kullanınız.




                                                      41
   Başlıkları ekranın en üst kısmında ortaya veya
    sol tarafa yaslayınız.
   Başlığı vurgulamak için büyük harf kullanınız.
   Anahtar kelimeler içeren kısa, öz, anlamlı ve
    tanımlayıcı başlıklar kullanınız.
   Konuyla ilgili resimler kullanınız.




                                                     42
   Önemli objelere dikkat çekmek için kırmızı
    veya turuncu renk kullanınız.
   Metinlerde ve resimlerde zemin rengine zıt
    bir renk kullanınız.
   Birden çok görsel objede tutarlı zemin rengi
    kullanınız (hepsinde renk aynı olsun).




                                                   43
   Bir görsel objedeki renk miktarını sınırlayınız.
   Görsellik mümkün olan en basit şekilde
    olsun; aşırı detaylardan kaçınınız.
   Sayfa görüntüsünün dengeli olduğundan
    emin olunuz.
   Görsel objeler okunabilir olsun; eğer kullanıcı
    okuyamıyorsa, o malzemeyi kullanmayın.




                                                       44
   Düzgün bir yapı kullanınız (dengeli, sıralı, ve
    sola yaslı).
   Kelimeleri tam heceleri ile yazınız; kısaltma
    kullanmayınız.
   Başlığı kalın harflerle yazınız.
   Başlığı üç satır ile sınırlayınız. Başlıkla metin
    arasında en az bir boşluk bırakınız.




                                                        45
   Kısa cümleler kullanınız.
   Basit ve anlaşılır cümleler yazınız.
   Metinleri sola dayalı yazınız.
   Başlıkları 36 veya 38 Punto, yazıları ise 28
    veya 30 punto yazınız.
   Satır sonunda bölünmüş kelimeler
    kullanmamaya çalışınız.




                                                   46
   Aynı ekranda farklı iki yerde yanıp sönen veya
    parlak nesneleri kullanmaktan kaçınınız.
   Karmaşık grafikleri küçük parçalara bölünüz.
   Grafikleri ilişkili metinle beraber sununuz.
   Önemli noktalara dikkat çekmek için farklı
    renkler kullanınız.




                                                     47
http://facebook.com/sanalders



                                48

More Related Content

What's hot

Çoklu Ortam Tasarımı Dersi - 2.Bölüm - Bi̇li̇şsel yük kuramı ve çoklu ortam t...
Çoklu Ortam Tasarımı Dersi - 2.Bölüm - Bi̇li̇şsel yük kuramı ve çoklu ortam t...Çoklu Ortam Tasarımı Dersi - 2.Bölüm - Bi̇li̇şsel yük kuramı ve çoklu ortam t...
Çoklu Ortam Tasarımı Dersi - 2.Bölüm - Bi̇li̇şsel yük kuramı ve çoklu ortam t...oğuzhan şeker
 
Materyal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenlerMateryal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenlerismet
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 5_gorsel_arac_ve_gerecler_...
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 5_gorsel_arac_ve_gerecler_...Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 5_gorsel_arac_ve_gerecler_...
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 5_gorsel_arac_ve_gerecler_...umitbozkurt
 
Beyin temelli öğrenme
Beyin temelli öğrenmeBeyin temelli öğrenme
Beyin temelli öğrenmeofoozer
 
7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkeleri7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkelerisüphan akcı
 
öğretim yöntem ve teknikleri
öğretim yöntem ve teknikleriöğretim yöntem ve teknikleri
öğretim yöntem ve tekniklerim3rtyaman
 
öğRetme öğRenme Yaklasimlari
öğRetme öğRenme YaklasimlariöğRetme öğRenme Yaklasimlari
öğRetme öğRenme Yaklasimlariderslopedi
 
Eğitim ve felsefe
Eğitim ve felsefeEğitim ve felsefe
Eğitim ve felsefeÜmit Kaya
 
Gorsel İsitsel materyaller
Gorsel   İsitsel materyallerGorsel   İsitsel materyaller
Gorsel İsitsel materyallerazizhaykir
 
ÖĞRETİM TASARIM MODELLERİ
ÖĞRETİM TASARIM MODELLERİÖĞRETİM TASARIM MODELLERİ
ÖĞRETİM TASARIM MODELLERİEbru Filiz
 
7 fiyat-ve-fiyatlandırma
7 fiyat-ve-fiyatlandırma7 fiyat-ve-fiyatlandırma
7 fiyat-ve-fiyatlandırmaMerve Koca
 
öğRetim Teknolojileri
öğRetim TeknolojileriöğRetim Teknolojileri
öğRetim Teknolojileriguest083079
 
Sınıf yöneti̇mi̇ yusuf şarlak
Sınıf yöneti̇mi̇ yusuf şarlakSınıf yöneti̇mi̇ yusuf şarlak
Sınıf yöneti̇mi̇ yusuf şarlakYusuf Şarlak
 
Proje Hazırlama Teknikleri
Proje Hazırlama TeknikleriProje Hazırlama Teknikleri
Proje Hazırlama TeknikleriEmin Şen
 
Türk eğitim tarihi, 1. meşrutiyet döneminde eğitim
Türk eğitim tarihi, 1. meşrutiyet döneminde eğitimTürk eğitim tarihi, 1. meşrutiyet döneminde eğitim
Türk eğitim tarihi, 1. meşrutiyet döneminde eğitimAbdullah Çörtük
 

What's hot (20)

Çoklu Ortam Tasarımı Dersi - 2.Bölüm - Bi̇li̇şsel yük kuramı ve çoklu ortam t...
Çoklu Ortam Tasarımı Dersi - 2.Bölüm - Bi̇li̇şsel yük kuramı ve çoklu ortam t...Çoklu Ortam Tasarımı Dersi - 2.Bölüm - Bi̇li̇şsel yük kuramı ve çoklu ortam t...
Çoklu Ortam Tasarımı Dersi - 2.Bölüm - Bi̇li̇şsel yük kuramı ve çoklu ortam t...
 
Materyal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenlerMateryal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenler
 
Yazili materyaller
Yazili materyallerYazili materyaller
Yazili materyaller
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 5_gorsel_arac_ve_gerecler_...
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 5_gorsel_arac_ve_gerecler_...Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 5_gorsel_arac_ve_gerecler_...
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 5_gorsel_arac_ve_gerecler_...
 
Beyin temelli öğrenme
Beyin temelli öğrenmeBeyin temelli öğrenme
Beyin temelli öğrenme
 
7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkeleri7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkeleri
 
Gözlem formu 1
Gözlem formu 1Gözlem formu 1
Gözlem formu 1
 
öğretim yöntem ve teknikleri
öğretim yöntem ve teknikleriöğretim yöntem ve teknikleri
öğretim yöntem ve teknikleri
 
öğRetme öğRenme Yaklasimlari
öğRetme öğRenme YaklasimlariöğRetme öğRenme Yaklasimlari
öğRetme öğRenme Yaklasimlari
 
Öğrenme stili modelleri
Öğrenme stili modelleriÖğrenme stili modelleri
Öğrenme stili modelleri
 
Eğitim ve felsefe
Eğitim ve felsefeEğitim ve felsefe
Eğitim ve felsefe
 
Gorsel İsitsel materyaller
Gorsel   İsitsel materyallerGorsel   İsitsel materyaller
Gorsel İsitsel materyaller
 
ÖĞRETİM TASARIM MODELLERİ
ÖĞRETİM TASARIM MODELLERİÖĞRETİM TASARIM MODELLERİ
ÖĞRETİM TASARIM MODELLERİ
 
7 fiyat-ve-fiyatlandırma
7 fiyat-ve-fiyatlandırma7 fiyat-ve-fiyatlandırma
7 fiyat-ve-fiyatlandırma
 
Otmg sorular
Otmg sorularOtmg sorular
Otmg sorular
 
öğRetim Teknolojileri
öğRetim TeknolojileriöğRetim Teknolojileri
öğRetim Teknolojileri
 
Sınıf yöneti̇mi̇ yusuf şarlak
Sınıf yöneti̇mi̇ yusuf şarlakSınıf yöneti̇mi̇ yusuf şarlak
Sınıf yöneti̇mi̇ yusuf şarlak
 
Nitel Veri Analizi
Nitel Veri AnaliziNitel Veri Analizi
Nitel Veri Analizi
 
Proje Hazırlama Teknikleri
Proje Hazırlama TeknikleriProje Hazırlama Teknikleri
Proje Hazırlama Teknikleri
 
Türk eğitim tarihi, 1. meşrutiyet döneminde eğitim
Türk eğitim tarihi, 1. meşrutiyet döneminde eğitimTürk eğitim tarihi, 1. meşrutiyet döneminde eğitim
Türk eğitim tarihi, 1. meşrutiyet döneminde eğitim
 

Viewers also liked

Materyal ve Tasarım Dersi Ödev
Materyal ve Tasarım Dersi ÖdevMateryal ve Tasarım Dersi Ödev
Materyal ve Tasarım Dersi Ödevbanuyoldas
 
Sunum (materyal tasarımı )
Sunum (materyal tasarımı )Sunum (materyal tasarımı )
Sunum (materyal tasarımı )gunnurkabak
 
Materyal Tasarım
Materyal TasarımMateryal Tasarım
Materyal Tasarımdennnis35
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 2
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 2Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 2
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 2umitbozkurt
 
Uzaktaneğitim
UzaktaneğitimUzaktaneğitim
Uzaktaneğitimalbukawkaa
 
Yağmur Öğretim Teknolojileri ve Materyal Tasarımı
Yağmur Öğretim Teknolojileri ve Materyal TasarımıYağmur Öğretim Teknolojileri ve Materyal Tasarımı
Yağmur Öğretim Teknolojileri ve Materyal TasarımıYağmur Usta
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 3
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 3Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 3
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 3umitbozkurt
 
MATERYAL TASARIM FINAL KONUSU
MATERYAL TASARIM FINAL KONUSUMATERYAL TASARIM FINAL KONUSU
MATERYAL TASARIM FINAL KONUSUacecan
 
FATİH PROJESİ: Öğretim sürecinde materyallerin kullanımı
FATİH PROJESİ: Öğretim sürecinde materyallerin kullanımıFATİH PROJESİ: Öğretim sürecinde materyallerin kullanımı
FATİH PROJESİ: Öğretim sürecinde materyallerin kullanımıErol Dizdar
 
Materyal tasarımı-sunum.blog
Materyal tasarımı-sunum.blogMateryal tasarımı-sunum.blog
Materyal tasarımı-sunum.blogsinemgul
 
Fecr i̇ âti̇ şi̇i̇ri̇
Fecr i̇ âti̇ şi̇i̇ri̇Fecr i̇ âti̇ şi̇i̇ri̇
Fecr i̇ âti̇ şi̇i̇ri̇ozlembilgic
 
Yeni sunum
Yeni sunumYeni sunum
Yeni sunumfatmagur
 
Tasarım Unsurları: Ölçü ve Yön
Tasarım Unsurları: Ölçü ve YönTasarım Unsurları: Ölçü ve Yön
Tasarım Unsurları: Ölçü ve YönVeysel Özdemir
 
Uzaktan eğitim sürecinde materyal ortam ve
Uzaktan eğitim sürecinde    materyal ortam veUzaktan eğitim sürecinde    materyal ortam ve
Uzaktan eğitim sürecinde materyal ortam vealbukawkaa
 
Materyal tasarımı ve öğretim teknikleri
Materyal tasarımı ve öğretim teknikleriMateryal tasarımı ve öğretim teknikleri
Materyal tasarımı ve öğretim teknikleriRenas Kardaş
 
GÖRSEL OKURYAZARLIK
GÖRSEL OKURYAZARLIK GÖRSEL OKURYAZARLIK
GÖRSEL OKURYAZARLIK Nuriye Çelik
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 1Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 1
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1umitbozkurt
 

Viewers also liked (19)

Materyal ve Tasarım Dersi Ödev
Materyal ve Tasarım Dersi ÖdevMateryal ve Tasarım Dersi Ödev
Materyal ve Tasarım Dersi Ödev
 
Sunum (materyal tasarımı )
Sunum (materyal tasarımı )Sunum (materyal tasarımı )
Sunum (materyal tasarımı )
 
Materyal Tasarım
Materyal TasarımMateryal Tasarım
Materyal Tasarım
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 2
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 2Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 2
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 2
 
Uzaktaneğitim
UzaktaneğitimUzaktaneğitim
Uzaktaneğitim
 
Yağmur Öğretim Teknolojileri ve Materyal Tasarımı
Yağmur Öğretim Teknolojileri ve Materyal TasarımıYağmur Öğretim Teknolojileri ve Materyal Tasarımı
Yağmur Öğretim Teknolojileri ve Materyal Tasarımı
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 3
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 3Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 3
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 3
 
MATERYAL TASARIM FINAL KONUSU
MATERYAL TASARIM FINAL KONUSUMATERYAL TASARIM FINAL KONUSU
MATERYAL TASARIM FINAL KONUSU
 
FATİH PROJESİ: Öğretim sürecinde materyallerin kullanımı
FATİH PROJESİ: Öğretim sürecinde materyallerin kullanımıFATİH PROJESİ: Öğretim sürecinde materyallerin kullanımı
FATİH PROJESİ: Öğretim sürecinde materyallerin kullanımı
 
Materyal tasarımı-sunum.blog
Materyal tasarımı-sunum.blogMateryal tasarımı-sunum.blog
Materyal tasarımı-sunum.blog
 
Fecr i̇ âti̇ şi̇i̇ri̇
Fecr i̇ âti̇ şi̇i̇ri̇Fecr i̇ âti̇ şi̇i̇ri̇
Fecr i̇ âti̇ şi̇i̇ri̇
 
Yeni sunum
Yeni sunumYeni sunum
Yeni sunum
 
Materyal ders notu
Materyal ders notuMateryal ders notu
Materyal ders notu
 
Sunum
SunumSunum
Sunum
 
Tasarım Unsurları: Ölçü ve Yön
Tasarım Unsurları: Ölçü ve YönTasarım Unsurları: Ölçü ve Yön
Tasarım Unsurları: Ölçü ve Yön
 
Uzaktan eğitim sürecinde materyal ortam ve
Uzaktan eğitim sürecinde    materyal ortam veUzaktan eğitim sürecinde    materyal ortam ve
Uzaktan eğitim sürecinde materyal ortam ve
 
Materyal tasarımı ve öğretim teknikleri
Materyal tasarımı ve öğretim teknikleriMateryal tasarımı ve öğretim teknikleri
Materyal tasarımı ve öğretim teknikleri
 
GÖRSEL OKURYAZARLIK
GÖRSEL OKURYAZARLIK GÖRSEL OKURYAZARLIK
GÖRSEL OKURYAZARLIK
 
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 1Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi  ders 1
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1
 

Similar to Materyal Tasarım Öğeleri

görsel araç gereç.pptx
görsel araç gereç.pptxgörsel araç gereç.pptx
görsel araç gereç.pptxOmerDilber1
 
görsel tasarım ögeleri-ilkeleri.ppt
görsel tasarım ögeleri-ilkeleri.pptgörsel tasarım ögeleri-ilkeleri.ppt
görsel tasarım ögeleri-ilkeleri.pptNazmiye KOYUN
 
20080732 zeynep genç
20080732 zeynep genç20080732 zeynep genç
20080732 zeynep gençZeynep Genç
 
KAVRAM HARİTALARI.pptx
KAVRAM HARİTALARI.pptxKAVRAM HARİTALARI.pptx
KAVRAM HARİTALARI.pptxMuharremGldal
 
görsel tasarım ögeleri-ilkeleri.ppt
görsel tasarım ögeleri-ilkeleri.pptgörsel tasarım ögeleri-ilkeleri.ppt
görsel tasarım ögeleri-ilkeleri.pptMustafaKoyun6
 
Görsel Araç, Gereç ve Materyaller.pptx
Görsel Araç, Gereç ve Materyaller.pptxGörsel Araç, Gereç ve Materyaller.pptx
Görsel Araç, Gereç ve Materyaller.pptxaliihsanakbaba1
 
Uzaktan eğitim sürecinde materyal ortam ve
Uzaktan eğitim sürecinde    materyal ortam veUzaktan eğitim sürecinde    materyal ortam ve
Uzaktan eğitim sürecinde materyal ortam vealbukawkaa
 
Uzaktan eğitim sürecinde materyal ortam ve (1)
Uzaktan eğitim sürecinde    materyal ortam ve (1)Uzaktan eğitim sürecinde    materyal ortam ve (1)
Uzaktan eğitim sürecinde materyal ortam ve (1)albukawkaa
 
GÖRSEL ARAÇ-GEREÇ MATERYALLER.pptx
GÖRSEL ARAÇ-GEREÇ MATERYALLER.pptxGÖRSEL ARAÇ-GEREÇ MATERYALLER.pptx
GÖRSEL ARAÇ-GEREÇ MATERYALLER.pptxMuharremGldal
 
Öğretim Yazılımları ve Türleri
Öğretim Yazılımları ve TürleriÖğretim Yazılımları ve Türleri
Öğretim Yazılımları ve Türlerinyavuzalp
 
KAVRAM HARİTASI.pptx
KAVRAM HARİTASI.pptxKAVRAM HARİTASI.pptx
KAVRAM HARİTASI.pptxpinar27
 
Kavram_Haritaları_Hikmet_Belge_Doç. Dr. Agah Tuğrul Korucu.pptx
Kavram_Haritaları_Hikmet_Belge_Doç. Dr. Agah Tuğrul Korucu.pptxKavram_Haritaları_Hikmet_Belge_Doç. Dr. Agah Tuğrul Korucu.pptx
Kavram_Haritaları_Hikmet_Belge_Doç. Dr. Agah Tuğrul Korucu.pptxHikmetBelge1
 

Similar to Materyal Tasarım Öğeleri (20)

Dort hafta sunu_2
Dort hafta sunu_2Dort hafta sunu_2
Dort hafta sunu_2
 
görsel araç gereç.pptx
görsel araç gereç.pptxgörsel araç gereç.pptx
görsel araç gereç.pptx
 
görsel tasarım ögeleri-ilkeleri.ppt
görsel tasarım ögeleri-ilkeleri.pptgörsel tasarım ögeleri-ilkeleri.ppt
görsel tasarım ögeleri-ilkeleri.ppt
 
20080732 zeynep genç
20080732 zeynep genç20080732 zeynep genç
20080732 zeynep genç
 
KAVRAM HARİTALARI.pptx
KAVRAM HARİTALARI.pptxKAVRAM HARİTALARI.pptx
KAVRAM HARİTALARI.pptx
 
görsel tasarım ögeleri-ilkeleri.ppt
görsel tasarım ögeleri-ilkeleri.pptgörsel tasarım ögeleri-ilkeleri.ppt
görsel tasarım ögeleri-ilkeleri.ppt
 
Görsel Araç, Gereç ve Materyaller.pptx
Görsel Araç, Gereç ve Materyaller.pptxGörsel Araç, Gereç ve Materyaller.pptx
Görsel Araç, Gereç ve Materyaller.pptx
 
Uzaktan eğitim sürecinde materyal ortam ve
Uzaktan eğitim sürecinde    materyal ortam veUzaktan eğitim sürecinde    materyal ortam ve
Uzaktan eğitim sürecinde materyal ortam ve
 
Uzaktan eğitim sürecinde materyal ortam ve (1)
Uzaktan eğitim sürecinde    materyal ortam ve (1)Uzaktan eğitim sürecinde    materyal ortam ve (1)
Uzaktan eğitim sürecinde materyal ortam ve (1)
 
Materyal ders notu
Materyal ders notuMateryal ders notu
Materyal ders notu
 
211 gs0044
211 gs0044211 gs0044
211 gs0044
 
GÖRSEL ARAÇ-GEREÇ MATERYALLER.pptx
GÖRSEL ARAÇ-GEREÇ MATERYALLER.pptxGÖRSEL ARAÇ-GEREÇ MATERYALLER.pptx
GÖRSEL ARAÇ-GEREÇ MATERYALLER.pptx
 
211 gs0118
211 gs0118211 gs0118
211 gs0118
 
ateryal tasarimilkeler
 ateryal tasarimilkeler ateryal tasarimilkeler
ateryal tasarimilkeler
 
Görsel tASARIM.pptx
Görsel tASARIM.pptxGörsel tASARIM.pptx
Görsel tASARIM.pptx
 
Öğretim Yazılımları ve Türleri
Öğretim Yazılımları ve TürleriÖğretim Yazılımları ve Türleri
Öğretim Yazılımları ve Türleri
 
KAVRAM HARİTASI.pptx
KAVRAM HARİTASI.pptxKAVRAM HARİTASI.pptx
KAVRAM HARİTASI.pptx
 
Bde ö (1)yeni
Bde ö (1)yeniBde ö (1)yeni
Bde ö (1)yeni
 
gagne.pptx
gagne.pptxgagne.pptx
gagne.pptx
 
Kavram_Haritaları_Hikmet_Belge_Doç. Dr. Agah Tuğrul Korucu.pptx
Kavram_Haritaları_Hikmet_Belge_Doç. Dr. Agah Tuğrul Korucu.pptxKavram_Haritaları_Hikmet_Belge_Doç. Dr. Agah Tuğrul Korucu.pptx
Kavram_Haritaları_Hikmet_Belge_Doç. Dr. Agah Tuğrul Korucu.pptx
 

More from Hüseyin Bicen

More from Hüseyin Bicen (13)

WCETR Konferans Sunumum
WCETR Konferans SunumumWCETR Konferans Sunumum
WCETR Konferans Sunumum
 
WCETR Konferansı
WCETR Konferansı WCETR Konferansı
WCETR Konferansı
 
5mayıssunumu
5mayıssunumu5mayıssunumu
5mayıssunumu
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
MEB - Duyuru
MEB - DuyuruMEB - Duyuru
MEB - Duyuru
 
FİNAL PROGRAMI 23 MAYIS
FİNAL PROGRAMI 23 MAYISFİNAL PROGRAMI 23 MAYIS
FİNAL PROGRAMI 23 MAYIS
 
Final Sınav Programı 17 Mayıs
Final Sınav Programı 17 MayısFinal Sınav Programı 17 Mayıs
Final Sınav Programı 17 Mayıs
 
Final Sınav Programı
Final Sınav ProgramıFinal Sınav Programı
Final Sınav Programı
 
Mezuniyet Töreni
Mezuniyet TöreniMezuniyet Töreni
Mezuniyet Töreni
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0 Araçları
Web 2.0 AraçlarıWeb 2.0 Araçları
Web 2.0 Araçları
 
Web 2.0 sunumu
Web 2.0 sunumuWeb 2.0 sunumu
Web 2.0 sunumu
 
1.word web 2.0 kavramı
1.word   web 2.0 kavramı1.word   web 2.0 kavramı
1.word web 2.0 kavramı
 

Materyal Tasarım Öğeleri

  • 1. Uzm. Hüseyin BİCEN hbicen@neu.edu.tr
  • 2. Öğretilmek istenen nesneler ve kavramlar için somutluk sağlar  Soyut düşünceleri somultaştırır  Öğrenenleri motive eder  Dikkat çekicidir  Öğretme etkinliklerine çeşitlilik sağlar  Önceki bilgileri hatırlamaya yardımcı olur 2
  • 3. 1. Benzeşik (Analogical) 2. Gerçekci (Reality) 3. Şematik (Organizational) 4. İlişkili (Relational) 5. Dönüştürülebilen (Transferable) 6. Yorumlayıcı (Interpretive) 3
  • 4. Benzeşik görseller genel bir düşünceyi ifade etmeye yarar veya bir konunun ne anlama geldiğini gösterir.  Görseller öğrencilere yeni bilgilerini önceki bilgileriyle yorumlamasına yardımcı olur.  Örneğin: Dünyanın portakala benzetilmesi 4
  • 5. Öğretilecek öğenin gerçeğini gösteren materyaller Gerçekci görsellerdir.  Örneğin, araba öğretilecekse öğrenciye arabanın fotoğrafı gösterilebilir.  Öğenin gerçek renklerini kullanarak gerçeklik artılırabilir. 5
  • 6. Şematik görseller çeşitli öğeler arasındaki ilişkiyi gösterir.  Çok rastlanan örnekler bir işletmenin hiyerarşik yapısını oluşturan şemalar, time lines, akış grafikleri ve haritalardır. Atatürk Eğitim Fakültesinin Hiyerarşik Yapısı 6
  • 7. İlişkili görseller nicel ilişkileri gösterir. Örneğin, bar grafik, resimli grafik, pie grafik veya line grafikler. İktisadi İdari Bilimler Fakültesi Öğrenci Sayısı 39% 38% İşletme Bankacılık Bilgisayar Enformatik 23% 7
  • 8. Bu görseller bir öğeyi, veya olayı zaman ve yer değişiminden kaynaklanan değişimleri aktarır. Hava değişiminden oluşan görüntü değişikliğini anlatan resim. 8
  • 9. Yorumlayıcı görseller teorik ve soyut ilişkileri resimlerle açıklar. Elektirik devrelerini açıklayan bir görsel. 9
  • 10. Sunucunun iletmek istediği mesajı en yalın şekilde anlamaya ayrılan emeğin miktarını en aza indirgeyerek iletmek.  Öğrenenlerin aktif katılımını sağlamak.  Farklı kültürler ve yaş grubularında farklı anlamlandırma yaratmama. 10
  • 11. Sunularda yer alan önemli noktalara dikkati kolayca çekmek.  Öğrenenlerin sunum sayesinde motivasyonlarını artırmak.  Okunaklılığı artırmak. 11
  • 12. Öğrenci grubunun özellikleri nelerdir?  Öğrencilerin bilgileri, yetenekleri, ilgileri ve güdülenmişlik düzeyleri nelerdir?  Öğretmenin kendisi, öğrenci gereksinmelerine uygun mevcut öğretim materyalllerinden ne derece haberdardır? 12
  • 13. Öğrenci gereksinimlerine uygun materyal geliştirmede öğretmen ne derece yetkindir?  Öğretmen uygun öğretim materyallerini geliştirmek için yeterli kaynaklara sahip midir? 13
  • 14. Dersin hedefleri ile uyumlumu?  Kullanılan dil uygunmu?  Bilgi düzeni uygunmu?  İçeriğin doğruluğundan emin misiniz?  İçerik güncel mi?  Materyal öğrencinin motivasyonunu artırıyormu? 14
  • 15. Düzenleme  Denge  Renk  Okunabilirlik  Çekicilik 15
  • 16. Öncelikle görsel materyallerin ne içereceğine karar verilmelidir. Daha sonra temeli oluşturacak modeli, şablonu, kullanıcının göreceği görüntü kararlaştırılır. ◦ Hizalama ◦ Şekil ◦ Yakınlık ◦ Yönlendirme ◦ Figür-Zemin Uyumu ◦ Tutarlılık 16
  • 17. Örnek: Hizalama ilkesine kötü bir örnek. 17
  • 18. Örnek: Hizalama ilkesine daha iyi bir örnek. 18
  • 19. Örnek: Hizalama ilkesine daha iyi bir örnek. 19
  • 20. Göz bir unsurdan diğerine doğru kesintisiz geçişler yapabiliyorsa, devamlılık sağlanmış demektir.  Basit bir geometrik şekil, alfabenin harfleri veya resimler kullanılabilir. 20
  • 21. Görsel oluşumlarda birbirine yakın öğeler ilişkili, uzak öğeler ise ilişkisiz olarak algılanır.  Bu nedenle öğeler yakınlık bakımından birbirinden açıkça ayırt edilmeli, izleyiciler yanıltılmamalıdır. 21
  • 22. Örnek: Yakınlık ilkesine kötü bir örnek. 22
  • 23. Örnek: Yakınlık ilkesine daha iyi bir örnek. 23
  • 24. Eğer bir görselde kullanıcının dikkatini belli bir yere çekmek istiyorsanız dikkatini çekebilecek yönlendirmeler kullanınız.  Belirli olmasını istediğiniz yeri oklarla belirtebilir, yazı fontunu kalın, italik yapabilir veya sunulacak listeyi madde imleri ile gösterebilirsiniz. 24
  • 25. Önemli elementler özellikle metin stili, arka zeminle iyi bir uyum sağlamalıdır.  En çok bilinen kurallardan birisi koyu renkteki figürler en iyi açık renk zeminlerde, açık renk figürler ise en iyi koyu renk zeminler üzerinde olur. 25
  • 26. Bir dizi görsel sunum hazırlıyorsanız benzer elementleri her zaman ayni türde ve ayni yerde kullanmanız gerekmektedir. 26
  • 27. Bir sunum ekranındaki bileşenler dikey ve yatay eksen dikkate alınarak eşit ağırlıkta dağıtılırsa, izleyicide denge ve eşitlik hissi uyandırır. 27
  • 28. FORMAL İNFORMAL DENGESİZ DENGE DENGE 28
  • 29. Bir görsel merkezden ikiye bölündüğünde tasarım her iki tarafta da birbirinin yansıması ise denge formaldir. Örnek: Formal denge. 29
  • 30. Ağırlık her iki tarafta da eşit olmakla birlikte her iki tarafta da farklı öğeler kullanılır. İnformal denge daha dinamik ve izleyenin dikkatini görsele daha çok çeken bir düzenlemedir. Örnek: İnformal denge. 30
  • 31. Bir öğeyi vurgulamak,duygusal tepkiler yaratmak için kullanılır.  Bir ders materyalinde en önemli unsurlardan biri de renk seçimidir.  Arka zemin rengi ile yazı rengi zıt olmalıdır. ANA RENKLER ARA RENKLER Kırmızı Sarı Mavi Turuncu Mor Yeşil 31
  • 32. Sanatçılar, uzun çalışmalar ve tecrübeler sonucunda mavi, yeşil, mor renkleri “soğuk renkler”,  Kırımızı turuncu renkleri de “sıcak renkler “ olarak değerlendirmişlerdir. 32
  • 33. Sıcak renkler izleyiciye yakınlaşır görünürken soğuk renkler uzaklaşıyor görünür.  Bu durumdan önemli ipuçlarını kırmızı veya turuncu yaparak izleyiciye yaklaşıyor etkisi verip faydalanabilirsiniz. 33
  • 34. Arka Plan Metin ve İmajlar Önemli Noktalar Beyaz Koyu Mavi Kırmızı, turuncu Açık gri Mavi, yeşil, siyah Kırmızı Mavi Açık Sarı, Beyaz Sarı, kırmızı Açık Mavi Koyu Mavi, Koyu Yeşil Kırmızı, Turuncu Açık Sarı Mor, Kahverengi Kırmızı Judy Loosmore tarafından önerilen “Eğitimde iletişim ve renkler” 34
  • 35. Gerçeklik katar  Görseldeki elementleri ayırt etmeye yarar  Dikkati konuyla ilgili hedef noktaya çeker  Birbirine bağlantısı olan elementleri mantıksal olarak bağlar  Dikkat çeker ve duygusal tepki yaratır 35
  • 36. Eğer bir görseldeki yazılar veya imajlar izleyenler tarafından görülemiyorsa istenilen mesaj iletilmemiş demektir.  Görsellerin görülebilir, okunabilir olması için yazı boyutu büyültülebilir objelerin kontrastı artırılabilir.  Görselinize eklediğiniz objelerin net bir şeklide görüldüğünden emin olunuz. 36
  • 37. Farklı dinleyiciler, farklı ayarları ve farklı stilleri gerektirir.  İlk okul öğrencisine hazırladığımız bir sunumu üniversite öğrencilerine sunamayız.  İzleyicilere beklemedikleri anda sunumun önemli bir yerinde dikkat çekici renk değişikliği, font boyutu büyülterek dikkatlerini çekebilirsiniz. 37
  • 38. Metin Stili  Metin Boyutu  Boşluklar  Küçük, Büyük Harf Kullanımı  Renk 38
  • 39. Görsel objeleri fikirlere örnek sağlamak için mümkün olduğunca çok kullanın.  Her bir görsel objede tek bir kavram sunun.  Karmaşık görsel objeleri basitleştirin veya adım adım tekrar oluşturun.  Kısa başlıklarda hepsi büyük harf olabilir fakat başlık 3 kelimeyi geçiyorsa küçük harf kuralına uyunuz. 39
  • 40. Her görsel obje için metni minimum seviyeye indirin. En fazla 6 satır ve her bir satır için de en fazla 6 kelime kullanın.  Rahatsız edici arkaalan (zemin) kullanmayınız.  Bilgiyi sunmak için grafikler kullanınız. 40
  • 41. Aynı görüntüde farklı yazı tipleri kullanmayınız.  Bir noktaya dikkat çekmek için yan, kalın, renkli, ve altı çizili yazı tipini tercih edin.  Konu anlatımında gerektiği zaman büyük harf kullanınız. 41
  • 42. Başlıkları ekranın en üst kısmında ortaya veya sol tarafa yaslayınız.  Başlığı vurgulamak için büyük harf kullanınız.  Anahtar kelimeler içeren kısa, öz, anlamlı ve tanımlayıcı başlıklar kullanınız.  Konuyla ilgili resimler kullanınız. 42
  • 43. Önemli objelere dikkat çekmek için kırmızı veya turuncu renk kullanınız.  Metinlerde ve resimlerde zemin rengine zıt bir renk kullanınız.  Birden çok görsel objede tutarlı zemin rengi kullanınız (hepsinde renk aynı olsun). 43
  • 44. Bir görsel objedeki renk miktarını sınırlayınız.  Görsellik mümkün olan en basit şekilde olsun; aşırı detaylardan kaçınınız.  Sayfa görüntüsünün dengeli olduğundan emin olunuz.  Görsel objeler okunabilir olsun; eğer kullanıcı okuyamıyorsa, o malzemeyi kullanmayın. 44
  • 45. Düzgün bir yapı kullanınız (dengeli, sıralı, ve sola yaslı).  Kelimeleri tam heceleri ile yazınız; kısaltma kullanmayınız.  Başlığı kalın harflerle yazınız.  Başlığı üç satır ile sınırlayınız. Başlıkla metin arasında en az bir boşluk bırakınız. 45
  • 46. Kısa cümleler kullanınız.  Basit ve anlaşılır cümleler yazınız.  Metinleri sola dayalı yazınız.  Başlıkları 36 veya 38 Punto, yazıları ise 28 veya 30 punto yazınız.  Satır sonunda bölünmüş kelimeler kullanmamaya çalışınız. 46
  • 47. Aynı ekranda farklı iki yerde yanıp sönen veya parlak nesneleri kullanmaktan kaçınınız.  Karmaşık grafikleri küçük parçalara bölünüz.  Grafikleri ilişkili metinle beraber sununuz.  Önemli noktalara dikkat çekmek için farklı renkler kullanınız. 47