reka bentuk visual -...

21
01/10/2013 1 REKA BENTUK VISUAL Visual ialah alat yang dapat menyediakan rujukan konkrit yang lebih baik daripada pernyataan secara lisan atau bertulis Fungsi utama visual ialah untuk meningkatkan komunikasi dalam pengajaran Konsep dan Fungsi Visual Visual dibahagi kepada tiga bentuk I. Fotografik II. Elektronik III. Grafik : menyediakan ilustrasi secara artistik atau simbolik a. Visual analogik : menerangkan sesuatu konsep dengan menunjukkan sesuatu simbol yang dianggap dapat mewakili konsep tersebut b. Visual organisasi : merangkumi carta, graf, peta dan sebagainya Menyediakan ilustrasi melalaui gambar , visual realiti, menyerupai sesuatu subjek, situasi sebenar

Upload: dotram

Post on 13-Feb-2018

269 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

1

REKA BENTUK VISUAL

Visual ialah alat yang dapat menyediakan rujukan konkrit yang lebih baik daripada pernyataan secara lisan atau bertulis

Fungsi utama visual ialah untuk meningkatkan komunikasi dalam pengajaran

Konsep dan Fungsi Visual

Visual dibahagi kepada tiga bentuk I. Fotografik

II. Elektronik

III. Grafik : menyediakan ilustrasi secara artistik atau simbolik

a. Visual analogik : menerangkan sesuatu konsep dengan menunjukkan sesuatu simbol yang dianggap dapat mewakili konsep tersebut

b. Visual organisasi : merangkumi carta, graf, peta dan sebagainya

Menyediakan ilustrasi melalaui gambar , visual realiti,

menyerupai sesuatu subjek, situasi sebenar

Page 2: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

2

Fotografi

Grafik

Visual hanya akan mempunyai fungsi komunikasi jika mempunyai ciri-ciri berikut:

i. Mudah dan jelas dibaca / difahami

ii. Mesej mudah ditafsir. Jika terlalu senang, pelajar tidak memberi perhatian pada visual

iii. Mendorong interaksi yang aktif antara pelajar, guru dan maksud yang terdapat dalam visual

iv. Membantu menfokuskan perhatian kepada maksud yang terdapat dalam visual

Page 3: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

3

Elemen Reka Bentuk Visual

Elemen grafik bermakna bahan-bahan asas yang digunakan untuk membentuk sesuatu komposisi visual.

Terdapat lima elemen grafik

1. Ruang

2. Garis

3. Permukaan

4. Bentuk Dua Dimensi (Shape)

5. Bentuk Tiga Dimensi (Form)

1. Ruang

Keluasan yang disediakan bagi sesuatu visual

Ruang perlu untuk menjadikan sesuatu reka bentuk menarik

Ruang terbahagi kepada dua:

i. Ruang Positif : Ruang yang digunakan

ii. Ruang Negatif : Ruang yang kosong

Positif

Negatif

Page 4: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

4

2. Garis (Line)

Garis boleh didapati dalam bentuk dua dimensi dan tiga dimensi

Dua dimensi seperti lakaran pensil

Garis tiga dimensi adalah seperti tali, kulit siput dan sebagainya

Fungsi garis ialah: i. Menunjukkan pergerakan

ii. Menunjukkan suasana

iii. Menunjukkan kemegahan/kekuatan

iv. Menunjukkan kekusutan

v. Melukis objek/ benda

vi. Menghubung antara satu elemen dengan elemen lain

3. Permukaan Sesuatu permukaan boleh dirawat dengan

memberi warna dan tekstur

Garis, warna dan tekstur yang berbeza memberi kesan tertentu kepada permukaan

4. Bentuk dua dimensi

Terdapat tiga jenis bentuk dua dimensi

a. Bentuk Geometri

b. Bentuk abstrak

c. Bentuk gambaran

Geometri Abstrak Gambaran

Page 5: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

5

5. Bentuk Tiga Dimensi (Form) Dibahagikan kepada dua kategori

a. Bentuk tiga dimensi sebenar : adalah bahan sebenar yang mempunyai dimensi tinggi, lebar, panjang contohnya meja, kerusi dll

b. Bentuk tiga dimensi tiruan : bentuk dua dimensi yang dimasukkan elemen bayang, garisan dan sebagainya

Prinsip Reka Bentuk Visual

Berkaitan dengan kaedah menggunakan elemen-elemen grafik agar visual menjadi menarik. Terdapat enam prinsip reka bentuk visual.

i. Simplisiti

ii. Dominan

iii. Pola

iv. Seimbang

v. Variasi

vi. harmoni

i.Simplisiti

Sesuatu rekaan haruslah memungkinkan kefahaman yang cepat dan jelas

Sesuatu hasil mestilah nampak mudah dibaca atau difahami tetapi masih boleh menarik perhatian

Page 6: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

6

ii.Dominan

