SlideShare a Scribd company logo
GÖRSEL TASARIM




                 1
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.

                                                   2
Nasıl Öğreniriz?




                   3
TASARIM ÖĞELERĠ




                  4
Tasarım Öğeleri

•   Çizgi
•   Şekil
•   Alan
•   Boyut
•   Doku
•   Renk


                  5
Ç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.

                                             6
Çizgi




    Belirli bir noktayı (ANASAYFA) işaret eden çizgi kullanımı.

                                                                  7
Çizgi




 Ankara – İstanbul arası izlenecek yolu gösteren çizgi kullanımı (Google).
                                                                       8
ġ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.

                                                 9
ġekil




        Örnek Siluetler

                          10
ġekil




        Mimari Çizim Örneği




                              11
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.
                                             12
Alan




       Dergilerde alan kullanımı
                                   13
Alan




       Kitaplarda alan kullanımı

                                   14
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.


                                             15
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

                                                                16
Boyut




   Yapılan araştırmanın büyüklüğü ifade edilmeye çalışılıyor

                                                               17
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.

                                        18
Doku




   Solda düz kahverengi zemin. Sağda ağaç dokusu



                                                   19
Doku




  Solda doku uygulanmamış gitar.
  Sağda doku uygulanmış ve üç boyut etkisine sahip olan gitar

                                                                20
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.



                                                          21
Renk




       Geri plan ve metin renklerinin hatalı
       seçilmesi sonucu okunabilirliğin azalması.   22
Renk çemberi




               23
TASARIM ĠLKELERĠ




                   24
Tasarım İlkeleri

•   Bütünlük
•   Denge
•   Vurgu
•   Hizalama
•   Yakınlık



                   25
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.
                                                  26
Bütünlük




           27
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.
                                                      28
Bütünlük




           29
Bütünlük




           “3x3” kuralı ile elde edilen matris



                                                 30
Bütünlük




           31
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.


                                                       32
Denge




        Formal (Simetrik) olarak kurulmuş denge

                                                  33
Denge




    İnformal (Simetrik olmayan) olarak kurulmuş denge

                                                        34
Denge




        Denge’nin kullanılmadığı (dengesiz) materyal
                                                       35
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ı.

                                                 36
Vurgu




        Vurgu’da çizgi ve şekil kullanımı

                                            37
Vurgu




        Vurgu’da farklı boyut kullanımı

                                          38
Vurgu




        Vurgu’da renk kullanımı

                                  39
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.
                                                   40
Hizalama




      Eğitim materyalinde hizalama kullanımı
                                               41
Yakınlık

• Eğitim 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.

                                                 42
Yakınlık




     İlişkili Öğeler   ĠliĢkisiz Öğeler


                                          43
Yakınlık




    Görsel öğelerde yakınlık ve insan algısı üzerindeki etkisi




                                                                 44
Eğitsel Materyallerde Görsel
            Tasarım




                               45
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.
                                             46
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




                                                                    47
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.
                                            48
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.



                                              49
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.




                                                50
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


                                                                           51
Metin Kullanımı




      Zemin ve metin renginin yanlış kullanımı
                                                 52
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.
                                              53
Renk Kullanımı




         Görsel içinde aşırı renk kullanımı




                                              54
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.
                                                  55
Biçim




        56
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 Eğitimi.
    Ekim 1, 2009 tarihinde Orçun Madran'ın Kişisel Web Sitesi:
    http://www.baskent.edu.tr/~omadran/projeler/icerikoynatici/egiti
    m.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.

                                                                    57

More Related Content

What's hot

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
 
öğRetme öğRenme Yaklasimlari
öğRetme öğRenme YaklasimlariöğRetme öğRenme Yaklasimlari
öğRetme öğRenme Yaklasimlariderslopedi
 
Yazili materyaller
Yazili materyallerYazili materyaller
Yazili materyaller
Elif Güllübudak
 
Tasarım İlkeleri: Ritim (Design Principles: Rhythm)
Tasarım İlkeleri: Ritim (Design Principles: Rhythm)Tasarım İlkeleri: Ritim (Design Principles: Rhythm)
Tasarım İlkeleri: Ritim (Design Principles: Rhythm)
Veysel Özdemir
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALAndrea Dalforno
 
(3)tasariminin temel özellikleri
(3)tasariminin temel özellikleri(3)tasariminin temel özellikleri
(3)tasariminin temel özellikleriIbrahim Durmaz
 
