ݺߣ

ݺߣShare a Scribd company logo
1 
GÖRSEL TASARIM
2 
Bu bölümü bitirdiğinizde 
•Görsel tasarım öğelerinden çizgi, şekil, alan, boyut, doku, renk konuları hakkında bilgi sahibi olacak, 
•Görsel tasarım ilkelerinden bütünlük, denge, vurgu, hizalama, yakınlık konularında fikir sahibi olacak, 
•Bir eğitim materyali geliştirirken dikkat edilmesi gereken noktaları öğreneceksiniz.
3 
Nasıl Öğreniriz?
4 
TASARIM ÖĞELERĠ
5 
Tasarım Öğeleri 
•Çizgi 
•Şekil 
•Alan 
•Boyut 
•Doku 
•Renk
6 
Çizgi 
•En fazla kullanılan öğedir. 
•Çizgi, dikkati belirli bir noktaya çekebildiği gibi belirli bir yolun izlenmesini de sağlayabilir. 
•Çizgiler yön ve hareket gösterebilirler. 
•Şekilleri ayırma ve birleştirme işlevi görürler.
7 
Çizgi 
Belirli bir noktayı (ANASAYFA) işaret eden çizgi kullanımı.
8 
Çizgi 
Ankara –İstanbul arası izlenecek yolu gösteren çizgi kullanımı (Google).
9 
ġekil 
•Şekil bir yüzey üzerine yaratılan iki boyutlu biçimlerdir. 
•Farklı şekiller bir araya gelerek anlamlı bir bütün oluşturabilirler. 
•Şekiller kimi zaman herhangi bir cismin sadece kenar çizgileri ile görüntülenmesinde kullanılırlar. Bunu siluet olarak ifade etmek de mümkündür.
10 
ġekil 
Örnek Siluetler
11 
ġekil 
Mimari Çizim Örneği
12 
Alan 
•Görsel materyallerde alan kullanımı materyalin anlaşılabilir olması açısından büyük önem taşır. 
•Kapalı (dolu) ya da açık (boş) alanlar olarak ikiye ayırabileceğimiz alan kullanımına en güzel örneklerden biri dergi ya da kitap tasarımlarıdır. 
•Bu tasarımlarda sayfanın tamamı metin ya da şekiller ile doldurulmaz. Okuyucunun içeriği daha rahat takip edebilmesi için boş alanlara yer verilir.
13 
Alan 
Dergilerde alan kullanımı
14 
Alan 
Kitaplarda alan kullanımı
15 
Boyut 
•Görsel tasarım içerisinde kullanılan bir cismin boyutu çoğu zaman yanıltıcı olabilir. 
•Cisim diğer cisimler ile birlikte kullanıldığında boyut açısından bir anlam ifade eder.
16 
Boyut 
Ağacın parmaklar arasında durması; ağacın minyatür 
olduğu ya da ağacı tutanın dev olduğu hissini vermektedir
17 
Boyut 
Yapılan araştırmanın büyüklüğü ifade edilmeye çalışılıyor
18 
Doku 
•Görsellerin çoğu iki boyutludur. 
•Bu görsellerde doku ve desen kullanarak üçüncü bir boyut eklemek mümkün olabilir. 
•Doku, görselin hem daha gerçekçi gözükmesine, hem de zeminle cisim arasında oluşan farklılık sayesinde daha rahat algılanmasına yardımcı olur.
19 
Doku 
Solda düz kahverengi zemin. Sağda ağaç dokusu
20 
Doku 
Solda doku uygulanmamış gitar. 
Sağda doku uygulanmış ve üç boyut etkisine sahip olan gitar
21 
Renk 
•Renk görsel materyallerde önemli bir unsur olmakla birlikte etkililiği bilinçli kullanılmasına bağlıdır. 
•Günümüz eğitim teknolojileri kapsamında kullanılan araç gereçler –özellikle yansıtım (projeksiyon) cihazları –materyallerdeki renk kullanımını daha da önemli hale getirmektedir. 
•Yanlış tema ve renk tercihleri materyalin kullanımını olumsuz yönde etkilemekte, özellikle okunabilirlik açısından sorunlara yol açmaktadır.
22 
Renk 
Geri plan ve metin renklerinin hatalı 
seçilmesi sonucu okunabilirliğin azalması.
23 
Renk çemberi
24 
TASARIM ĠLKELERĠ
25 
Tasarım İlkeleri 
•Bütünlük 
•Denge 
•Vurgu 
•Hizalama 
•Yakınlık
26 
Bütünlük 
•Bütünlük, bir görseli meydana getiren öğelerin bir bütün olarak görünmesini sağlayan, öğeler arasındaki ilişkidir. 
•Bütünlüğü oluşturacak olan ilişkinin kurulabilmesi için bir önceki konuda bahsedilen tasarım öğelerinden (çizgi, şekil, renk, vb.) faydalanılır. 
•Materyal içerisinde bütünlüğün sağlanmış olması mesajı anlamayı ve yorumlamayı kolaylaştırır.
27 
Bütünlük
28 
Bütünlük 
•Bütünlüğün sağlanması açısından yapılan hataların başında materyalin içinde çok sayıda ve birbiri ile ilişkisi düzgün bir şekilde ifade edilememiş öğelerin kullanımı yer alır. 
•Bu tür hataları en aza indirebilmek için verilmek istenen mesaj tasarımcı tarafından açık ve net olarak ifade edilebilmelidir. Tasarımcının aklına gelen tüm fikirler materyale yansıtılmamalıdır.
29 
Bütünlük
30 
Bütünlük 
“3x3” kuralı ile elde edilen matris
31 
Bütünlük
32 
Denge 
•Denge, öğelerin yatay ve dikey olarak materyale eşit ağırlıkta dağıtılması (yerleştirilmesi) yoluyla oluşturulur. İki türlü denge vardır: 
•Formal (Simetrik): Bir materyalin ortadan ikiye bölündüğünde öğelerin simetrik olarak (her iki tarafta da birbirinin aynı şekilde) yerleştirilmesi. 
•İnformal (Simetrik olmayan): Ağırlık olarak her iki tarafta eşittir ancak kullanılan öğeler farklıdır. Dengenin informal şekilde sağlanması materyale belirli ölçüde hareketlilik kazandırabilmektedir.
33 
Denge 
Formal (Simetrik) olarak kurulmuş denge
34 
Denge 
İnformal (Simetrik olmayan) olarak kurulmuş denge
35 
Denge 
Denge’nin kullanılmadığı (dengesiz) materyal
36 
Vurgu 
•Materyal’de kullanılan görsellerin belirli bir bölümüne dikkat çekilmek istenebilir. Öğeyi ilgi merkezi haline getirebilmek için kullanılan farklı teknikler bulunmaktadır. Bu teknikler bazıları aşağıda listelenmiştir: 
•Ok ve benzeri yön gösteren çizgilerin ve şekillerin kullanılması. 
•Odaklanılacak öğenin farklı şekilde boyutlandırılması. 
•Farklı renk ve doku kullanımları.
37 
Vurgu 
Vurgu’da çizgi ve şekil kullanımı
38 
Vurgu 
Vurgu’da farklı boyut kullanımı
39 
Vurgu 
Vurgu’da renk kullanımı
40 
Hizalama 
•Hizalama, görsel materyallerin daha kolay algılanmasında, öğeler arasında kurulan ilişkilerin daha rahat anlaşılmasında önemli rol oynar. Materyal içinde düzenli bir şekilde yerleştirilmiş öğeler öğrenmede de kolaylık sağlar. 
•Materyalde hizalama kullanımı sırasında, öğeler arası hizalamanın yanı sıra tüm öğelerin materyale göre hizalanmasına da özen gösterilmelidir.
41 
Hizalama 
ğپ materyalinde hizalama kullanımı
42 
Yakınlık 
•ğپ materyallerinde belirli bir kavramı ifade edebilmek, mesajı iletebilmek için birden fazla öğe kullanılabilir. 
•Bu öğelerin arasındaki ilişkiyi öğelerin birbirleri arasındaki uzaklıkları ve yakınlıkları belirler. 
•Birbirleri ile yakın öğeler ilişkili uzak olan öğeler ise ilişkisiz olarak anlamlandırılırlar.
43 
Yakınlık 
İlişkili Öğeler 
ĠliĢkisiz Öğeler
44 
Yakınlık 
Görsel öğelerde yakınlık ve insan algısı üzerindeki etkisi
45 
Eğitsel Materyallerde Görsel Tasarım
46 
Resim, Fotoğraf ve Grafik Kullanımı 
•Bu öğelerin kullanımı ne çok soyut ne de çok gerçekçi olmalıdır. 
•Gerçek resimler (fotoğraflar) yerine karikatürler, çizimler ya da diyagramlar kullanılmalıdır. 
•Bu şekilde çok fazla ayrıntıya girerek öğrencinin dikkatinin dağılması ve odaklanılacak ana konudan uzaklaşması önlenebilir.
47 
Resim, Fotoğraf ve Grafik Kullanımı 
Hızla giden bir arabanın tasviri için çizim kullanılması. 
Aynı tasvirin gerçek bir yarış arabası görseli ile yapılması, 
öğrencilerin marka, model, renk gibi ayrıntılara 
odaklanmasına neden olabilir
48 
Resim, Fotoğraf ve Grafik Kullanımı 
•Öğretim amaçlı bir görsel materyal tasarlarken, nesnelerin gerçeklik derecesinden çok anlamsal boyutunu dikkate almak gerekmektedir. 
•Boyut açısından öğenin daha iyi ifade edilebilmesi için ölçek kullanılabilir. Rakamsal bilgilerin aktarılmasında grafiklerden faydalanılmalıdır.
49 
Metin Kullanımı 
•Görselin genelinde aynı tip yazı tipinin kullanılmasına gayret gösterilmelidir. 
•Belirli bir noktaya dikkat çekilmesi amacıyla altı çizili, kalın, renkli ya da italik yazı tipi tercih edilebilir.
50 
Metin Kullanımı 
•Sürekli büyük harf ya da yazı tipi efektleri (altı çizili, italik vb.) kullanılması okunabilirliği azaltacaktır. Bu tür kullanımdan kaçınılmalıdır.
51 
Metin Kullanımı 
Sunum için hazırlanan materyallerde en çok karşılaşılan hatalardan 
biri örnekte görüldüğü gibi uzun metinlerin ardı ardına kullanılmasıdır
52 
Metin Kullanımı 
Zemin ve metin renginin yanlış kullanımı
53 
Renk Kullanımı 
•Dikkat çekilmek istenilen öğelerin renk seçimlerinde parlak ve canlı renklere ağırlık verilmelidir. 
•Bir bütünü oluşturan öğelerin (örneğin bir sunumu oluşturan yansıların) her birinde aynı temanın (zemin rengi, yazı tipi rengi vb.) kullanılmasına özen gösterilmelidir. 
•Görsellerdeki renk sayısı kısıtlanmalıdır. Renk kullanımında aşırıya kaçmak, görselin rahat takip edilebilmesini engelleyebilir.
54 
Renk Kullanımı 
Görsel içinde aşırı renk kullanımı
55 
Biçim 
•Görsel, mümkün olan en sade şekilde hazırlanmaya çalışılmalıdır. Görsel içinde kullanılan öğelerin dengeli bir şekilde yerleştirilmesi gerekmektedir. 
•İnsan gözüne uyum sağlayacak şekilde, özellikle yansıtılan materyallerde yatay kullanıma dikkat edilmelidir. Görsel, farklı ışık koşullarında ve değişik uzaklıklardan okunabilir olmalıdır.
56 
Biçim
57 
Kaynaklar 
•Google. (tarih yok). Eylül 28, 2009 tarihinde Google Maps: http://maps.google.com adresinden alındı 
•Güven, M. (2008). Öğretim Materyali Tasarım Süreci. K. Selvi içinde, Öğretim Teknolojileri ve Materyal Tasarımı(s. 165-213). Ankara: Anı Yayıncılık. 
•Madran, R. O. (tarih yok). Eylül 18, 2009 tarihinde Sanal Kampüs: http://www.sanalkampus.web.tr adresinden alındı 
•Madran, R. O. (tarih yok). Temel İlk Yardım Bilgileri ğپi. Ekim 1, 2009 tarihinde Orçun Madran'ın Kişisel Web Sitesi: http://www.baskent.edu.tr/~omadran/projeler/icerikoynatici/egitim.html adresinden alındı 
•Seferoğlu, S. (2007). Öğretim Teknolojileri ve Materyal Tasarımı.Ankara: Pegem A Yayıncılık. 
•Yalın, H. İ. (2006). Öğretim Teknoloileri ve Materyal Geliştirme. Ankara: Nobel Yayın Dağıtım.