Pusat penumpuan atau minat

Dalam sesuatu rekaan visual, objek atau item utama mesti

ditonjolkan agar dibaca maksud dengan

Terdapat pelbagai cara untuk mencapai dominan

i. Rule of Third

ii. Warna dan bentuk yang kontras

iii. Saiz yang lebih besar

iv. Menggunakan anak panah menunjukkan ke arah item utama

v. Menggunakan garis yang menunjuk item utama

vi. Mewujudkan gerakan

vii. Menggunakan lampu atau cahaya memancar

iii. Pola Berkaitan dengan soal susunan item-item dalam sesuatu

rekaan visual.

Aspek susunan ini amat dititikberatkan kerana ia dapat a. Menarik penglihatan mata ke arah item utama

b. Menggerakkan penglihatan mata kepada keseluruhan visual dalam arah yang betul

c. Mengekalkan penglihatan mata dan seterusnya mengikuti aliran persembahan sampai ke titik akhir

* Kesimpulannya, pola bermakna penyusunan elemen-elemen visual bagi menarik dan mengekalkan perhatian penonoton / pembaca dan sekaligus memandu mereka maksud yang terkandung dalam visual

Page 7: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

7

iv. Seimbang

Keseimbangan perlu dalam rekaan sesuatu visual

Elemen grafik disusun seimbang agar mempunyai daya penarik dan keselesaan mata memandang

Terdapat dua jenis seimbang

a. Seimbang formal : seimbang yang sama atau simetri di antara kedua- bahagian kiri dan kanan atau atas dan bawah

b. Seimbang tidak formal : bermakna pembahagian yang tidak sama rata.

v. Variasi

Variasi menyokong pola untuk meningkatkan tarikan terhadap visual

Penggunaan elemen-elemen dalam sesuatu komposisi dapat menjadikan visual seolah-olah hidup

vi. Harmoni

Memberikan rasa yakin dan pasti kepada penonton/ pembaca apabila melihat gabungan elemen-elemen grafik, aliran persembahan dan kesatuan mesej.

Page 8: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

8

Warna

Warna terbahagi kepada dua kumpulan besar iaitu :

i. Kromatik : mengandungi tiga sifat iaitu hiu, valiu dan kroma. Ia juga digelar warna natural seperti kelabu, hitam dan putih

ii. Akromatik : mengandungi dua sifat iaitu valiu dan kroma

a. Hiu : digunakan untuk menjelaskan warna yang khusus seperti merah, biru dansebagainya

b. Valiu : menjelaskan sejauh mana gelap atau cerahnya sesuatu warna. Warna putih yang paling cerah dan ini menunjukkan putih mempunyai sifat valiu yang tinggi

c. Kroma : digunakan untuk menjelaskan intensiti atau kekuatan sesuatu warna. Merah cerah lebih kuat merahnya dari merah pudar dan sebagainya

d. Pigmen : Terbahagi kepada empat jenis :

Warna utama

Warna sekunder

Warna pertengahan

Warna tertier

Warna utama : warna asas yang tidak boleh didapati melalui campuran warna.Merah, biru dan kuning

Warna Sekunder : Diperolehi daripada campuran dua warna utama

Warna pertengahan : campuran warna sekunder dengan warna utama yang terletak disebelahnya

Warna tertier : campuran dua warna sekunder

Page 9: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

9

Pemilihan Warna

Warna dipilih berdasarkan fungsinya. Terdapat empat fungsi warna:

a. Membuat penegasan dan mewujudkan tumpuan

b. Memudahkan sesuatu item dilihat

c. Mewujudkan perasaan harmoni

d. Melahirkan kesan tertentu selain daripada perkara di atas

a. Membuat penegasan dan mewujudkan tumpuan Penegasan warna ke atas sesuatu elemen supaya

menjadi tumpuan

Penggunaan warna latar yang kontras dengan subjek dapat menimbulkan kesan tumpuan

Warna kontras juga dikenali sebagai warna penggenap

b. Memudahkan sesuatu item dilihat

Warna ungu adalah warna paling kurang jelas dilihat / rendah nilainya berbanding warna kuning

Tindihan warna juga dapat menjelaskan sesuatu warna

a. Tindihan positif : dihasilkan apabila warna subjek yang terang diletakkan di atas latar berwarna kontras.

b. Tindihan negatif : menggunakan warna kontras yang lemah dan menghasilkaan gabungan warna yang kelihatan sama. Contohnya warna putih atas kuning

Page 10: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

10

c. Mewujudkan perasaan harmoni Dapat dilakukan dengan menggunakan

warna-warna analogus, iaitu warna –warna yang terletak berhampiran roda warna.

d. Melahirkan kesan tertentu

Terdapat tiga kategori warna

i. Warna panas : merah, jingga dan kuning. Warna-warna ini menimbulkan kesan panas, kegarangan dan kekuatan

