Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf ·...
-
Upload
hoangthuan -
Category
Documents
-
view
228 -
download
0
Transcript of Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf ·...
![Page 1: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/1.jpg)
![Page 2: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/2.jpg)
![Page 3: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/3.jpg)
Komunikasi
K ik i ik • Komunikasi menyampaikan “fakta, konsep dan emosi”
• Untuk menyampaikan sesuatu, diperlukan bahasa dan media
• Bahasa memerlukan huruf, kata, kalimat dan aturan a a, al ma a a apemakaian (tata bahasa)
![Page 4: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/4.jpg)
KomunikasiElemen-elemennya :
• Audiens• Setting• Setting• Pesan• Media• Media• Metode
![Page 5: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/5.jpg)
Pengajaran - 3 M
• Message (Pesan)• Message (Pesan)• MethodM• Media
![Page 6: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/6.jpg)
Metode
• Presentasi / k li h
• Discovery / i i l ikuliah
• Demonstrasi• Diskusi
inquiry learning• Pemecahan
Masalah• Diskusi• Latihan dan
Praktik
Masalah• Pertanyaan• Praktikum
• Tutorial• Simulasi
terbimbing• Praktikum
Mandiri• Permainan• Cooperative
learning groups
Mandiri• Permainan peran• Berpikir reflektiflearning groups B p fl f
![Page 7: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/7.jpg)
Media Visual
• PrintP– Artikel, Brosur, Manual, Fine Arts
• Motion• Motion– Film, Animasi, PerformancesInteraktif• Interaktif– Website, Online Help, CD-ROM
![Page 8: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/8.jpg)
Beberapa hasil penelitianBeberapa hasil penelitian
![Page 9: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/9.jpg)
Penginderaan kita
75% 11%
7%
3%
4%
![Page 10: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/10.jpg)
Pengaruh 3 metode terhadap Pengaruh 3 metode terhadap penggunaan filem dalam pengajaranpenggunaan filem dalam pengajaranpenggunaan filem dalam pengajaranpenggunaan filem dalam pengajaran
Hanya Film
20% 30% 40% 50% 60%
Film + PengantarPengantar
Pengantar, Film Review Film, Review, Reshowing
![Page 11: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/11.jpg)
Efektifitas komunikasi meningkat 40 50 % bila meningkat 40 - 50 % bila menggunakan visualisasi m ngguna an visualisasi
Goldstein & Goldstein
![Page 12: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/12.jpg)
Perbandingan EfektifitasPembicara tanpa
visualisasiPembicara dengan
i li ivisualisasi visualisasi
Kelompok Sasaran
(Goldstein & Goldstein)
Kelompok Sasaran
Kelompok Konsensus
![Page 13: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/13.jpg)
One picture is worth a
thousand thousand words
![Page 14: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/14.jpg)
One picture is worth a thousand words
Visualisasi 3D … Tingkat Polusi di bawah tanah
![Page 15: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/15.jpg)
S b i i d iOne picture is worth a thousand words
Sebuah kawat silindris dengan sumbu paralel dan dengan sumbu paralel dan ujung-ujungnya berbentuk
azimut.
![Page 16: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/16.jpg)
S b i i d iOne picture is worth a thousand words
Sebuah kawat silindris dengan sumbu paralel dan dengan sumbu paralel dan ujung-ujungnya berbentuk
azimut.
![Page 17: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/17.jpg)
One picture is worth a thousand words
![Page 18: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/18.jpg)
Mata melihat dari sebelah kiriMa a m l ha da s b lah
4441%41% 20%20%
25%25% 14%14%25%25% 14%14%
![Page 19: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/19.jpg)
Pusat VisualPusat Visual
1/31/3
1/31/3
![Page 20: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/20.jpg)
Eye Scanning
• Dari pusat visual mata melihat Da p a al a a l habergerak membentuk huruf Z
![Page 21: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/21.jpg)
• Kemana mata anda • Kemana mata anda melihat?Di h l b • Dimana hal tersebut anda inginkan untuk terlihat?
![Page 22: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/22.jpg)
Direct Eyes
• Menarik • Menarik Perhatian
W n–Warna–Bentuk–Directionality
![Page 23: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/23.jpg)
Prinsip Disain VisualPrinsip Disain Visual
![Page 24: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/24.jpg)
Bahasa Visual• Layout
Typography• Typography• Warna• Tekstur• Tekstur• Gambar• Identitas• Identitas• Sequencing• Animasi• Animasi• Suara
![Page 25: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/25.jpg)
Seni vs Disain
• Seni adalah suatu bentuk Seni adalah suatu bentuk ekspresi
• Disain adalah salah satu bentuk komunikasi
![Page 26: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/26.jpg)
Seni vs Disain
![Page 27: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/27.jpg)
Komunikasi & Disain
• Disain* adalah pembuatan antarmuka yang mengkomunikasikan maksud secara jelas dan tepat dalam suatu m dimedia– Media
Maksud– Maksud– Kejelasan– KetepatanKetepatan
* Dalam konteks ini
![Page 28: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/28.jpg)
Sebelum Memulai Disain
• Design for which device?D g f h h– Untuk overhead projector?– Untuk proyeksi melalui komputer?Untuk proyeksi melalui komputer?– Untuk presentasi di layar (OHP)?– Untuk dicetak: word processing – Untuk dicetak: word processing,
majalah, graphic flyers, dll.
![Page 29: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/29.jpg)
Prinsip Disain Visual
• Sebelum Memulai DisainS b l m M m la D a– Untuk overhead projector?– Untuk proyeksi melalui komputer?Untuk proyeksi melalui komputer?– Untuk presentasi di layar (OHP)?– Untuk dicetak: word processing – Untuk dicetak: word processing,
majalah, graphic flyers, dll.
![Page 30: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/30.jpg)
Prinsip Disain Visual
• To Organize: memberikan pengguna struktur konseptual yang jelas dan konsisten dengan pengelompokan dan hi kihirarki
• To Economize: Menyampaikan sebanyak banyaknya dengan isyarat sebanyak-banyaknya dengan isyarat sesedikit mungkin
• To Communicate: menyesuaikan • To Communicate: menyesuaikan presentasi dengan kemampuan persepsi penggunapersepsi pengguna
![Page 31: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/31.jpg)
Organize• Konsistensi
– Internal: Jenis elemen yang sama disajikan di tempat yang samaExternal: Mengacu pada konvensi – External: Mengacu pada konvensi budaya yang ada
– Real world: Konsisten dengan pengalaman nyata, observasi dan persepsi penggunaInnovation: Menyimpang dari konvensi – Innovation: Menyimpang dari konvensi yang ada, jika hal tersebut memberikan keuntungan yang jelas b ibagi pengguna
![Page 32: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/32.jpg)
Organize
![Page 33: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/33.jpg)
Organize• Screen Layout
– Standardkan Struktur• Jangan memaksa orang
mengeluarkan energi berlebihan mengeluarkan energi berlebihan untuk mengikuti alur presentasi
– Kelompokkan elemen-elemen K l mp an l m n l m n yang berhubungan
![Page 34: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/34.jpg)
Organize• Navigasi
– memberikan initial focus pada m mb an n al f us pada perhatian pemakai
– direct attention pada pkeseluruhan materi
– membantu navigasi ke seluruh presentasi
– kurva belajar sederhana
![Page 35: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/35.jpg)
Organize
contoh
![Page 36: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/36.jpg)
Economize
• Empat hal utamaEmpa hal ama– Simplicity: hanya gunakan elemen
yang paling penting untuk komunikasi
– Clarity: makna untuk masing-masing komponen tidak bias
– Distinctiveness: property penting dari elemen yang berbeda juga berbeda.E h i i d h– Emphasis: elemen penting mudah diketahui/dilihat
![Page 37: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/37.jpg)
Communicate
• Untuk keberhasilan komunikasi U b ha la m adisain visual haruslah seimbang dalam:l– Legibility – ReadabilityReadability– Symbolism– TypographyTypography– Color
![Page 38: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/38.jpg)
Legibility & Readability
• Elemen-elemen mudah dikenali dan dibedakan
• Legible Typefaces
• Comprehensible display– Mudah diidentifikasi dan
dii ikdiinterpretasikan– Menarik dan atraktif
![Page 39: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/39.jpg)
Symbolism
• Untuk mengkomunikasikan isi U m g m a asecara efisien, pilih dengan cermat:
• Icons• Simbol• Chart• Peta, denah
i• Diagram• Foto
![Page 40: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/40.jpg)
Typography
• Typefacei j– Terbaca (Legible), typeface yang jelas
yang berbeda untuk membedakan kelompok informasi dan berbeda (max 3 typeface yang berbeda)typeface yang berbeda)
• Typestyle– Ukuran (Point), italic, boldness, Ukuran (Point), italic, boldness,
underline, warna (max 3 style)• Typesetting
40 ka akte pe ba is ata ki i hinda i – 40 karakter per baris, rata kiri, hindari rata tengah atau rata kanan, spasi antar kata yang memadai, identasi paragraf dan spasi antar barisspasi antar baris.
![Page 41: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/41.jpg)
Typography
• KomposisiK mp– spacial unit + contrast
• Weightage• Weightage– chroma + lightness + thicknessDirection• Direction– height + positioning + style
• Character– tight/space + type-dimension
![Page 42: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/42.jpg)
Warna (+)• Memberi penekanan isyarat penting
Wa a ( )
• Identifikasi subsistem dari suatu struktur
• Menggambarkan obyek agar lebih realistis.
• Menggambarkan waktu dan proses• Mengurangi kesalahan interpretasi• Meningkatkan comprehensibility
![Page 43: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/43.jpg)
Warna (-)• Mekanisme yang komplex
Wa a ( )M a m ya g mpl– Display– ReproduksiReproduksi
• Isu-isu Cross-platformColor deficient vision• Color-deficient vision
• Sifat mengganggu– Visual discomfort– Afterimages
• Isu-isu Cross-culture
![Page 44: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/44.jpg)
WarnaW• PsikologiPsikologi
– Karakter Individual• Ungu = Kaya Royal Berkelas• Ungu = Kaya, Royal, Berkelas• White = Jernih, Kalem, Bersih• Kuning = Muda, Bertenaga, HangatKuning Muda, Bertenaga, Hangat
Biru =Tenang, Bisa Diandalkan, MendalamM h P B g • Merah = Panas, Bersemangat, Bergairah
![Page 45: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/45.jpg)
WarnaW• Roda WarnaRoda Warna• Kelompok Warna
W H– Warna Hangat• Menggembirakan• Bila Terlalu = Kaku
– Warna SejukW S• Tenang, Sabar• Bila berlebihan = DinginBila berlebihan Dingin
![Page 46: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/46.jpg)
WarnaW• Kelompok Warna
– Complementary atau Contrasting
– Analog atau Harmonis– Analog atau Harmonis
– Monotone, Monochromatic, Dominance
![Page 47: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/47.jpg)
WarnaW• Roda WarnaR a Wa a
![Page 48: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/48.jpg)
WarnaW• Roda WarnaR a Wa a
RGB CMYK
![Page 49: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/49.jpg)
SatuWarna• Kontras
SatuWarnaK a– Latar belakang gelap, teks
terang– Latar belakang terang, teks
gelap• Sederhana• Perhatian langsung• Perhatian langsung• Kombinasi yang terbaik
Uji• Uji
![Page 50: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/50.jpg)
Atau DuaWarna• Kontras
Atau DuaWarnaK a– Latar belakang gelap, teks
terang– Latar belakang terang, teks
gelap• Sederhana• Perhatian langsung• Perhatian langsung• Kombinasi yang terbaik
Uji• Uji
![Page 51: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/51.jpg)
Atau TigaWarna• Kontras
Atau TigaWarnaK a– Latar belakang gelap, teks
terang– Latar belakang terang, teks
gelap• Sederhana• Perhatian langsung• Perhatian langsung• Kombinasi yang terbaik
Uji• Uji
![Page 52: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/52.jpg)
Atau EmpatWarna• Kontras
Atau EmpatWarnaK a– Latar belakang gelap, teks
terang– Latar belakang terang, teks
gelap• Sederhana• Perhatian langsung• Perhatian langsung• Kombinasi yang terbaik
Uji• Uji
![Page 53: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/53.jpg)
Permasalahan Warna
• Perbedaan warna antar P b aa a a a aperalatan.– Piranti tertentu tidak dapat
GUIR logo#AF2534
Piranti tertentu tida dapat menampilkan warna tertentu (misal: #AF5234), ganti dengan Web Safe
#993333
warna lainnya.– Biasanya warna-warna Web safe
b i hsangat membantu mengatasi hal tersebut
![Page 54: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/54.jpg)
MENYIAPKAN MENYIAPKANVISUAL
![Page 55: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/55.jpg)
Tulis teks-nya lebih 1)dahulu
![Page 56: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/56.jpg)
Metode KISS2)Metode KISS2)Keep It Simple - SequentialSatu gagasan per visualSatu gagasan per visual
![Page 57: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/57.jpg)
M d KILL3) Metode KILL3)
• Keep ItK p ILarge andLarge andLegibleLegible
![Page 58: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/58.jpg)
Putuskan disain dasarPutuskan disain dasar
ABCD
![Page 59: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/59.jpg)
Credits• Graphics: T/Maker Company: ClickArt
CD ( 6)CD (1996)• Goldstein, J. & Goldstein, J. (1993).
Videoconferencing secrets. NAVITAR: Videoconferencing secrets. NAVITAR: Rochester, NY.
• Pett, D. & Wilson, T. (1997). Effective i AECT N Y kpresentations. AECT: New York.
![Page 60: Komunikasi - s1-keperawatan.umm.ac.ids1-keperawatan.umm.ac.id/files/file/myEffeCommVis.pdf · contoh. Economize • Empat halhal ama utama – Simplicity: hanya gunakan elemen ...](https://reader031.fdocuments.net/reader031/viewer/2022020206/5c82a6c609d3f21e6b8c786f/html5/thumbnails/60.jpg)
Trims gitu loh!