Rancangan Desain Media Promosi Kesehatan (teknis)

1. Desain Media
Promosi Kesehatan
Oleh: Asyifa Robiatul Adawiyah

2. Media dalam Promosi Kesehatan
Sekitar pertengahan abad 20 usaha
pemanfaatan alat visual mulai dilengkapi
dengan peralatan audio, maka lahirlah
peralatan audio visual pembelajaran.Usaha-
usaha untuk membuat pelajaran abstrak
menjadi lebih konkrit terus dilakukan.
Dalam usaha itu, Edgar Dale membuat
klasifikasi 11 tingkatan pengalaman belajar
dari yang paling konkrit sampai yang paling
abstrak. Klasifikasi tersebut kemudian
dikenal dengan nama “Kerucut
Pengalaman” (The Cone of
Experience)

3. Baca
Dengar
kan
Lihat
diagram
Lihat video
Lihat demonstrasi
Terlibat dlm diskusi
Menyajikan/presentasi
Bermain peran
Melakukan simulasi
Mengerjakan hal yg nyata
Yang
diingat
10%
20%
30%
50%
70%
90%
Tingkat Keterlibatan
verbal
visual
terlibat
berbuat
Kerucut pengalaman
Succesful learning comes
from doing (Wyatt Looper,
1999)

4. Sesudah 3 jam Sesudah 3 hari
Verbal 70% 10%
visual 72% 20%
verbal dan
visual
85% 65%
perbedaan kemampuan
DAYA INGAT SESEORANG

5. No Jenis media Belajar
informasi
faktual
Belajar
pengenalan
visual
Belajar
prinsip,
konsep, aturan
Prosedur
belajar
Penyampaian
keterampilan
persepsi motorik
Mengembang
kan sikap,
opini, motivasi
1 Gambar diam Sedang Tinggi Sedang Sedang Rendah Rendah
2 Gambar hidup Sedang Tinggi Tinggi Tinggi Sedang Sedang
3 Televisi Sedang Sedang Tinggi Sedang Rendah Sedang
4 Objek tiga dimensi Rendah Tinggi Rendah Rendah Rendah Rendah
5 Rekaman audio Sedang Rendah Rendah Sedang Rendah Sedang
6 Programmed instruction Sedang Sedang Sedang Tinggi Rendah Sedang
7 Demonstrasi Rendah Sedang Rendah Tinggi Sedang Sedang
8 Buku teks tercetak Sedang Rendah Sedang Sedang Rendah Sedang
Allen mengemukakan tentang hubungan antara media dengan tujuan
pembelajaran, sebagaimana terlihat dalam tabel dibawah ini:

6. Pertimbangan dalam Memilih Media Pembelajaran
Novelty
Pembaruan dari media sangat penting krn lebih menarik bagi audience
Organisasi
Dukungan suatu organisasi diperlukan
Interaktivitas
Media yg baik adalah yg dapat memunculkan komunikasi dua arah/interaktivitas
Teknologi
Perhatikan sisi teknisinya apakah memadai/tidak
Cost
Media yang canggih biasanya mahal ➔ pertimbangkan aspek manfaatnya
Akses
Misal: kita memilih media yg mengharuskan audience mengakses internet ➔ cek jaringannya

7. • Garis, bidang, bentuk, tekstur, kontras, ruang, irama,
warna
• Prinsip desain: keseimbangan, irama, kontras, kedalaman
Kepekaan unsur Rupa desain
• Lingkaran warna: intensitas, analog, saturasi, kromatik
• Kepekaan warna: aditif (cahaya langsung) maupun
subtraktif (pantulan/pigmen), pengetahuan warna monitor
(RGB) dan warna untuk percetakan (CMYK, spot color)
Pengetahuan Warna
• Keluarga huruf, ukuran huruf, bobot huruf, istilah dalam
tipografi, keterampilan mengolah huruf
Pengetahuan tipografi
• Kepekaan unsur gambar: garis, bidang, warna
Memiliki keterampilan menggambar
Memiliki pengetahuan dasar fotografi