Cartão de Visita Inteligente - Computação Gráfica - 2022
Cartão de Visita Inteligente - Computação Gráfica - 2022Cartão de Visita Inteligente - Computação Gráfica - 2022
Cartão de Visita Inteligente - Computação Gráfica - 2022
Renato Melo
 
Pengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
Pengantar Nirmana DKV Ilmu Komunikasi Universitas SemarangPengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
Pengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
Firdaus Azwar Ersyad
 
Gestalt kuramı
Gestalt kuramıGestalt kuramı
Gestalt kuramı
yasinaslanderen
 
ÇOKLU ORTAM TASARIM İLKELERİ
ÇOKLU ORTAM TASARIM İLKELERİÇOKLU ORTAM TASARIM İLKELERİ
ÇOKLU ORTAM TASARIM İLKELERİ
m3rtyaman
 
Serigrafia
SerigrafiaSerigrafia
Serigrafia
Soraia de Carvalho
 
Banu hoca strateji̇ler slayti
Banu hoca strateji̇ler slaytiBanu hoca strateji̇ler slayti
Banu hoca strateji̇ler slayti
Elif Güllübudak
 
Bilinçaltı ve Öğrenme Temel Bilgiler-2
Bilinçaltı ve Öğrenme Temel Bilgiler-2Bilinçaltı ve Öğrenme Temel Bilgiler-2
Bilinçaltı ve Öğrenme Temel Bilgiler-2
Univerist
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
nfeio
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
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
 
Exercício 3 comunicação visual
Exercício 3  comunicação visualExercício 3  comunicação visual
Exercício 3 comunicação visualGabriel Leal
 
Tasarımın Temel İlkeleri
Tasarımın Temel İlkeleriTasarımın Temel İlkeleri
Tasarımın Temel İlkeleri
Hakan BABAÇ
 
Nöromarketing, neuromarketing
Nöromarketing, neuromarketing Nöromarketing, neuromarketing
Nöromarketing, neuromarketing
pelinick
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
Gabriel Ferraciolli
 

What's hot (20)

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
 
öğRetme öğRenme Yaklasimlari
öğRetme öğRenme YaklasimlariöğRetme öğRenme Yaklasimlari
öğRetme öğRenme Yaklasimlari
 
Yazili materyaller
Yazili materyallerYazili materyaller
Yazili materyaller
 
Tasarım İlkeleri: Ritim (Design Principles: Rhythm)
Tasarım İlkeleri: Ritim (Design Principles: Rhythm)Tasarım İlkeleri: Ritim (Design Principles: Rhythm)
Tasarım İlkeleri: Ritim (Design Principles: Rhythm)
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
 
(3)tasariminin temel özellikleri
(3)tasariminin temel özellikleri(3)tasariminin temel özellikleri
(3)tasariminin temel özellikleri
 
Cartão de Visita Inteligente - Computação Gráfica - 2022
Cartão de Visita Inteligente - Computação Gráfica - 2022Cartão de Visita Inteligente - Computação Gráfica - 2022
Cartão de Visita Inteligente - Computação Gráfica - 2022
 
Pengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
Pengantar Nirmana DKV Ilmu Komunikasi Universitas SemarangPengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
Pengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
 
Gestalt kuramı
Gestalt kuramıGestalt kuramı
Gestalt kuramı
 
ÇOKLU ORTAM TASARIM İLKELERİ
ÇOKLU ORTAM TASARIM İLKELERİÇOKLU ORTAM TASARIM İLKELERİ
ÇOKLU ORTAM TASARIM İLKELERİ
 
Serigrafia
SerigrafiaSerigrafia
Serigrafia
 
Banu hoca strateji̇ler slayti
Banu hoca strateji̇ler slaytiBanu hoca strateji̇ler slayti
Banu hoca strateji̇ler slayti
 
Bilinçaltı ve Öğrenme Temel Bilgiler-2
Bilinçaltı ve Öğrenme Temel Bilgiler-2Bilinçaltı ve Öğrenme Temel Bilgiler-2
Bilinçaltı ve Öğrenme Temel Bilgiler-2
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
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ı
 
Exercício 3 comunicação visual
Exercício 3  comunicação visualExercício 3  comunicação visual
Exercício 3 comunicação visual
 
Tasarımın Temel İlkeleri
Tasarımın Temel İlkeleriTasarımın Temel İlkeleri
Tasarımın Temel İlkeleri
 
Nöromarketing, neuromarketing
Nöromarketing, neuromarketing Nöromarketing, neuromarketing
Nöromarketing, neuromarketing
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 

Viewers also liked

Tasarımın temel ilkeleri
Tasarımın temel ilkeleriTasarımın temel ilkeleri
Tasarımın temel ilkeleriErol Dizdar
 
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
Veysel Özdemir
 