More Related Content

What's hot (20)

Materyal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenlerMateryal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenler
ismet
Merkezi Eğilim ve Dağılım Ölçüleri
Merkezi Eğilim ve Dağılım ÖlçüleriMerkezi Eğilim ve Dağılım Ölçüleri
Merkezi Eğilim ve Dağılım Ölçüleri
Gülşah Başol
Hasta haklari iletisim dili ve hasta memnuniyeti
Hasta haklari iletisim dili ve hasta memnuniyetiHasta haklari iletisim dili ve hasta memnuniyeti
Hasta haklari iletisim dili ve hasta memnuniyeti
Kemal ASLAN
Müşteri Sadakati
Müşteri Sadakati Müşteri Sadakati
Müşteri Sadakati
ilker KALDI
TÜKETİCİ DAVRANIŞI
TÜKETİCİ DAVRANIŞI TÜKETİCİ DAVRANIŞI
TÜKETİCİ DAVRANIŞI
Ömür Talay
Herkese Sağlık Türkiye’nin Hedef Ve Stratejileri (Hedef:21)
Herkese Sağlık Türkiye’nin Hedef Ve Stratejileri (Hedef:21)Herkese Sağlık Türkiye’nin Hedef Ve Stratejileri (Hedef:21)
Herkese Sağlık Türkiye’nin Hedef Ve Stratejileri (Hedef:21)
COSKUN CAN AKTAN
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi 4_materyaltasarimiilkeleri
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi 4_materyaltasarimiilkeleriÖgreti̇m teknoloji̇leri̇ ve materyal tasarimi 4_materyaltasarimiilkeleri
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi 4_materyaltasarimiilkeleri
umitbozkurt
Marka Tanımı_presents.pptx
Marka Tanımı_presents.pptxMarka Tanımı_presents.pptx
Marka Tanımı_presents.pptx
rabbittank1
Pazarlama arastirmasi sunum son
Pazarlama arastirmasi sunum sonPazarlama arastirmasi sunum son
Pazarlama arastirmasi sunum son
Keskin Bicak
Gorsel Tasarim Ilkeleri Sunum
Gorsel Tasarim Ilkeleri   SunumGorsel Tasarim Ilkeleri   Sunum
Gorsel Tasarim Ilkeleri Sunum
ramazan
Sunum teknikleri
Sunum teknikleriSunum teknikleri
Sunum teknikleri
Cumhuriyet Üniversitesi
Eğitsel oyunlar
Eğitsel oyunlarEğitsel oyunlar
Eğitsel oyunlar
Pelin Kılınçpınar
DATA VISUALIZATION
DATA VISUALIZATIONDATA VISUALIZATION
DATA VISUALIZATION
Aabhika Samantaray
Is hukuku
Is hukukuIs hukuku
Is hukuku
Teknikakademiisg
Sınıf Yerleşim Düzeni
Sınıf Yerleşim DüzeniSınıf Yerleşim Düzeni
Sınıf Yerleşim Düzeni
Şaban Yıldız
Modelagem 3D e Blender Modelagem 3D e Blender
Modelagem 3D e Blender
Carlos Campani
Pazarlama araştırması slayt
Pazarlama araştırması slaytPazarlama araştırması slayt
Pazarlama araştırması slayt
sedef2
Pazarlama
PazarlamaPazarlama
Pazarlama
Nilay Kızılata
13. bölüm ağizdan ağiza iletişim ve pazarlama
13. bölüm ağizdan ağiza iletişim ve pazarlama13. bölüm ağizdan ağiza iletişim ve pazarlama
13. bölüm ağizdan ağiza iletişim ve pazarlama
Suleyman Bayindir
Materyal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenlerMateryal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenler
ismet
Merkezi Eğilim ve Dağılım Ölçüleri
Merkezi Eğilim ve Dağılım ÖlçüleriMerkezi Eğilim ve Dağılım Ölçüleri
Merkezi Eğilim ve Dağılım Ölçüleri
Gülşah Başol
Hasta haklari iletisim dili ve hasta memnuniyeti
Hasta haklari iletisim dili ve hasta memnuniyetiHasta haklari iletisim dili ve hasta memnuniyeti
Hasta haklari iletisim dili ve hasta memnuniyeti
Kemal ASLAN
Herkese Sağlık Türkiye’nin Hedef Ve Stratejileri (Hedef:21)
Herkese Sağlık Türkiye’nin Hedef Ve Stratejileri (Hedef:21)Herkese Sağlık Türkiye’nin Hedef Ve Stratejileri (Hedef:21)
Herkese Sağlık Türkiye’nin Hedef Ve Stratejileri (Hedef:21)
COSKUN CAN AKTAN
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi 4_materyaltasarimiilkeleri
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi 4_materyaltasarimiilkeleriÖgreti̇m teknoloji̇leri̇ ve materyal tasarimi 4_materyaltasarimiilkeleri
Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi 4_materyaltasarimiilkeleri
umitbozkurt
Marka Tanımı_presents.pptx
Marka Tanımı_presents.pptxMarka Tanımı_presents.pptx
Marka Tanımı_presents.pptx
rabbittank1
Pazarlama arastirmasi sunum son
Pazarlama arastirmasi sunum sonPazarlama arastirmasi sunum son
Pazarlama arastirmasi sunum son
Keskin Bicak
Gorsel Tasarim Ilkeleri Sunum
Gorsel Tasarim Ilkeleri   SunumGorsel Tasarim Ilkeleri   Sunum
Gorsel Tasarim Ilkeleri Sunum
ramazan
Modelagem 3D e Blender Modelagem 3D e Blender
Modelagem 3D e Blender
Carlos Campani
Pazarlama araştırması slayt
Pazarlama araştırması slaytPazarlama araştırması slayt
Pazarlama araştırması slayt
sedef2
13. bölüm ağizdan ağiza iletişim ve pazarlama
13. bölüm ağizdan ağiza iletişim ve pazarlama13. bölüm ağizdan ağiza iletişim ve pazarlama
13. bölüm ağizdan ağiza iletişim ve pazarlama
Suleyman Bayindir