ii. Warna sejuk : biru, ungu, hijau. Warna sejuk dikaitkan dengan alam dan mewujudkan kelembutan, kedamaian dan kesayuan

iii. Warna psikologi: warna yang dipengaruhi oleh budaya. Terdapat juga warna diterima sebagai suatu tafsiran dalam bidang ilmu.

Huruf Huruf memainkan peranan yang penting dalam

penggunaan tajuk, soalan dan lain-lain perkataan dapat meningkatkan keberkesanan sesuatu paparan visual

Dalam penggunaan huruf, tujuh perkara perlu diberi pertimbangan

i. Stail huruf

ii. Bilangan stail huruf

iii. Huruf besar dan huruf kecil

iv. Warna huruf

v. Saiz huruf

vi. Jarak antara huruf

vii. Jarak antara baris

Page 11: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

11

i. Stail huruf

Stail huruf boleh diklasifikasikan kepada lima keluarga

a. Huruf Roman : mempunyai strok nyang berselang seli antara strok nipis dan tebal. Ia mempunyai serif di tapak huruf

b. Huruf Gotik : Mempunyai saiz yang sama dan tidak mempunyai serif atau san serif

c. Huruf sambung atau Cursive : dikenali juga sebagai hand writing

d. Huruf Teks : kelihatan antik dan cantik tetapi sukar dibaca kerana gaya tulisan lama

e. Huruf novelti : Adakalanya digunaa untuk menarik perhatian dan sebagaai hiasan ataau dekoratif

Principlesofdesign

http://ramakertamukti.wordpress.com

ngisedfoselpicnirP

The elements of design refer to “what” are used and the principles of design refer to “how” they are used. The elements can be selected, and the principles can be applied. Design is about making these visual choices.

Unsur-Unsur dari desain mengacu pada “apa“ yang digunakan dan prinsip dari disain mengacu pada “ bagaimana” unsur-unsur itu digunakan. Unsur-Unsur dapat terpilih, dan prinsip dapat diterapkan. Desain akan menyesuaikan pada sebuah visual yang diinginkan

Page 12: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

12

1.GESTALT

Teori ini dibangun oleh tiga orang, Kurt Koffka, Max Wertheimer, and Wolfgang Köhler. Mereka menyimpulkan bahwa seseorang cenderung mempersepsikan apa yang terlihat dari lingkungannya sebagai kesatuan yang utuh

Teori Gestalt menjelaskan bahwa persepsi tidak berdasarkan pada respon yang terisolasi terhadap stimulus khusus, tetapi lebih kepada reaksi terhadap stimulus total. Implikasi lain dari persepsi adalah adanya reaksi aktif terhadap lingkungan. Manusia secara aktif akan membuat struktur dan mengatur perasaan terhadap stimulus yang ada.

Teori gestalt

banyak dipakai dalam proses desain dan cabang seni rupa lainnya, karena banyak menjelaskan bagaimana persepsi visual bisa terbentuk. Persepsi jenis ini bisa terbentuk karena:

Kedekatan posisi (proximity)

Kesamaan bentuk (similiarity)

Penutupan bentuk

Kesinambungan pola (continuity)

Kesamaan arah gerak (common fate)

Page 13: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

13

Unity or Harmony Unity menyatakan gagasan di mana rasa

memiliki berbagai hal untuk dijadikan kesatuan.

Harmony adalah kata lain penyelarasan dari suatu kesatuan

Unity and Placement Using Line

Penempatan dari unsur-unsur hampir satu sama lain adalah satu arah untuk menciptakan kesatuan.

Unity and Placement Using Shape

membentuk suatu hubungan yang kuat antara bingkai gambar

Page 14: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

14

Repetition Using Line Pengulangan adalah karakteristik dari kesatuan

yang dapat diberlakukan bagi manapun unsur disain.

Repetition Using Shape

Page 15: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

15

RHYTHM Prinsip disain lain berhubungan erat dengan

pengulangan adalah Rhythm. Rhythm menciptakan kesatuan dengan pengulangan dengan unsur-unsur sedikit yang berbeda

Repetition and rhythm.

RHYTHM

Ada 2 jenis Rhythm :

- alternating rhythm dan

progressive rhythm.

Page 16: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

16

Unity Using Value Kesatuan dapat dicapai melalui penggunaan

yang diulang-ulang dari nilai-nilai sebuah disain.

Nilai-Nilai yang serupa yang menciptakan kesatuan.

Unity and continuity

Page 17: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

17

Variety

Page 18: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

18

Variety and Line

Variety and Visual Weight

Page 19: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

19

Focal point and visual hierarchy

Page 20: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

20

No focal point

Balance

Page 21: REKA BENTUK VISUAL - author.uthm.edu.myauthor.uthm.edu.my/uthm/www/content/lessons/2107/Lecture4.pdf · Visual organisasi: merangkumi carta, graf, peta dan sebagainya Menyediakan

01/10/2013

21

Radial balance