You are on page 1of 44

c c



  


++#,+ $

 
  ! "c 
c#$ %&c  
'(&!) *
Kandungan
! Definisi
! Jenis-jenis Grafik
! Elemen Asas Reka Letak Grafik
! Prinsip Asas Reka Bentuk Grafik
! Prinsip Reka Bentuk CASPER
DEFINISI GRAFIK

Õ Sebuah lukisan, gambar atau huruf yang


dihasilkan dengan menggunakan media
tertentu seperti pen, pensel, berus dan
sebagainya.
(Jamalludin Harun & Zaidatun Tasir, 2005)
Õ c   
   

(DEWAN BAHASA & PUSTAKA)
JENIS-JENIS GRAFIK

Õ Fotograf
JENIS-JENIS GRAFIK

Õ Lukisan
JENIS-JENIS GRAFIK

Õ Kartun
JENIS-JENIS GRAFIK

Õ Graf atau Carta


JENIS-JENIS GRAFIK
Õ Ikon, Simbol, Garis dan Butang

Ñ  -
JENIS-JENIS GRAFIK
Õ Diagram
ELEMEN ASAS REKA LETAK GRAFIK
Õ j
 
 
   

 j  
  
 
  





  




 j   
   






 
 


 
 


 








 
ELEMEN ASAS REKA LETAK GRAFIK
Õ 
 

   
  





 



 
 
 
    


  



  
 
   

 



ELEMEN ASAS REKA LETAK GRAFIK
Õ ë 
 ! 

"  
  


  

# 


" 


 







ELEMEN ASAS REKA LETAK GRAFIK
Õ c 


 $
 

 
 

   


    



"  




  

 






ELEMEN ASAS REKA LETAK GRAFIK
Õ Ä

 Ä

 




 
 ë

 "  

  


   

 



 
     




ELEMEN ASAS REKA LETAK GRAFIK
Õ è


 c
 







 


  


è



%% 
"  
  
 è




 c  


   
 

  
 

 

 







PRINSIP ASAS REKA BENTUK GRAFIK
ͻ 
 & 

Õ 
 
  %
% 

Õ 
 

 %
%   


 







Õ 
 '
 
 %% 


 
" 
" 

 ( 

Õ 
  " 

  "  
"

  "
)  "


 


  "

 



 

 
 !

j
 

Õ (


"    


 



PRINSIP ASAS REKA BENTUK GRAFIK
ͻ w
*
+
ͻ 

" " 

"
"


"




  



ͻ   




Õ 
 
" 


" 
" "


PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR
*wüNTRAST
*$LIGNMENT
*IMPLICITY
*cRü IMITY
*MPHASIS
*ÄEPITITIüN
PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR
*wüNTRAST (üNTRA): (warna, imej dan fon)

w 
PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR
$ 
Õ Setiap item dipisahkan oleh idea dan ruang
pada antara muka yang sama.
PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR
öï÷øù öï÷øý
úûìîïü

oéêëëìíîïéðíéìéñìëìòòïòéóëôïëéõ
PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR
Ä  
*     +
keep your message as simple as possible.
 Use only the amount of text and graphics as is

  

to get your point across


 Superfluous graphics can interfere with
understanding.
 An overabundance of fonts or colours can distract
rather than assist learning.
The general rule of thumb is to use graphics that are
as simple as possible when displaying content on the
screen. Provide the main ideas and a means of
getting more information for those who might need
or desire it.
PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR
c,  
Õ °   

 
  
  ° °      
 
   °       
°   
 
   ° °       
  ° 
 
 °  


 
      
   

°    
   


°  ° 

PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR
c 
 °   

 °   °

 °   
  °

oéþóéìéüÿðøì òïéüñìïéðøðíéó ïøéõ


PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR
 
  -
 
Õ If most of the elements in a work of art are grouped
closely together, an object by itself stands out as a
focal point.
PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR
c

*| +
Õ üne method used to attract attention in the
design of a screen or work of art is  


  

Õ A focal point draws your attention to the 


 
 on the page. There are
several techniques used to emphasize the
most important object on a page.
PRINSIP REKA BENTUK ANTARA
MUKA & SUSUN ATUR

c



#
Õ Penggunaan     , underlining,
blinking, —  untuk menarik perhatian
kepada isi-isi
  

 j 


 

 
  
 

j   

    
 
 
ü       
         



     
    

      
   

     
    
  


PRINSIP REKA BENTUK ANTARA
CASPER DESIGN PRINCIPLES
MUKA & SUSUN ATUR
Ä   *c 

+
Õ Konsisten diperolehi melalui pengulangan
elemen-elemen yang terdapat samada pada 1
antara muka atau pada antara muka yang bersiri.

Õ Penggunaan ikon( ), imej dan warna


digunakan sebagai navigasi untuk mengelakkan
kekeliruan.
CüNTüH PENGGUNAAN BUTANG/IKüN & HYPERLINK
DALAM PERSEMBAHAN MULTIMEDIA: TüPIK SET

Ñ  ! Pengenalan kepada Set

- ! Persilangan antara Set

! Kesatuan antara Set


PENGENALAN KEPADA SET

! Set ialah himpunan objek yang mempunyai


ciri-ciri yang sama
! Contoh Set :
âÑ a, b, c, d, e, f}
âÑred, blue, green, yellow}
PERSILANGAN ANTARA SET

! Set A bersilang dengan Set B jika kedua-dua


Set mempunyai unsur-unsur yang sama
! Simbol ͞-͟ ʹ persilangan
! Contoh A = Ñ2, 4, 6, 8, 10, 12}
B = Ñ5, 10, 15, 20, 25, 30}
A - B = Ñ10}
KESATUAN ANTARA SET
! Set A kesatuan Set B ʹ set yang mengandungi
unsur-unsur bagi kedua-dua Set
! Simbol ͞ A B͟
! Contoh:
A = Ñ 1, 2, 3, 4, 5, 6}
B = Ñ2, 4, 6, 8, 10}
A B = Ñ1, 2, 3, 4, 5, 6, 8, 10}
PERISIAN GRAFIK

Õ Adobe photoshop
Õ Coral Draw
Õ Microsoft üffice Visio
Õ Paint
Õ Adobe Illustrator
w   
   

     

ƒ
w   
  
   
 !"
#

„
w   
  
 ! "
j$j




j 




j

„
w   
  
%& ! "



„ƒ
w   
 
  


 
# 

  

   

 '    2007# 2„
w   
  

  

    ! "


22
w   
   ! "


23
ISL
„


 . 
  /"


  
 
 

 


 
 

 

 


 

 
w 
 
 

 





 
 
 


 






 

šš  
   
        
  

šš         
Sekian, Terima Kasih
RUJUKAN
- Jamalludin Harun & Zaidatun Tasir. 2005.

. Batu Caves:
Ê  

.
Venton Publishing (M) Sdn Bhd.

Rozinah Jamaludin. 2003.   c  .


 .
Utusan KL: Publications &
Distributors Sdn Bhd.