Post on 05-Apr-2018
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
1/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
DesainKomunikasi Visual
mengenal
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
2/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
konsep komunikasi dan ungkapandaya kreatif
mengolah elemen desain grafis
menarik perhatian, relevan, indah,
ilustrasional
pengertian
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
3/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
layout
background
gambar/ilustrasi
simbol
animasi/video/simulasi
huruf/tipografi
Elemen DKV
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
4/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
before - after
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
5/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Layout
mengenal
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
6/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
layout
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
7/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
layout
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
8/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
layout
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
9/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
layout
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
10/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
layout
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
11/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Background
mengenal
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
12/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
background
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
13/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
background
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
14/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
background
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
15/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Other combinations are just
as bad!
Cant read the above?!Unless you know how to
contrast the colour palettebackground
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
16/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Red-Blue Conflic
Red letters on blue background
creates flicker effect
Blue letters on red backgroundjust as bad
background
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
17/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
White on yellow Yellow on white
Black on blue Blue on black
Low Contrast
background
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
18/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Brighton
dark
Darkon
bright
GOOD GOOD GOOD
EVIL EVIL EVIL
Use high contrast colors
background
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
19/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
LINGKARAN WARNA
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
20/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
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.
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
21/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
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).
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
22/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
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
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
23/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
24/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Gambar
mengenal
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
25/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
26/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
27/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
28/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
29/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
30/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
31/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
32/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
20,4
27,4
90
20,4
1st Qtr
2nd Qtr
3rd Qtr
4th Qtr
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
33/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
1st Qtr 2nd Qtr 3rd Qtr 4th Qtr
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
34/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
35/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
36/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
37/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Easiest wayto check high contrastis if picture has cleardefinition when inblack & white
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
38/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Easiest wayto check high contrastis if picture has cleardefinition when inblack & white
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
39/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
40/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
ga,mbar
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
41/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Simbol Navigasi
mengenal
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
42/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
simbol dan navigasi
Banyak simbol di sekitar kita
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
43/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
simbol dan navigasi
Di sekitar kita banyak simbol
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
44/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
simbol dan navigasi
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
45/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
simbol dan navigasi
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
46/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
simbol dan navigasi
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
47/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Animasi-Video
mengenal
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
48/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Avoid death by cheese
Weird sound effects
Most transitions Flying text
Strange animations
Bad clip-art
Animasi-video
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
49/64
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
50/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Tutorial
Animasi-video
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
51/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Video
Animasi-video
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
52/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Text-Font
mengenal
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
53/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
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
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
54/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Text dan Font
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
55/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Point
Text dan Font
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
56/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
57/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
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
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
58/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
This is Arial
This isTimes New Roman
This is Garmond
This is Century Gothic
Text dan Font
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
59/64
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
60/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
MORE THAN SEVEN
CONSECTUIVE UPPER CASEWORDS WILL FORCE THEAUDIENCE TO READ THE
MESSAGE AGAIN
Text dan Font
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
61/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Generally recommended that the text go
no smaller than 18. Making thingssmaller can create problems for some people.
Text dan Font
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
62/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
This is 18 sized font.This is 20 sized font.
This is 24 sized font.
This is 28 sized font.
This is 32 sized font.This is 36 sized font.
This is 44 sized font.
This is 48 sized font.
Text dan Font
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
63/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
30% adalah konsep DKV
selanjutnya adalah kreativitas
Text dan Font
7/31/2019 Desain Komunikasi Visual Untuk Media Pembelajaran
64/64
Desain Komunikasi Visual untuk Media PembelajaranPSB-PSMA
Terima kasih