Similar to Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 3 (20)

4 Görsel Tasarım İlkeleri.pptx
4 Görsel Tasarım İlkeleri.pptx4 Görsel Tasarım İlkeleri.pptx
4 Görsel Tasarım İlkeleri.pptx
Hüseyin Bora Eydir
7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkeleri7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkeleri
süphan akcı
görsel araç gereç.pptx
görsel araç gereç.pptxgörsel araç gereç.pptx
görsel araç gereç.pptx
OmerDilber1
Görsel Tasarım
Görsel TasarımGörsel Tasarım
Görsel Tasarım
Burak Erol
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
aliihsanakbaba1
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
Nazmiye KOYUN
Ö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
Görsel araç gereç materyal.pptx
Görsel araç gereç materyal.pptxGörsel araç gereç materyal.pptx
Görsel araç gereç materyal.pptx
Hatice Genç
Kadriye Oldum Görsel araç ve gereç materyaller.pdf
Kadriye Oldum  Görsel araç ve gereç materyaller.pdfKadriye Oldum  Görsel araç ve gereç materyaller.pdf
Kadriye Oldum Görsel araç ve gereç materyaller.pdf
KadriyeOldum
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
MustafaKoyun6
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
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
albukawkaa
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
albukawkaa
GÖRSEL TASARIM İLKELERİ.pptx
GÖRSEL TASARIM İLKELERİ.pptxGÖRSEL TASARIM İLKELERİ.pptx
GÖRSEL TASARIM İLKELERİ.pptx
Zehra Ertaş
GÖRSEL TASARIM İLKELERİ 4.hafta öğretim teknolojileri.pdf
GÖRSEL TASARIM İLKELERİ 4.hafta öğretim teknolojileri.pdfGÖRSEL TASARIM İLKELERİ 4.hafta öğretim teknolojileri.pdf
GÖRSEL TASARIM İLKELERİ 4.hafta öğretim teknolojileri.pdf
Mervezkan34
7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkeleri7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkeleri
süphan akcı
görsel araç gereç.pptx
görsel araç gereç.pptxgörsel araç gereç.pptx
görsel araç gereç.pptx
OmerDilber1
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
aliihsanakbaba1
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
Nazmiye KOYUN
Ö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
Görsel araç gereç materyal.pptx
Görsel araç gereç materyal.pptxGörsel araç gereç materyal.pptx
Görsel araç gereç materyal.pptx
Hatice Genç
Kadriye Oldum Görsel araç ve gereç materyaller.pdf
Kadriye Oldum  Görsel araç ve gereç materyaller.pdfKadriye Oldum  Görsel araç ve gereç materyaller.pdf
Kadriye Oldum Görsel araç ve gereç materyaller.pdf
KadriyeOldum
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
MustafaKoyun6
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
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
albukawkaa
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
albukawkaa
GÖRSEL TASARIM İLKELERİ.pptx
GÖRSEL TASARIM İLKELERİ.pptxGÖRSEL TASARIM İLKELERİ.pptx
GÖRSEL TASARIM İLKELERİ.pptx
Zehra Ertaş
GÖRSEL TASARIM İLKELERİ 4.hafta öğretim teknolojileri.pdf
GÖRSEL TASARIM İLKELERİ 4.hafta öğretim teknolojileri.pdfGÖRSEL TASARIM İLKELERİ 4.hafta öğretim teknolojileri.pdf
GÖRSEL TASARIM İLKELERİ 4.hafta öğretim teknolojileri.pdf
Mervezkan34