Gestalt Kuramı-Mekan
Gestalt Kuramı-MekanGestalt Kuramı-Mekan
Gestalt Kuramı-Mekanayseguly
 
GSF KATALOG
GSF KATALOGGSF KATALOG
GSF KATALOG
windowindigo
 
Uzaktaneğitim
UzaktaneğitimUzaktaneğitim
Uzaktaneğitimalbukawkaa
 
Soyut somut
Soyut somutSoyut somut
Soyut somuthafize
 
Geometrik Cisimler Powerpoint Sunu
Geometrik Cisimler Powerpoint SunuGeometrik Cisimler Powerpoint Sunu
Geometrik Cisimler Powerpoint SunuMutlu
 
Gestalt kuramı
Gestalt kuramıGestalt kuramı
Gestalt kuramı
sametmtlu
 
Materyal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenlerMateryal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenler
ismet
 
Ö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
umitbozkurt
 
Gestalt Laws and Design
Gestalt Laws and DesignGestalt Laws and Design
Gestalt Laws and Designchelsc
 
Gestalt kurami
Gestalt kuramiGestalt kurami
Gestalt kuramimassive501
 

Viewers also liked (15)

Tasarımın temel ilkeleri
Tasarımın temel ilkeleriTasarımın temel ilkeleri
Tasarımın temel ilkeleri
 
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
 
Gestalt Kuramı-Mekan
Gestalt Kuramı-MekanGestalt Kuramı-Mekan
Gestalt Kuramı-Mekan
 
GSF KATALOG
GSF KATALOGGSF KATALOG
GSF KATALOG
 
Desen
DesenDesen
Desen
 
Uzaktaneğitim
UzaktaneğitimUzaktaneğitim
Uzaktaneğitim
 
Soyut somut
Soyut somutSoyut somut
Soyut somut
 
Sanat kuramlari 1
Sanat kuramlari 1Sanat kuramlari 1
Sanat kuramlari 1
 
Sunu1
Sunu1Sunu1
Sunu1
 
Geometrik Cisimler Powerpoint Sunu
Geometrik Cisimler Powerpoint SunuGeometrik Cisimler Powerpoint Sunu
Geometrik Cisimler Powerpoint Sunu
 
Gestalt kuramı
Gestalt kuramıGestalt kuramı
Gestalt kuramı
 
Materyal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenlerMateryal Hazirlarken Dikkat edilmesi gerekenler
Materyal Hazirlarken Dikkat edilmesi gerekenler
 
Ö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
 
Gestalt Laws and Design
Gestalt Laws and DesignGestalt Laws and Design
Gestalt Laws and Design
 
Gestalt kurami
Gestalt kuramiGestalt kurami
Gestalt kurami
 

Similar to Gorsel Tasarim Ilkeleri Sunum

Görsel tASARIM.pptx
Görsel tASARIM.pptxGörsel tASARIM.pptx
Görsel tASARIM.pptx
Fatma YUMUŞAK
 
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
 
görsel araç gereç.pptx
görsel araç gereç.pptxgörsel araç gereç.pptx
görsel araç gereç.pptx
OmerDilber1
 
Ö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
umitbozkurt
 
Görsel Tasarım
Görsel TasarımGörsel Tasarım
Görsel Tasarım
Burak Erol
 
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
 
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
 
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ç 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 araç gereç materyal.pptx
Görsel araç gereç materyal.pptxGörsel araç gereç materyal.pptx
Görsel araç gereç materyal.pptx
Hatice Genç
 
görsel tasarım ilkeleri.pptx
görsel tasarım ilkeleri.pptxgörsel tasarım ilkeleri.pptx
görsel tasarım ilkeleri.pptx
SafiyeTontu
 
GÖRSEL TASARIM İLKELERİ.pptx
GÖRSEL TASARIM İLKELERİ.pptxGÖRSEL TASARIM İLKELERİ.pptx
GÖRSEL TASARIM İLKELERİ.pptx
Zehra Ertaş
 
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
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
 
KAVRAM HARİTASI.pptx
KAVRAM HARİTASI.pptxKAVRAM HARİTASI.pptx
KAVRAM HARİTASI.pptx
pinar27
 

Similar to Gorsel Tasarim Ilkeleri Sunum (20)

Görsel tASARIM.pptx
Görsel tASARIM.pptxGörsel tASARIM.pptx
Görsel tASARIM.pptx
 
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
 
görsel araç gereç.pptx
görsel araç gereç.pptxgörsel araç gereç.pptx
görsel araç gereç.pptx
 
