VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam...

25
VISUAL DESIGN Media Pendidikan Ponco WP – FT UNY

Transcript of VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam...

Page 1: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

VISUAL DESIGN

Media PendidikanPonco WP – FT UNY

Page 2: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Mengapa kita menggunakanvisual?

Untuk meyakinkan lebih dari 43%audiens

Kurang lebih material yang sama dapatmencakup 25-40%

Meningkatkan ingatan sampai dengan38%

David peoples(1992), Presentation Plus, John Wiley and Sons

Page 3: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Menggunakan visual (2)

Seorang presenter akan merasa: Lebih profesional Lebih meyakinkan Lebih dapat dipercaya Lebih menarik Lebih siap

Page 4: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Macam media visual

Chalk/white board Flip chart Poster Objek sebenarnya Flannel board Buletin board Opaque projector Overhead projector

Page 5: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Lanjutan..

Power point presentation Film dan video World wide web Computer sofware Dan sebagainya, seperti:

Kata-kata yang ditulis pada sarung tangan

Page 6: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Chalk/White Board

Digunakan dalam satu ruangan Ditulis besar dan dapat dibaca Judul ditulis pada board Jangan mengajar menghadap ke papan Hindari menunjuk siswa dalam periode

yang lama

Page 7: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Flip Chart

Dapat dipersiapkan lebih baik Mudah dibuat dan digunakan Dapat digunakan bolak-balik Relatif murah Dapat menggunakan beberapa warna Portable Membuka halaman informasi dan

presentasi bisa depan-belakang

Page 8: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Poster

Portable Baik digunakan untuk diagram, ilustrasi

dan kumpulan: Rangkaian elektronik Blok diagram Layout, dll

Page 9: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Objek sebenarnya

Sewaktu-waktu dapat membawaobjek yang aktual di kelas Peralatan Rangkaian elektronik dll

Siswa dapat memegang objek danmembuat rasa ingin tahu

Page 10: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Flannel Board

Bagus dalam penyajian warna dansudah lama dikenal

Board dapat mencakup ukuran 3x3 m Potongan dari flannel dapat berupa

potongan dan stik yang diletakkan di board Keterangan dapat dituliskan pada kertas

dibelakang dengan ditempel

Page 11: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Buletin Board

Memberikan informasi (komunikasi) Dapat memberikan perubahan reguler Baik untuk aktivitas siswa

Page 12: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Opaque projector

Sangat besar Digunakan untuk proyek atau dari buku

yang aktual (menyajikan satu per satu)

Page 13: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Overhead Transparan

Dapat mencakup beberapa materi Disiapkan lebih baik Dihadapkan di kelas Dilihat lebih profesional Dapat melewatkan materi Dapat mencontek materi dari sheet

bawah Lebih dari satu

Page 14: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Slides

Memudahkan guru membawa mediaseperti kamera

Slides dari proyek siswa dapat sebagaiacuan.

Page 15: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

PowerPoint Presentation Dapat menghilangkan bagian tepi Beberapa keistimewaan dapat menarik

perhatian kelas Alasan proyektor:

Satu LCD Projector pada satu layar Dapat menggunakan konverter televisi dll

Page 16: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Films dan Videos

Film dapat dibuat dari potongan film Sumber dari video cuma-cuma Dapat dimulai dari satu tahun pertama.

Page 17: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

World Wide Web / ComputerSoftware

Dapat diakses jutaan wilayah Software elektronik sedapat mungkin

memiliki judul Dapat menggunakan teknologi

proyektor yang sama seperti powerpoint

Page 18: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Prinsip Visual Desain

Hindari menggunakan seluruh tempatdiatas

Menghapus kata-kata tidak perlu Gunakan huruf, ukuran yang konsisten Perhatikan batas pandangan dan tipe

ukuran

Page 19: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Bagaimana menggunakankertas yang lebar?

Transparansi menghadap ke atas(bukan proyektor) akan memudahkandibaca dari jarak 6 kaki (± 185 cm)

Dapat menggunakan lengan untukmenghadapkan slide ke atas supayaterbaca

A A A

Page 20: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Lanjutan..

Untuk presentasi computer secaraumum, gunakan pre-desain yang adapada template pada program presentasitersebut Jika menggunakan presentasi di televisi,

gunakan ukuran huruf 40+, sans serif

A A A

Page 21: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Warna dan Desain

Warna gelap sebaiknya digunakanuntuk background slide show

Warna yang cerah baik untukoverheads proyektor

Gunakan clip art secukupnya Jagalah desain sampai dengan selesai

presentasi

Page 22: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Electronic Presentasi

Jangan meninggalkan pada saatperpindahan efek transisi

Gunakan suara sebagai pemandu Gunakan animasi sebagai pemandu

Page 23: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Presentasi Mata PelajaranPokok

Power point Havard grafik Corel presentation Astound Freelance

Page 24: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Tugas

Buat Poster masing-masing denganketentuan:

1. Kertas Manila2. Materi Teknik (Elektronika/TI) bisa

diagram/layout, dll3. Minggu depan dikumpulkan dan

dipresetasikan individu

Page 25: VISUAL DESIGNstaffnew.uny.ac.id/upload/11301831128485/pendidikan/visual-design... · Bagus dalam penyajian warna dan ... Untuk presentasi computer secara umum, ... Gunakan animasi

Terima kasih