8. 4 Elemen yang Harus Anda Cantumkan pada Desain Infografis
• perhatikan flow informasi yang ingin disampaikan. Infografis memiliki flow dari atas ke bawah atau dari
kiri ke samping dgn format vertical. Agar menarik gunakan palet warna dan tetap konsisten pada
format style yg dipilih
1. Flow dan Style
• Umumnya infografis menyajikan data berupa grafis atau angka-angka statistic tertentu, tapi jangan
lupa untuk mencantumkan narasi sbg prolog secara singkat
2. Data story
• Info disajikan dlm bentuk hirarki, atau bercabang-cabang. Pada poin tertentu bisa dicantumkan warna
dan font style yg berbeda utk menunjukan penekanan
3. Kemas dlm bentuk hirarki
• Spasi digunakan untuk menyeimbangkan teks, gambar dengan ukuran besar, dan desain itu sendiri,
spasi diciptakan utk memisahkan setiap elemen berbeda
4. Jarak spasi

9. MENENTUKAN UKURAN MEDIA
Ukuran desain majalah
1. A4
width : 21 cm,
height : 29,7 cm
2. B5
width : 17,6 cm
height : 25 cm
3. Letter
width : 22 cm,
height : 27,95 cm
1. A4
width : 21 cm,
height : 29,7 cm
2. A5 (1/2 A4)
Width : 14,8 cm,
height : 21 cm
3. F4
width : 21 cm
height : 33 cm
4. Two-Fold (2 lipatan)
width : 19 cm,
height : 22 cm
5. Tri-Fold (3 lipatan)
width : 28,5 cm,
height : 22 cm
Ukuran desain brosur
1. A5 (1/2 A4)
width : 14,8 cm,
height : 21 cm
2. Custom
width : 9,5 cm,
height : 22 cm
Ukuran desain flyer

10. 1. A4
width : 21 cm,
height : 29,7 cm
2. A3
width : 29,7 cm,
height : 42 cm
Poster Ilmiah
1. A1
Width: 59,4 cm
Height: 84,1 cm
2. A0
Width: 84,1 cm
Height: 118,9 cm
Ukuran desain poster
1. Custom 1
width : 500 cm
height : 100 cm
2. Custom 2
width : 600 cm
height : 100 cm
Ukuran desain spanduk
MENENTUKAN UKURAN MEDIA

11. MENENTUKAN
UKURAN MEDIA

12. Desain di
produk

13. Membuat ukuran dgn menggunakan software Power Point
Bisa ketik custom
untuk ukuran yg
diinginkan ketik
dalam satuan “cm”

14. Membuat ukuran dgn menggunakan software Photoshop

15. Membuat desain memerlukan ilmu dan seni. Ilmu dapat dipelajari dari berbagai metode dan teknik,
seni dapat dipelajari dari seringnya membuat desain. Suatu desain memerlukan empat hal yaitu:
creativity complexity choice compromise
Ada 5 tipe perancangan produk yang dapat digambarkan, yaitu:
• Sering disebut dengan desain inovatif. Desain ini memiliki nilai paling tinggi, karena
desain belum pernah ada sebelumnya, original, dan belum ada yang mengemukakan.
Original
desain
• Desain ini dikembangkan dari desain sejenis yang dulu dinilai memuaskan.
Adaptive
design
• Re-design berarti mengurangi desain yang telah ada dengan sedikit penyempurnaan
atau memeperbaiki desain yang sudah ada
Redesign
• Hampir seluruh desain menggunakan komponen standar, dalam hal ini pembuat desain akan
menyeleksi komponen yang memiliki kualitas tinggi dengan harga yang relative murah
Selection
design
• Merupakan pengambangan produk yang ada pada aspek visualnya, sehingga desain lebih artistic
dan diperhatikan konsumen
Industrial
design

16. Tata Letak
Headline
Dipadukan
Dengan
Gambar

17. PRINSIP-PRINSIP DESAIN

18. TEORI WARNA

22. Kita bisa putar warna
seperti ini untuk
menentukan ingin
memakai desain
dengan kalsifikasi
warna apa saja

23. Campuran
warna

25. CMYK
RGB

29. Arti warna di
setiap wilayah
berbeda-beda

32. Tipografi
dan Penerapannya
pada Desain Publikasi

39. Sumber free fonts untuk personal use
https://www.dafont.com/
https://www.1001freefonts.com/
https://www.fontspace.com/

40. TEKNIK DASAR FOTOGRAFI

41. Fotografer:
Glenn Dene

