23736775 reka-bentuk-visual
TRANSCRIPT
![Page 1: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/1.jpg)
Topik 4REKA BENTUK VISUAL
![Page 2: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/2.jpg)
Pengenalan
• Visual alat komunikasi yang mampu menyampaikan mesej yang lebih berkesan daripada penggunaan lisan atau pernyataan bertulis.
• Keberkesanan penggunaan visual bergantung kepada kualiti yang ada pada visual tersebut.
![Page 3: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/3.jpg)
Konsep dan Fungsi Visual
grafik
ilustrasi melalui gambar ilustrasi secara artistik/simbolik
• Visual analogik• Visual organisasi
Bentuk Visual
Menyerupai suatu subjek atau situasi sebenar
elektronikfotografik
![Page 4: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/4.jpg)
Konsep dan Fungsi Visual
Ciri-ciri visual yang baik
Mudah, jelas dibaca dan difahami
Mesej dapat ditafsir dengan berkesan
Interaksi aktif di antara pelajar, guru dan maksud yang terdapat dalam visual
Membantu memfokuskan perhatian kepada maksud yang terdapat dalam visual
![Page 5: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/5.jpg)
Elemen Reka Bentuk Visual
Elemen Grafik
Ruang (Space)
Garis(Line)
Permukaan (Surface)
Bentuk tiga dimensi(Form)
Bentuk dua dimensi(Shape)
• Elemen grafik – bahan asas yang digunakan untuk membentuk sesuatu komposisi visual
![Page 6: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/6.jpg)
Elemen Grafik
1. Ruang– Terbahagi kepada
• Ruang positif – ruang yang digunakan
• Ruang negatif – ruang yang kosong
– Ruang perlu digunakan secara seimbang antara positif dan negatif agar komposisi visual kelihatan cantik dan menarik
![Page 7: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/7.jpg)
Ruang positif
Ruang negatif
![Page 8: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/8.jpg)
Elemen Grafik
2. Garis– Didapati dalam bentuk dua dimensi dan tiga
dimensi– Fungsi;
• Menunjukkan pergerakan dan arah atau aliran• Menunjukkan suasana aman atau ganas• Menunjukkan kemegahan dan kekuatan• Menunjukkan kekusutan• Melukis objek atau benda• Penghubung antara satu elemen dengan elemen lain
![Page 9: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/9.jpg)
Elemen Grafik
3. Permukaan– Permukaan yang kasar atau licin memberi kesan
ke atas rupa garisan yang di buat ke atasnya.
– Penyatuan yang wajar antara garis, warna dan tekstur perlu bagi menghasilkan permukaan yang menarik.
![Page 10: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/10.jpg)
Permukaan
![Page 11: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/11.jpg)
Elemen Grafik
4. Bentuk dua dimensi– Dimensi panjang dan lebar
• Bentuk geometri
• Bentuk abstrak• Bentuk gambaran
![Page 12: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/12.jpg)
Bentuk 2 Dimensi (Shape)
• Bentuk Geometri
• Bentuk Abstrak
• Bentuk Gambaran
![Page 13: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/13.jpg)
Elemen Grafik
5. Bentuk tiga dimensi– Dimensi panjang, lebar dan tinggi– Dua kategori;
• Bentuk tiga dimensi sebenar – bahan sebenar yang mempunyai dimensi panjang, lebar dan tinggi.
• Bentuk tiga dimensi tiruan – bentuk dua dimensi yang kelihatan seolah-olah mempunyai dimensi panjang, lebar dan tinggi atau tebal (gambar foto dan lukisan yang diberi bayang).
![Page 14: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/14.jpg)
Bentuk tiga dimensi sebenar Bentuk tiga dimensi tiruan
![Page 15: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/15.jpg)
Prinsip Reka Bentuk Visual• Kaedah menggunakan elemen-elemen
grafik supaya visual yang dihasilkan menarik dan berkesan.– Simplisiti– Dominan– Pola– Seimbang– Variasi– harmoni
![Page 16: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/16.jpg)
Prinsip Reka Bentuk Visual
1. Simplisiti– Lukisan yang jelas dan mudah dibaca
– Sesuatu bahan grafik perlu nampak mudah (simple) bagi mengelakkan penerima daripada merasa tertekan untuk mengetahui apakan maklumat sebenarnya yang hendak disampaikan.
![Page 17: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/17.jpg)
![Page 18: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/18.jpg)
Prinsip Reka Bentuk Visual2. Dominan
– Objek atau item utama yang ingin disampaikan perlu ditonjolkan.
a. Menggunakan peraturan Satu Per Tiga (Rule of Third)
41%
25%
20%
14%
![Page 19: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/19.jpg)
b. Warna dan bentuk yang kontrasc. Saiz yang lebih besard. Menggunakan anak panah yang
menunjuk ke arah item utamae. Mewujudkan gerakan dalam rekaan
visualf. Menggunakan lampu atau cahaya
yang memancar
![Page 20: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/20.jpg)
Cara Yang Betul Untuk Membaca Suhu Pada
Termometer
![Page 21: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/21.jpg)
Prinsip Reka Bentuk Visual3. Pola
– Penting kerana;• Menarik penglihatan ke arah item yang utama
• Mengerakkan penglihatan mata kepada keseluruhan visual dalam arah yang betul
• Mengekalkan penglihatan mata dan mengikut aliran persembahan
– Jenis pola dalam rekaan visual;• Pola mengikut bentuk geometri
• Pola Mengikut huruf
![Page 22: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/22.jpg)
Prinsip Reka Bentuk Visual4. Seimbang
a. Seimbang formal – pembahagian yang sama bahagi antara dua bahagian visual; sama ada bahagian kiri dengan kanan atau bahagian atas dengan bawah.
b. Seimbang tidak formal – pembahagian tidak sama rata antara item kiri dan kanan atau atas dengan bawah sesuatu rekaan
![Page 23: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/23.jpg)
Seimbang formal Seimbang tidak formal
![Page 24: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/24.jpg)
Panduan Menentukan Keseimbangan
• Penggunaan mata adalah cara terbaik menentukan keseimbangan
• Elakkan meletakkan objek yang gelap di atas objek yang cerah @ Objek yang besar di atas objek yang kecil
• Objek yang gelap lebih berat daripada objek yang cerah & Objek yang lebih besar lebih berat daripada objek yang kecil
• Hukum graviti perlu diaplikasi di sini
![Page 25: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/25.jpg)
Prinsip Reka Bentuk Visual
5. Variasi– Menggunakan variasi (pelbagai elemen
grafik) dalam penghasilan visual agar kelihatan hidup, meningkatkan tarikan dan minat terhadap persembahan.
![Page 26: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/26.jpg)
![Page 27: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/27.jpg)
Prinsip Reka Bentuk Visual6. Harmoni
– Penggunaan elemen grafik yang berkesinambungan antara satu dengan lain membolehkan mata dan fikiran penonton mengikuti perkembangan keseluruhan visual.
– Ada hubungan antara elemen-elemen, arah aliran persembahan, perspektif dan kesatuan mesej.
![Page 28: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/28.jpg)
![Page 29: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/29.jpg)
Warna
• Merupakan salah satu elemen visual.• “Warna adalah milik cahaya dan apabila
berubah maka berubahlah warna”
(Leuer, 1990).
![Page 30: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/30.jpg)
Warna
Kromatik Akromatik
Hiu Valiu Kroma Valiu Kroma
• Hiu – digunakan untuk menjelaskan warna yang khusus seperti merah, biru.
• Valiu – menjelaskan sejauh mana gelap atau cerah sesuatu warna
itu kelihatan. Warna Putih mempunyai valiu yang tinggi.• kroma – menjelaskan intensiti atau kekuatan sesuatu warna.
![Page 31: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/31.jpg)
Gambarajah Pecahan Warna
FFFF00 CCFF00 99FF00 66FF00 33FF00 00FF00
FFCC00 CCCC00 99CC00 66CC00 33CC00 00CC00 00FF33
FF9900 CC9900 999900 669900 339900 009900 00CC33 00FF66
FF6600 CC6600 996600 666600 336600 006600 009933 00CC66 00FF99
FF3300 CC3300 993300 663300 333300 003300 006633 009966 00CC99 00FFCC
FF0000 CC0000 990000 660000 330000 000000 003333 006666 009999 00CCCC 00FFFF
FF0033 CC0033 990033 660033 330033 000033 003366 006699 0099CC 00CCFF
FF0066 CC0066 990066 660066 330066 000066 003399 0066CC 0099FF
FF0099 CC0099 990099 660099 330099 000099 0033CC 0066FF
FF00CC CC00CC 9900CC 6600CC 3300CC 0000CC 0033FF
FF00FF CC00FF 9900FF 6600FF 3300FF 0000FF
![Page 32: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/32.jpg)
Warna Utama
Warna Sekunder
Warna Pertengahan
Warna Tertiar(tertiary)
Pigmen (Bahan yang mamberi warna kepada sesuatu objek)
![Page 33: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/33.jpg)
Biru
Kuning
Merah
Warna Utama• Warna asas, yang tidak boleh dihasilkan dengan campuran warna-warna lain
![Page 34: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/34.jpg)
Warna Sekunder
Hijau
Jingga
UnguKuning
Biru
Merah
• Campuran dua warna utama
![Page 35: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/35.jpg)
Warna Pertengahan
Biru
Kuning
Merah
Hijau
Jingga
Ungu
Biru Hijau
Merah Jingga
Kuning Jingga
Kuning Hijau
Merah Ungu
• Campuran warna sekunder dengan warna utama yang terletek bersebelahannya
![Page 36: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/36.jpg)
Warna Tertiar (tertiary)
Hijau
Jingga
Ungu
Merah Kecoklatan
Hijau Muda
Ungu Kelabu
• Campuran dua warna sekunder
![Page 37: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/37.jpg)
Pemilihan warna
• Dipilih berdasarkan fungsinya
a) Membuat penegasan dan mewujudkan tumpuan
b) Memudahkan sesuatu item dilihat
c) Mewujudkan perasaan harmoni
d) Melahirkan kesan tertentu
![Page 38: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/38.jpg)
Warnaa. Membuat penegasan dan mewujudkan
tumpuan– Penegasan terhadap isi penting yang hendak disampaikan
boleh dilaksanakan dengan penggunaan warna yang
kontras.Latar Belakang Latar Depan, Imej,
TeksHighlights
Putih Biru gelap Merah, oren
Kelabu cerah Biru, hijau, hitam Merah
Bitu muda Bitu gelap, hijau gelap Merah, oren
Kuning muda Ungu, coklat Merah
![Page 39: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/39.jpg)
Warna
b. Memudahkan sesuatu item dilihat– Penggunaan warna;
• Kuning Oren Hijau Merah Biru
– Tindihan warna• Tindihan positif – subjek terang diletak di atas
latar yang kontras dengan warna subjek• Tindihan negatif – menggunakan warna
kontras yang lemah dan menghasilkan gabungan warna yang kelihatan sama
![Page 40: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/40.jpg)
Warna
c. Mewujudkan perasaan harmoni– Gabungan warna-warna analogus, warna
yang terletak berhampiran dengan roda warna
![Page 41: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/41.jpg)
Warnad. Melahirkan kesan tertentu
– Warna Panas• Warna merah, jingga dan kuning• Menimbulkan kesan kedekatan, kegarangan dan kekuatan
– Warna Sejuk• Warna biru, ungu dan hijau• Mewujudkan suasana kelembutan, kedamaian dan kesayuan
– Warna Psikologi• Dipengaruhi oleh budaya masyarakat dan bidang pengetahuan
– Merah Tahun baru cina– Biru warna darah beroksigen dalam mata pelajaran sains
Sungai dan laut dalam mata pelajaran geografi
![Page 42: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/42.jpg)
WARNA Respon Psikologi Catatan
Merah Power, energi, kehangatan, cinta, nafsu, agresif, bahaya
Warna Merah kadang berubah erti jika dikombinasikan dengan warna lain.Merah dikombinasikan dengan Hijau, maka akan menjadi simbol Natal.Merah jika dikombinasikan denga Putih, akan membawa erti 'bahagia' di dalam budaya Oriental.
Biru Kepercayaan, Konservatif, Keamanan, Teknoologi, Kebersihan, teratur
Banyak digunakan sebagai warna pada logo Bank di Amerika Syarikat untuk memberikan kesan 'kepercayaan'.
Hijau Alam, Sihat, Keuntungan, Pembaharuan Timur Tengah, warna Hijau sangat disukai.
Yellow Optimis, Harapan, Ketidak jujuran, Pengecut (untuk budaya Barat), pengkhianatan.
Kuning adalah warna keramat dalam agama Hindu.
Ungu/Jingga Spiritual, Misteri, Kebangsawanan, Transformasi, Kekasaran, Keangkuhan
Warna Ungu sangat jarang ditemui di alam.
Oranye Energy, Keseimbangan, Kehangatan Menekankan sebuah produk yang tidak mahal.
Coklat Tanah/Bumi, Reliability, Selesa, Daya Tahan. Penampilan yang kemas
Kelabu Intelek, Masa Depan (Milenium), Kesederhanaan, Kesedihan
warna yang paling mudah dilihat oleh mata.
Putih Kesucian, Kebersihan, Ketepatan, Kematian Di Amerika, Putih melambangkan perkawinan (gaun pengantin berwarna putih), tapi di banyak budaya Timur (terutama India dan Cina), warna Putih melambangkan kematian.
Hitam Power, Kecanggihan, Kematian, Misteri, Ketakutan, Kesedihan, Keanggunan
Melambangkan kematian dan kesedihan di budaya Barat.Sebagai warna Kemasan, Hitam melambangakan Keanggunan (Elegance), Kemakmuran (Wealth) dan Kecanggihan (Sopiscated)
![Page 43: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/43.jpg)
Huruf
• Perkara yang perlu dipertimbangkan dalam pemilihan huruf
1. Stail Huruf
2. Bilangan stail huruf
3. Huruf besar dan huruf kecil
4. Warna huruf
5. Saiz huruf
6. Jarak antara huruf
7. Jarak antara baris
![Page 44: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/44.jpg)
Pemilihan huruf1. Stail Huruf
– Menarik perhatian dan mengelakkan sesuatu visual disalahtafsir
– Pengelasan huruf• Huruf Roman
• Huruf Gotik
•Huruf Sambung atau Cursive• Huruf Teks• Huruf Novelti
![Page 45: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/45.jpg)
Pemilihan huruf2. Bilangan Stail Huruf
– Elakkan menggunakan terlalu banyak stail huruf, tidak lebih 3 huruf dan sesuai dengan mesej.
3. Huruf Besar dan Huruf Kecil– Tajuk huruf besar– Sub tajuk huruf kecil
4. Warna Huruf– Bersesuaian dengan mesej yang disampaikan.
![Page 46: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/46.jpg)
Pemilihan huruf5. Saiz Huruf
Jarak untuk dilihat Saiz Huruf
20 kaki 1 “
40 kaki 2 “
50 kaki 2 ½ ”
60 kaki 2”
80 kaki 4 “
- Saiz huruf perlu disesuaikan dengan sasaran.- Tinggi huruf perlu disesuaikan dengan ketebalan huruf
![Page 47: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/47.jpg)
Pemilihan huruf6. Jarak Antara Huruf
– Jarakkan dalam keadaan yang seimbang mengikut keselesaan penglihatan.
• Jarak huruf secara optikal• Jarak huruf secara mekanikal
– Jarak antara baris hendaklah jangan melebihi tinggi huruf yang digunakan
– Penghasilan transperensi – enam perkataan satu baris
![Page 48: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/48.jpg)
Pemilihan huruf
7. Jarak Antara Baris– Jarak mengikut kesesuaian– Satu transperensi Enam baris
![Page 49: 23736775 reka-bentuk-visual](https://reader034.vdocuments.pub/reader034/viewer/2022052315/556249f1d8b42a1b4b8b46f6/html5/thumbnails/49.jpg)
Sekian..
Terima kasih atas tumpuan yang diberi.