More from umitbozkurt (7)

Çalışma Yaprağı-Tasavvuf
Çalışma Yaprağı-TasavvufÇalışma Yaprağı-Tasavvuf
Çalışma Yaprağı-Tasavvuf
umitbozkurt
Tasavvuf edebi̇yatı
Tasavvuf edebi̇yatıTasavvuf edebi̇yatı
Tasavvuf edebi̇yatı
umitbozkurt
çAlişma yapraği
çAlişma yaprağiçAlişma yapraği
çAlişma yapraği
umitbozkurt
Tasavvuf edebi̇yatı
Tasavvuf edebi̇yatıTasavvuf edebi̇yatı
Tasavvuf edebi̇yatı
umitbozkurt
Ö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
umitbozkurt
Dil ve anlatim dersi konulari
Dil ve anlatim dersi konulariDil ve anlatim dersi konulari
Dil ve anlatim dersi konulari
umitbozkurt
Ogreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1
Ogreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1Ogreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1
Ogreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1
umitbozkurt
Çalışma Yaprağı-Tasavvuf
Çalışma Yaprağı-TasavvufÇalışma Yaprağı-Tasavvuf
Çalışma Yaprağı-Tasavvuf
umitbozkurt
Ö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
umitbozkurt
Dil ve anlatim dersi konulari
Dil ve anlatim dersi konulariDil ve anlatim dersi konulari
Dil ve anlatim dersi konulari
umitbozkurt
Ogreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1
Ogreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1Ogreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1
Ogreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 1
umitbozkurt