Ö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
 
Görsel Tasarım
Görsel TasarımGörsel Tasarım
Görsel Tasarım
 
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
 
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
 
7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkeleri7.materyal tasarimi ve_hazirlama_ilkeleri
7.materyal tasarimi ve_hazirlama_ilkeleri
 
Dort hafta sunu_2
Dort hafta sunu_2Dort hafta sunu_2
Dort hafta sunu_2
 
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
 
Görsel araç gereç materyal.pptx
Görsel araç gereç materyal.pptxGörsel araç gereç materyal.pptx
Görsel araç gereç materyal.pptx
 
görsel tasarım ilkeleri.pptx
görsel tasarım ilkeleri.pptxgörsel tasarım ilkeleri.pptx
görsel tasarım ilkeleri.pptx
 
211 gs0044
211 gs0044211 gs0044
211 gs0044
 
GÖRSEL TASARIM İLKELERİ.pptx
GÖRSEL TASARIM İLKELERİ.pptxGÖRSEL TASARIM İLKELERİ.pptx
GÖRSEL TASARIM İLKELERİ.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
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)
 
211 gs0046
211 gs0046211 gs0046
211 gs0046
 
ateryal tasarimilkeler
 ateryal tasarimilkeler ateryal tasarimilkeler
ateryal tasarimilkeler
 
KAVRAM HARİTASI.pptx
KAVRAM HARİTASI.pptxKAVRAM HARİTASI.pptx
KAVRAM HARİTASI.pptx
 

Gorsel Tasarim Ilkeleri Sunum

  • 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. 2
  • 5. Tasarım Öğeleri • Çizgi • Şekil • Alan • Boyut • Doku • Renk 5
  • 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. 6
  • 7. Çizgi Belirli bir noktayı (ANASAYFA) işaret eden çizgi kullanımı. 7
  • 8. Çizgi Ankara – İstanbul arası izlenecek yolu gösteren çizgi kullanımı (Google). 8
  • 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. 9
  • 10. ġekil Örnek Siluetler 10
  • 11. ġekil Mimari Çizim Örneği 11
  • 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. 12
  • 13. Alan Dergilerde alan kullanımı 13
  • 14. Alan Kitaplarda alan kullanımı 14
  • 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. 15
  • 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 16
  • 17. Boyut Yapılan araştırmanın büyüklüğü ifade edilmeye çalışılıyor 17
  • 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. 18
  • 19. Doku Solda düz kahverengi zemin. Sağda ağaç dokusu 19
  • 20. Doku Solda doku uygulanmamış gitar. Sağda doku uygulanmış ve üç boyut etkisine sahip olan gitar 20
  • 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. 21
  • 22. Renk Geri plan ve metin renklerinin hatalı seçilmesi sonucu okunabilirliğin azalması. 22
  • 25. Tasarım İlkeleri • Bütünlük • Denge • Vurgu • Hizalama • Yakınlık 25
  • 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. 26
  • 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. 28
  • 30. Bütünlük “3x3” kuralı ile elde edilen matris 30
  • 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. 32
  • 33. Denge Formal (Simetrik) olarak kurulmuş denge 33
  • 34. Denge İnformal (Simetrik olmayan) olarak kurulmuş denge 34
  • 35. Denge Denge’nin kullanılmadığı (dengesiz) materyal 35
  • 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ı. 36
  • 37. Vurgu Vurgu’da çizgi ve şekil kullanımı 37
  • 38. Vurgu Vurgu’da farklı boyut kullanımı 38
  • 39. Vurgu Vurgu’da renk kullanımı 39
  • 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. 40
  • 41. Hizalama Eğitim materyalinde hizalama kullanımı 41
  • 42. Yakınlık • Eğitim 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. 42
  • 43. Yakınlık İlişkili Öğeler ĠliĢkisiz Öğeler 43
  • 44. Yakınlık Görsel öğelerde yakınlık ve insan algısı üzerindeki etkisi 44
  • 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. 46
  • 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 47
  • 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. 48
  • 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. 49
  • 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. 50
  • 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 51
  • 52. Metin Kullanımı Zemin ve metin renginin yanlış kullanımı 52
  • 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. 53
  • 54. Renk Kullanımı Görsel içinde aşırı renk kullanımı 54
  • 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. 55
  • 56. Biçim 56
  • 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 Eğitimi. Ekim 1, 2009 tarihinde Orçun Madran'ın Kişisel Web Sitesi: http://www.baskent.edu.tr/~omadran/projeler/icerikoynatici/egiti m.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. 57