Desain Komunikasi Visual Untuk Media Pembelajaran

7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran

1/64

Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA

DesainKomunikasi Visual

mengenal


2/64


konsep komunikasi dan ungkapandaya kreatif

mengolah elemen desain grafis

menarik perhatian, relevan, indah,

ilustrasional

pengertian


3/64


layout

background

gambar/ilustrasi

simbol

animasi/video/simulasi

huruf/tipografi

Elemen DKV


4/64


before - after


5/64


Layout

mengenal


6/64


layout


7/64


layout


8/64


layout


9/64


layout


10/64


layout


11/64


Background

mengenal


12/64


background


13/64


background


14/64


background


15/64


Other combinations are just

as bad!

Cant read the above?!Unless you know how to

contrast the colour palettebackground


16/64


Red-Blue Conflic

Red letters on blue background

creates flicker effect

Blue letters on red backgroundjust as bad

background


17/64


White on yellow Yellow on white

Black on blue Blue on black

Low Contrast

background


18/64


Brighton

dark

Darkon

bright

GOOD GOOD GOOD

EVIL EVIL EVIL

Use high contrast colors

background


19/64


LINGKARAN WARNA


20/64


WARNA

PRIMER

WARNA

SEKUNDER

WARNA

SEKUNDER

WARNA

SEKUNDER

WARNAHANGAT

WARNAD

INGIN

Kuning

KuningOrange

MerahOrange

Orange Hijau

KuningHijau

BiruHijau

BiruMerah

Warna primer (artinya warna

utama) ditambah denganputih dan hitam, adalah

merah, kuning dan biru.

Warna sekunder (artinya

warna turunan kedua),

warna-warna seperti hijau

adalah bercampurnya duawarna primer di kedua sisinya

yaitu kuning dan biru.

Warna tertier (artinya warna

turunan ketiga), dibuat

dengan mencampurkan

warna primer dan warna

sekunder, misalnya warna

kuning-orange adalah

campuran dua warna kuning

dengan orange.


21/64


Kontras yang paling kuatterjadi di antara dua warna

berseberangan / berlawanan

di dalam Lingkaran Warna.

Contoh warna Kuning dan

Violet. Warna-warna inibiasa juga disebut sebagai

komplementer (warna-

warna yang saling mengisi,

atau satu sama lain memiliki

intensitas yang sama kuat

terhadap tangkapan mata

jika ditampilkan bersama-

sama).


22/64


Yang disebut dengan

warna-warna

harmoni adalah yang

dalam Lingkaran

Warna keduanya

berada dalam urutan

terdekat. Misalnya

warna kuning-orange

dengan kuning, ataukuning dengan

kuning-hijau


23/64



24/64


Gambar

mengenal


25/64


ga,mbar


26/64


ga,mbar


27/64


ga,mbar


28/64


ga,mbar


29/64



30/64



31/64


ga,mbar


32/64


20,4

27,4

90

20,4

1st Qtr

2nd Qtr

3rd Qtr

4th Qtr


33/64


1st Qtr 2nd Qtr 3rd Qtr 4th Qtr


34/64


ga,mbar


35/64


ga,mbar


36/64


ga,mbar


37/64


Easiest wayto check high contrastis if picture has cleardefinition when inblack & white

ga,mbar


38/64


Easiest wayto check high contrastis if picture has cleardefinition when inblack & white

ga,mbar


39/64


ga,mbar


40/64


ga,mbar


41/64


Simbol Navigasi

mengenal


42/64


simbol dan navigasi

Banyak simbol di sekitar kita


43/64


simbol dan navigasi

Di sekitar kita banyak simbol


44/64


simbol dan navigasi


45/64


simbol dan navigasi


46/64


simbol dan navigasi


47/64


Animasi-Video

mengenal


48/64


Avoid death by cheese

Weird sound effects

Most transitions Flying text

Strange animations

Bad clip-art

Animasi-video


49/64


50/64


Tutorial

Animasi-video


51/64


Video

Animasi-video


52/64


Text-Font

mengenal


53/64


Ada 5 kelompok jenis huruf

* Roman ( Bersirip)

* Egyptian (kaki/sirip persegi)

* Sans Serif ( Tanpa Sirip)

* Script (menyerupai goresan tangan)

* Miscellaneous showcard Gothic

Algerian

Rockwell Extra Bold

Arial

Century Gothic

Times New Roman

Brush Script MT


54/64


Text dan Font


55/64


Point

Text dan Font


56/64



57/64


There are also a lot of fonts to choose from such as Old English Text,

Parisian, Stencil, New Berolina MT, and Mesquite. Many are hard toread.

Arent you glad that text can come in word by wordwith Custom Animation?

Text dan Font


58/64


This is Arial

This isTimes New Roman

This is Garmond

This is Century Gothic

Text dan Font


59/64


60/64


MORE THAN SEVEN

CONSECTUIVE UPPER CASEWORDS WILL FORCE THEAUDIENCE TO READ THE

MESSAGE AGAIN

Text dan Font


61/64


Generally recommended that the text go

no smaller than 18. Making thingssmaller can create problems for some people.

Text dan Font


62/64


This is 18 sized font.This is 20 sized font.

This is 24 sized font.


This is 32 sized font.This is 36 sized font.



Text dan Font


63/64


30% adalah konsep DKV

selanjutnya adalah kreativitas

Text dan Font


64/64


Terima kasih

Documents

Desain Komunikasi Visual Untuk Media Pembelajaran