Recently uploaded (7)

HALK SAĞLIĞI(SAĞLIĞIN GELİŞTİRİLMESİ).pptx
HALK SAĞLIĞI(SAĞLIĞIN GELİŞTİRİLMESİ).pptxHALK SAĞLIĞI(SAĞLIĞIN GELİŞTİRİLMESİ).pptx
HALK SAĞLIĞI(SAĞLIĞIN GELİŞTİRİLMESİ).pptx
moruc832
Gıdalarda Taklit ve Tağşiş_ ilbas.pdf Counterfeit and Adulteration
Gıdalarda Taklit ve Tağşiş_ ilbas.pdf Counterfeit  and AdulterationGıdalarda Taklit ve Tağşiş_ ilbas.pdf Counterfeit  and Adulteration
Gıdalarda Taklit ve Tağşiş_ ilbas.pdf Counterfeit and Adulteration
A. İrfan İLBAŞ
HALK SAĞLIĞI(sağlık hizmetlerinin özellikleri).pptx
HALK SAĞLIĞI(sağlık hizmetlerinin özellikleri).pptxHALK SAĞLIĞI(sağlık hizmetlerinin özellikleri).pptx
HALK SAĞLIĞI(sağlık hizmetlerinin özellikleri).pptx
moruc832
MEB - Bilgisayarlı Tasarım Uygulamaları 9
MEB - Bilgisayarlı Tasarım Uygulamaları 9MEB - Bilgisayarlı Tasarım Uygulamaları 9
MEB - Bilgisayarlı Tasarım Uygulamaları 9
adnansikisenses16
CRP201 Perşembe Planning and Design Studio - Fall Term Final Projects
CRP201 Perşembe Planning and Design Studio - Fall Term Final ProjectsCRP201 Perşembe Planning and Design Studio - Fall Term Final Projects
CRP201 Perşembe Planning and Design Studio - Fall Term Final Projects
City and Regional Planning, METU
1 Bakteri Genetiği Prof. Dr. Sevgi ERGİN.pptx.pdf
1 Bakteri Genetiği Prof. Dr. Sevgi ERGİN.pptx.pdf1 Bakteri Genetiği Prof. Dr. Sevgi ERGİN.pptx.pdf
1 Bakteri Genetiği Prof. Dr. Sevgi ERGİN.pptx.pdf
toprakz280
Tarımsal Kalkınma ve Sürdürülebilirlik _ AÇILIŞ DERSİ 16 Eylül 2024
Tarımsal Kalkınma ve  Sürdürülebilirlik _  AÇILIŞ DERSİ 16 Eylül 2024Tarımsal Kalkınma ve  Sürdürülebilirlik _  AÇILIŞ DERSİ 16 Eylül 2024
Tarımsal Kalkınma ve Sürdürülebilirlik _ AÇILIŞ DERSİ 16 Eylül 2024
A. İrfan İLBAŞ
HALK SAĞLIĞI(SAĞLIĞIN GELİŞTİRİLMESİ).pptx
HALK SAĞLIĞI(SAĞLIĞIN GELİŞTİRİLMESİ).pptxHALK SAĞLIĞI(SAĞLIĞIN GELİŞTİRİLMESİ).pptx
HALK SAĞLIĞI(SAĞLIĞIN GELİŞTİRİLMESİ).pptx
moruc832
Gıdalarda Taklit ve Tağşiş_ ilbas.pdf Counterfeit and Adulteration
Gıdalarda Taklit ve Tağşiş_ ilbas.pdf Counterfeit  and AdulterationGıdalarda Taklit ve Tağşiş_ ilbas.pdf Counterfeit  and Adulteration
Gıdalarda Taklit ve Tağşiş_ ilbas.pdf Counterfeit and Adulteration
A. İrfan İLBAŞ
HALK SAĞLIĞI(sağlık hizmetlerinin özellikleri).pptx
HALK SAĞLIĞI(sağlık hizmetlerinin özellikleri).pptxHALK SAĞLIĞI(sağlık hizmetlerinin özellikleri).pptx
HALK SAĞLIĞI(sağlık hizmetlerinin özellikleri).pptx
moruc832
MEB - Bilgisayarlı Tasarım Uygulamaları 9
MEB - Bilgisayarlı Tasarım Uygulamaları 9MEB - Bilgisayarlı Tasarım Uygulamaları 9
MEB - Bilgisayarlı Tasarım Uygulamaları 9
adnansikisenses16
CRP201 Perşembe Planning and Design Studio - Fall Term Final Projects
CRP201 Perşembe Planning and Design Studio - Fall Term Final ProjectsCRP201 Perşembe Planning and Design Studio - Fall Term Final Projects
CRP201 Perşembe Planning and Design Studio - Fall Term Final Projects
City and Regional Planning, METU
1 Bakteri Genetiği Prof. Dr. Sevgi ERGİN.pptx.pdf
1 Bakteri Genetiği Prof. Dr. Sevgi ERGİN.pptx.pdf1 Bakteri Genetiği Prof. Dr. Sevgi ERGİN.pptx.pdf
1 Bakteri Genetiği Prof. Dr. Sevgi ERGİN.pptx.pdf
toprakz280
Tarımsal Kalkınma ve Sürdürülebilirlik _ AÇILIŞ DERSİ 16 Eylül 2024
Tarımsal Kalkınma ve  Sürdürülebilirlik _  AÇILIŞ DERSİ 16 Eylül 2024Tarımsal Kalkınma ve  Sürdürülebilirlik _  AÇILIŞ DERSİ 16 Eylül 2024
Tarımsal Kalkınma ve Sürdürülebilirlik _ AÇILIŞ DERSİ 16 Eylül 2024
A. İrfan İLBAŞ

