23736775-reka-bentuk-visual-120304183129-phpapp02

8/2/2019 23736775-reka-bentuk-visual-120304183129-phpapp02

1/49

Topik 4REKA BENTUK VISUAL


2/49

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.


3/49

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


4/49

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


5/49

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


6/49

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 komposisivisual kelihatan cantik dan menarik


7/49

Ruang positif

Ruang negatif


8/49

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


9/49

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.


10/49

Permukaan


11/49

Elemen Grafik

4. Bentuk dua dimensi

Dimensi panjang dan lebar

Bentuk geometri

Bentuk abstrak

Bentuk gambaran


12/49

Bentuk 2 Dimensi (Shape)

Bentuk Geometri

Bentuk Abstrak

Bentuk Gambaran


13/49

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 duadimensi yang kelihatan seolah-olah mempunyaidimensi panjang, lebar dan tinggi atau tebal(gambar foto dan lukisan yang diberi bayang).


14/49


15/49

Prinsip Reka Bentuk Visual

Kaedah menggunakan elemen-elemengrafik supaya visual yang dihasilkanmenarik dan berkesan.

Simplisiti Dominan

Pola

Seimbang

Variasi

harmoni


16/49


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.


17/49


18/49

Prinsip Reka Bentuk Visual2. Dominan

Objek atau item utama yang ingin disampaikan perluditonjolkan.

a. Menggunakan peraturan Satu PerTiga (Rule of Third)

41%

25%

20%

14%


19/49

b. Warna dan bentuk yang kontras

c. Saiz yang lebih besar

d. Menggunakan anak panah yangmenunjuk ke arah item utama

e. Mewujudkan gerakan dalam rekaan

visual

f. Menggunakan lampu atau cahaya

yang memancar


20/49

Cara Yang Betul UntukMembaca Suhu PadaTermometer


21/49

Prinsip Reka Bentuk Visual3. Pola

Penting kerana;

Menarik penglihatan ke arah item yang utama

Mengerakkan penglihatan mata kepada keseluruhanvisual dalam arah yang betul

Mengekalkan penglihatan mata dan mengikut aliran

persembahan

Jenis pola dalam rekaan visual; Pola mengikut bentuk geometri

Pola Mengikut huruf


22/49


4. Seimbanga. Seimbang formal pembahagian yang sama

bahagi antara dua bahagian visual; sama ada

bahagian kiri dengan kanan atau bahagian atasdengan bawah.

b. Seimbang tidak formal pembahagian tidak

sama rata antara item kiri dan kanan atau atasdengan bawah sesuatu rekaan


23/49

Seimbang formal Seimbang tidak formal


24/49

Panduan Menentukan Keseimbangan

Penggunaan mata adalah cara terbaik menentukankeseimbangan

Elakkan meletakkan objek yang gelap di atas objek

yang cerah @ Objek yang besar di atas objek yangkecil

Objek yang gelap lebih berat daripada objek yangcerah & Objek yang lebih besar lebih berat daripada

objek yang kecil Hukum graviti perlu diaplikasi di sini


25/49


5. Variasi

Menggunakan variasi (pelbagai elemen

grafik) dalam penghasilan visual agarkelihatan hidup, meningkatkan tarikan dan

minat terhadap persembahan.


26/49


27/49


6. Harmoni

Penggunaan elemen grafik yang

berkesinambungan antara satu dengan lainmembolehkan mata dan fikiran penonton

mengikuti perkembangan keseluruhan visual.

Ada hubungan antara elemen-elemen, arah aliran

persembahan, perspektif dan kesatuan mesej.


28/49


29/49

Warna

Merupakan salah satu elemen visual.

Warna adalah milik cahaya dan apabila

berubah maka berubahlah warna(Leuer, 1990).


30/49

Warna

Kromatik Akromatik

Hiu Valiu Kroma Valiu Kroma

Hiu digunakan untuk menjelaskan warna yang khusus sepertimerah, 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.


31/49

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


32/49

Warna Utama

WarnaSekunder

WarnaPertengahan

Warna Tertiar(tertiary)

Pigmen(Bahan yang mamberi warna kepada sesuatu objek)


33/49

Biru

Kuning

Merah

Warna Utama

Warna asas, yang tidak boleh dihasilkan dengan

campuran warna-warna lain


34/49

Warna Sekunder

Hijau

Jingga

UnguKuning

Biru

Merah

Campuran dua warna utama


35/49

WarnaPertengahan

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


36/49

Warna Tertiar (tertiary)

Hijau

Jingga

Ungu

Merah

Kecoklatan

Hijau

MudaUngu

Kelabu

Campuran dua warna sekunder


37/49

Pemilihan warna

Dipilih berdasarkan fungsinya

a) Membuat penegasan dan mewujudkan

tumpuanb) Memudahkan sesuatu item dilihat

c) Mewujudkan perasaan harmoni

d) Melahirkan kesan tertentu


38/49

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,Teks

Highlights

Putih Biru gelap Merah, oren

Kelabu cerah Biru, hijau, hitam Merah

Bitu muda Bitu gelap, hijau gelap Merah, oren

Kuning muda Ungu, coklat Merah


39/49

Warna

b. Memudahkan sesuatu item dilihat

Penggunaan warna;

KuningOrenHijauMerahBiru Tindihan warna

Tindihan positif subjek terang diletak di atas

latar yang kontras dengan warna subjek

Tindihan negatif menggunakan warnakontras yang lemah dan menghasilkan

gabungan warna yang kelihatan sama


40/49

Warna

c. Mewujudkan perasaan harmoni

Gabungan warna-warna analogus, warna

yang terletak berhampiran dengan rodawarna


41/49

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

WARNA Respon Psikologi Catatan


42/49

Merah Power, energi, kehangatan, cinta, nafsu,agresif, bahaya

Warna Merah kadang berubah erti jika dikombinasikan denganwarna lain.Merah dikombinasikan dengan Hijau, maka akan menjadisimbol 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 AmerikaSyarikat 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 pengantinberwarna putih), tapi di banyak budaya Timur (terutama Indiadan 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)


43/49


44/49

Pemilihan huruf

1. Stail Huruf Menarik perhatian dan mengelakkan sesuatu

visual disalahtafsir

Pengelasan huruf Huruf Roman

Huruf Gotik

Huruf Sambung atau Cursive

Huruf Teks

Huruf Novelti


45/49

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.


46/49

Pemilihan huruf

5. Saiz HurufJarak 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


47/49

Pemilihan huruf

6. 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


48/49

Pemilihan huruf

7. Jarak Antara Baris

Jarak mengikut kesesuaian

Satu transperensi Enam baris


49/49

Sekian..

Terima kasih atas tumpuanyang diberi.

23736775-reka-bentuk-visual-120304183129-phpapp02

Documents