42. Memperhatikan
Rule of Third

43. Memperhatikan
golden ratio

44. https://gurushots.com/syifacippe/photos

45. FORMAT-FORMAT
GAMBAR DALAM DESAIN

46. 1. Software Desain Grafis
berbasis vektor, antara lain:
• Adobe Illustrator;
• Corel Draw;
• SVG-Edit (open source);
• Inkscape (open source);
• Macromedia Freehand MX
(discontinued);
2. Software Desain Grafis
berbasis bitmap, antara lain:
• Adobe Photoshop;
• Corel Photopaint;
• Gimp (open source);
3. Software Desain Grafis
berbasis tata letak
(layout)/Desktop Publishing,
antara lain:
• Adobe InDesign;
• Corel Ventura;
• Pagemaker;
• Apple Pages;
• Quark Xpress;
• Scribus (open source).
familiar

48. kelebihan
Tidak pecah bila
diperbesar
Kualitas fotografi (multi
gradasi)
Tidak mampu
menampilkan fotografi
multi gradasi
Kualitas image
bergantung pada PPI
(resolusi), jika resolusi
tidak tercapai gambar
pecah
kekurangan

50. Macam-macam Format
Gambar yang sering digunakan
dalam desain
JPG/JPEG (Joint Photographic Experts Group)
• Sudah digunakan menjadi standar gambar di internet
• Jenis data yang bisa dikirim dan dilihat secara bebas
• Memudahkan dalam mengunduh foto
Kelebihan :
• Tidak begitu baik untuk menyimpan gambar pajangan atau artistic.
• Tidak ideal untuk penggunaan typography atau bahkan hasil fotografi dengan sudut yang tajam,
karena objek itu kadang menjadi sama/blur
• Media penyimpanan terbatas
Kekurangan :

51. Macam-macam Format
Gambar yang sering digunakan
dalam desain
PNG (Portable Network Graphics)
• Adanya warna transparan yang memungkinkan sebuah gambar transparan tapi gambar
tersebut masih dapat dilihat mata seperti samar-samar atau bening.
• File dapat diatur jumlah warnanya, sehingga kompresi file PNG lebih baik dari pada GIF.
Kelebihan :
• PNG belum populer sehingga sebagian browser tidak mendukungnya.
Kekurangan :

52. Macam-macam Format Gambar yang sering
digunakan dalam desain
Format: EPS, AI
Kelebihan
• format berbasis vektor yang
memungkinkan pengguna untuk
mengeditnya kapan saja.
• Ini memberi Anda kemampuan
untuk skala gambar berbasis vektor
ke hampir semua tingkat tanpa
kehilangan kualitas.
Kekurangan
• File tidak bisa dibaca selain pada
software asal

53. Website: http://www.pngmart.com
Website: https://www.stickpng.com/
Download free gambar
dengan format PNG

54. https://www.freepngs.com/
Download free gambar
dengan format PNG

55. Download free 10 gambar/hari
dengan format EPS, AI, PSD, JPG
Website: http://www.freepik.com

56. Contoh pengambilan source dari www.freepik.com
https://www.freepik.com/free-vector/coronavirus-prevention-infographic_8274355.htm#page=1&query=COVID&position=30 Copy sumbernya
Letakkan pada
referensi atau
sebutkan nama
desainernya
Bentuk hasil source yang berhasil di download, biasanya
terdiri dari 3 macam format dan fonts yang dipakai pd
gambar ➔ Format “ai” untuk adobe Illustrator, format
“eps” untuk corel draw, format “jpg” untuk gambar asli yg
tertera di layar

57. Download free
➔ PPT template
Download free
➔ Infografik stok
dgn PPT template
Website: http://www.slidego.com

58. Download free
➔ Infografik stok
dgn PPT template
Website:
http://www.presentationgo.com

59. Download free
➔ Template untuk packaging
Website:
https://www.templatemaker.nl/en/

60. Belajar desain grafis dari Instagram

63. selamat bekerjasama & berkreasi! ☺

64. POSTER

65. Poster berbentuk
INFOGRAFIK

66. LEAFLET

67. Buku aplikatif

68. Modul aplikatif

69. Penyuluhan melalui Media Presentasi dan
Discussion Group

70. Penyuluhan melalui Media Presentasi dan Discussion Group