Ögreti̇m teknoloji̇leri̇ ve materyal tasarimi ders 3

  • 2. 2 Bu bölümü bitirdiğinizde •Görsel tasarım öğelerinden çizgi, şekil, alan, boyut, doku, renk konuları hakkında bilgi sahibi olacak, •Görsel tasarım ilkelerinden bütünlük, denge, vurgu, hizalama, yakınlık konularında fikir sahibi olacak, •Bir eğitim materyali geliştirirken dikkat edilmesi gereken noktaları öğreneceksiniz.
  • 5. 5 Tasarım Öğeleri •Çizgi •Şekil •Alan •Boyut •Doku •Renk
  • 6. 6 Çizgi •En fazla kullanılan öğedir. •Çizgi, dikkati belirli bir noktaya çekebildiği gibi belirli bir yolun izlenmesini de sağlayabilir. •Çizgiler yön ve hareket gösterebilirler. •Şekilleri ayırma ve birleştirme işlevi görürler.
  • 7. 7 Çizgi Belirli bir noktayı (ANASAYFA) işaret eden çizgi kullanımı.
  • 8. 8 Çizgi Ankara –İstanbul arası izlenecek yolu gösteren çizgi kullanımı (Google).
  • 9. 9 ġekil •Şekil bir yüzey üzerine yaratılan iki boyutlu biçimlerdir. •Farklı şekiller bir araya gelerek anlamlı bir bütün oluşturabilirler. •Şekiller kimi zaman herhangi bir cismin sadece kenar çizgileri ile görüntülenmesinde kullanılırlar. Bunu siluet olarak ifade etmek de mümkündür.
  • 10. 10 ġekil Örnek Siluetler
  • 11. 11 ġekil Mimari Çizim Örneği
  • 12. 12 Alan •Görsel materyallerde alan kullanımı materyalin anlaşılabilir olması açısından büyük önem taşır. •Kapalı (dolu) ya da açık (boş) alanlar olarak ikiye ayırabileceğimiz alan kullanımına en güzel örneklerden biri dergi ya da kitap tasarımlarıdır. •Bu tasarımlarda sayfanın tamamı metin ya da şekiller ile doldurulmaz. Okuyucunun içeriği daha rahat takip edebilmesi için boş alanlara yer verilir.
  • 13. 13 Alan Dergilerde alan kullanımı
  • 14. 14 Alan Kitaplarda alan kullanımı
  • 15. 15 Boyut •Görsel tasarım içerisinde kullanılan bir cismin boyutu çoğu zaman yanıltıcı olabilir. •Cisim diğer cisimler ile birlikte kullanıldığında boyut açısından bir anlam ifade eder.
  • 16. 16 Boyut Ağacın parmaklar arasında durması; ağacın minyatür olduğu ya da ağacı tutanın dev olduğu hissini vermektedir
  • 17. 17 Boyut Yapılan araştırmanın büyüklüğü ifade edilmeye çalışılıyor
  • 18. 18 Doku •Görsellerin çoğu iki boyutludur. •Bu görsellerde doku ve desen kullanarak üçüncü bir boyut eklemek mümkün olabilir. •Doku, görselin hem daha gerçekçi gözükmesine, hem de zeminle cisim arasında oluşan farklılık sayesinde daha rahat algılanmasına yardımcı olur.
  • 19. 19 Doku Solda düz kahverengi zemin. Sağda ağaç dokusu
  • 20. 20 Doku Solda doku uygulanmamış gitar. Sağda doku uygulanmış ve üç boyut etkisine sahip olan gitar
  • 21. 21 Renk •Renk görsel materyallerde önemli bir unsur olmakla birlikte etkililiği bilinçli kullanılmasına bağlıdır. •Günümüz eğitim teknolojileri kapsamında kullanılan araç gereçler –özellikle yansıtım (projeksiyon) cihazları –materyallerdeki renk kullanımını daha da önemli hale getirmektedir. •Yanlış tema ve renk tercihleri materyalin kullanımını olumsuz yönde etkilemekte, özellikle okunabilirlik açısından sorunlara yol açmaktadır.
  • 22. 22 Renk Geri plan ve metin renklerinin hatalı seçilmesi sonucu okunabilirliğin azalması.
  • 25. 25 Tasarım İlkeleri •Bütünlük •Denge •Vurgu •Hizalama •Yakınlık
  • 26. 26 Bütünlük •Bütünlük, bir görseli meydana getiren öğelerin bir bütün olarak görünmesini sağlayan, öğeler arasındaki ilişkidir. •Bütünlüğü oluşturacak olan ilişkinin kurulabilmesi için bir önceki konuda bahsedilen tasarım öğelerinden (çizgi, şekil, renk, vb.) faydalanılır. •Materyal içerisinde bütünlüğün sağlanmış olması mesajı anlamayı ve yorumlamayı kolaylaştırır.
  • 28. 28 Bütünlük •Bütünlüğün sağlanması açısından yapılan hataların başında materyalin içinde çok sayıda ve birbiri ile ilişkisi düzgün bir şekilde ifade edilememiş öğelerin kullanımı yer alır. •Bu tür hataları en aza indirebilmek için verilmek istenen mesaj tasarımcı tarafından açık ve net olarak ifade edilebilmelidir. Tasarımcının aklına gelen tüm fikirler materyale yansıtılmamalıdır.
  • 30. 30 Bütünlük “3x3” kuralı ile elde edilen matris
  • 32. 32 Denge •Denge, öğelerin yatay ve dikey olarak materyale eşit ağırlıkta dağıtılması (yerleştirilmesi) yoluyla oluşturulur. İki türlü denge vardır: •Formal (Simetrik): Bir materyalin ortadan ikiye bölündüğünde öğelerin simetrik olarak (her iki tarafta da birbirinin aynı şekilde) yerleştirilmesi. •İnformal (Simetrik olmayan): Ağırlık olarak her iki tarafta eşittir ancak kullanılan öğeler farklıdır. Dengenin informal şekilde sağlanması materyale belirli ölçüde hareketlilik kazandırabilmektedir.
  • 33. 33 Denge Formal (Simetrik) olarak kurulmuş denge
  • 34. 34 Denge İnformal (Simetrik olmayan) olarak kurulmuş denge
  • 35. 35 Denge Denge’nin kullanılmadığı (dengesiz) materyal
  • 36. 36 Vurgu •Materyal’de kullanılan görsellerin belirli bir bölümüne dikkat çekilmek istenebilir. Öğeyi ilgi merkezi haline getirebilmek için kullanılan farklı teknikler bulunmaktadır. Bu teknikler bazıları aşağıda listelenmiştir: •Ok ve benzeri yön gösteren çizgilerin ve şekillerin kullanılması. •Odaklanılacak öğenin farklı şekilde boyutlandırılması. •Farklı renk ve doku kullanımları.
  • 37. 37 Vurgu Vurgu’da çizgi ve şekil kullanımı
  • 38. 38 Vurgu Vurgu’da farklı boyut kullanımı
  • 39. 39 Vurgu Vurgu’da renk kullanımı
  • 40. 40 Hizalama •Hizalama, görsel materyallerin daha kolay algılanmasında, öğeler arasında kurulan ilişkilerin daha rahat anlaşılmasında önemli rol oynar. Materyal içinde düzenli bir şekilde yerleştirilmiş öğeler öğrenmede de kolaylık sağlar. •Materyalde hizalama kullanımı sırasında, öğeler arası hizalamanın yanı sıra tüm öğelerin materyale göre hizalanmasına da özen gösterilmelidir.
  • 41. 41 Hizalama ğپ materyalinde hizalama kullanımı
  • 42. 42 Yakınlık •ğپ materyallerinde belirli bir kavramı ifade edebilmek, mesajı iletebilmek için birden fazla öğe kullanılabilir. •Bu öğelerin arasındaki ilişkiyi öğelerin birbirleri arasındaki uzaklıkları ve yakınlıkları belirler. •Birbirleri ile yakın öğeler ilişkili uzak olan öğeler ise ilişkisiz olarak anlamlandırılırlar.
  • 43. 43 Yakınlık İlişkili Öğeler ĠliĢkisiz Öğeler
  • 44. 44 Yakınlık Görsel öğelerde yakınlık ve insan algısı üzerindeki etkisi
  • 45. 45 Eğitsel Materyallerde Görsel Tasarım
  • 46. 46 Resim, Fotoğraf ve Grafik Kullanımı •Bu öğelerin kullanımı ne çok soyut ne de çok gerçekçi olmalıdır. •Gerçek resimler (fotoğraflar) yerine karikatürler, çizimler ya da diyagramlar kullanılmalıdır. •Bu şekilde çok fazla ayrıntıya girerek öğrencinin dikkatinin dağılması ve odaklanılacak ana konudan uzaklaşması önlenebilir.
  • 47. 47 Resim, Fotoğraf ve Grafik Kullanımı Hızla giden bir arabanın tasviri için çizim kullanılması. Aynı tasvirin gerçek bir yarış arabası görseli ile yapılması, öğrencilerin marka, model, renk gibi ayrıntılara odaklanmasına neden olabilir
  • 48. 48 Resim, Fotoğraf ve Grafik Kullanımı •Öğretim amaçlı bir görsel materyal tasarlarken, nesnelerin gerçeklik derecesinden çok anlamsal boyutunu dikkate almak gerekmektedir. •Boyut açısından öğenin daha iyi ifade edilebilmesi için ölçek kullanılabilir. Rakamsal bilgilerin aktarılmasında grafiklerden faydalanılmalıdır.
  • 49. 49 Metin Kullanımı •Görselin genelinde aynı tip yazı tipinin kullanılmasına gayret gösterilmelidir. •Belirli bir noktaya dikkat çekilmesi amacıyla altı çizili, kalın, renkli ya da italik yazı tipi tercih edilebilir.
  • 50. 50 Metin Kullanımı •Sürekli büyük harf ya da yazı tipi efektleri (altı çizili, italik vb.) kullanılması okunabilirliği azaltacaktır. Bu tür kullanımdan kaçınılmalıdır.
  • 51. 51 Metin Kullanımı Sunum için hazırlanan materyallerde en çok karşılaşılan hatalardan biri örnekte görüldüğü gibi uzun metinlerin ardı ardına kullanılmasıdır
  • 52. 52 Metin Kullanımı Zemin ve metin renginin yanlış kullanımı
  • 53. 53 Renk Kullanımı •Dikkat çekilmek istenilen öğelerin renk seçimlerinde parlak ve canlı renklere ağırlık verilmelidir. •Bir bütünü oluşturan öğelerin (örneğin bir sunumu oluşturan yansıların) her birinde aynı temanın (zemin rengi, yazı tipi rengi vb.) kullanılmasına özen gösterilmelidir. •Görsellerdeki renk sayısı kısıtlanmalıdır. Renk kullanımında aşırıya kaçmak, görselin rahat takip edilebilmesini engelleyebilir.
  • 54. 54 Renk Kullanımı Görsel içinde aşırı renk kullanımı
  • 55. 55 Biçim •Görsel, mümkün olan en sade şekilde hazırlanmaya çalışılmalıdır. Görsel içinde kullanılan öğelerin dengeli bir şekilde yerleştirilmesi gerekmektedir. •İnsan gözüne uyum sağlayacak şekilde, özellikle yansıtılan materyallerde yatay kullanıma dikkat edilmelidir. Görsel, farklı ışık koşullarında ve değişik uzaklıklardan okunabilir olmalıdır.
  • 57. 57 Kaynaklar •Google. (tarih yok). Eylül 28, 2009 tarihinde Google Maps: http://maps.google.com adresinden alındı •Güven, M. (2008). Öğretim Materyali Tasarım Süreci. K. Selvi içinde, Öğretim Teknolojileri ve Materyal Tasarımı(s. 165-213). Ankara: Anı Yayıncılık. •Madran, R. O. (tarih yok). Eylül 18, 2009 tarihinde Sanal Kampüs: http://www.sanalkampus.web.tr adresinden alındı •Madran, R. O. (tarih yok). Temel İlk Yardım Bilgileri ğپi. Ekim 1, 2009 tarihinde Orçun Madran'ın Kişisel Web Sitesi: http://www.baskent.edu.tr/~omadran/projeler/icerikoynatici/egitim.html adresinden alındı •Seferoğlu, S. (2007). Öğretim Teknolojileri ve Materyal Tasarımı.Ankara: Pegem A Yayıncılık. •Yalın, H. İ. (2006). Öğretim Teknoloileri ve Materyal Geliştirme. Ankara: Nobel Yayın Dağıtım.