P. 1
Pengertian Desain Grafis

Pengertian Desain Grafis

|Views: 4,307|Likes:
Published by Ade U. Santoso
Tentang Desain Grafis
Tentang Desain Grafis

More info:

Published by: Ade U. Santoso on Oct 09, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

05/18/2013

pdf

text

original

1

DESAIN GRAFIK PENGERTIAN DESAIN GRAFIS   Bagian dari interface yang terlihat dan menimbulkan cita rasa Sesuatu yang seseorang lihat pertama kali, dan menimbulkan kesan Salah satu bentuk seni lukis (gambar) terapan yang memberikan kepada sang desainer (perancang) untuk memilih,

serta mempengaruhi tingkat emosi (mood)  kebebasan

menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar atau fotografi.Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain. FILOSOFI DESAIN • • • Elemen visual ekonomi Tidak berlebihan Jelas dan terorganizir dengan baik

PRINSIP GRAFIK DESAIN METAFORA Menampilkan dan menggambarkan elemen-elemen (titik, garis, warna, ruang dan tekstur) yang relefan dan dikenali • dll) • Jika membangun interface untuk aplikasi penjualan di supermarket, bisa meniru bagaimana orang berjalan mengelilingi toko dengan membawa kereta dorong. Menggunakan desktop yang berhubungan dengan perancangan interface (Adobe Photoshop, Corel Draw, Macromedia flash

2

KEJELASAN • • • Contoh :

Setiap elemen yang digunakan pada interface harus Tidak berlebihan Adanya Ruang kosong (white space) Memandu mata Simetris dan seimbang Memperjelas pesan yang diberikan Memberikan relax pada mata dalam menatap elemen-elemen saat beraktifitas Menawarkan kesederhanaan, enak dilihat, berkelas dan jelas.

beralasan dalam penggunaannya

KONSISTEN • • layar lain • Konsisten pada desain interface yang dirancang Konsisten dalam Konsisten pada layar, perpindahan antar layar satu ke layout,warna,gambar(image),icon,tipografi,teks, dll

3

Bidang kerja (platform) mempunyai petunjuk tuntunan

ALIGNMENT • • • Dalam dunia barat alignment dimulai dari kiri atas Memperindah tampilan (enak dilihat) Grids Garis horisontal dan vertikal yang tersembunyi membantu Align menghubungkan apapun yang ingin ditampilkan menjadi Pengelompokan item secara logikal Meminimalkan jumlah kontrol, dan mengurangi pengalokasian komponen window terhubung

kekacauan/ketidak rapihan dalam pengetikan Grid menggunakan format berikut

Contoh penggunaan grid :

PENGGUNAAN ALIGNMENT • Posisi alignment : left, center atau right

• •

Pilih salah satu Para pengguna baru sering menggunakan posisi center

dalam pengetikan KERAPATAN (PROXIMITY)

4

• •

Kerapatan item satu sama lain menunjukkan Adanya jarak menunjukkan tidak adanya keterhubungan

keterhubungan antar item

KONTRAS • • • dalam interface • • • • interface

Melibatkan user dalam rancangan interface Menuntun user menelusuri interface Mendukung semua item(garis,warna,bidang,simbol dll) Lebih fokus atau mendukung interface Membedakan pengendali aktif Dominasi dengan tujuan untuk menarik perhatian, menghilangkan kebosanan dan untuk memecah keberaturan Mengevaluasi item apa yang paling penting dalam Menggunakan bidang geometris untuk mendukung keteraturan interface

ELEMEN VISUAL EKONOMI • Tidak berlebihan

5

• • •

Meminimalkan borders(batasan garis) dan outlining Mengurangi kekacauan/ketidakrapihan tampilan Meminimalkan sejumlah kontrol

(garis lingkar) yang rumit

TEKNIK CODING • • Digunakan sepintas lalu, baik untuk menarik perhatian Mengabaikan penggunaan video,baik untuk membuat tapi jarang digunakan sesuatu menjadi solid tapi jarang digunakan.Mungkin menarik mata tapi dapat mengganggu setelah beberapa waktu. TIPOGRAFI • dan dibedakan Menghindari penggunaan upper case (huruf besar) pada tiap Berdasarkan studi di temukan bahwa penggunaan campuran huruf dalam suatu pengetikan naskah huruf kecil dan besar mempercepat proses membaca Karakter dan simbol dalam penggunaannya mudah dilihat

• •
Contoh Tipografi :

Mudah dibaca Mudah dikenali dengan adanya sekumpulan jenis huruf

yang digunakan untuk mengetik suatu naskah/teks

HURUF

6

PENUNTUN • judul  Menggunakan 1-2 huruf (maksimum 3 huruf)  Menggunakan jenis huruf normal,italic,bold  Jangan sering menggunakan bold, italic, dan huruf besar untuk sebagian besar teks/naskah,memperlambat proses baca  Ukuran huruf maksimum 1-3 jenis ukuran  Perhatikan warna dari background teks Menggunakan serif untuk badan teks; sans serif untuk

WARNA Warna dapat didefinisikan secara obyektif/fisik sebagai sifat cahaya yang dipancarkan, atau secara subyektif/psikologis sebagai bagian dari pengalaman indera pengelihatan. Proses terlihatnya warna adalah dikarenakan adanya cahaya yang menimpa suatu benda, dan benda tersebut memantulkan cahaya ke mata (retina) kita hingga terlihatlah warna. Berikut kami sajikan potensi karakter warna yang mampu memberikan kesan pada seseorang sbb 1. Hitam, sebagai warna yang tertua (gelap) dengan sendirinya menjadi lambang untuk sifat gulita dan kegelapan (juga dalam hal emosi).

7

2. Putih, sebagai warna yang paling terang, melambangkan cahaya, kesucian. 3. Abu-abu, merupakan warna yang paling netral dengan tidak adanya sifat atau kehidupan spesifik. 4. Merah, bersifat menaklukkan, ekspansif (meluas), dominan (berkuasa), aktif dan vital (hidup), panas membara, peringatan, penyerangan, cinta. 5. Kuning, dengan sinarnya yang bersifat kurang dalam, merupakan wakil dari hal-hal atau benda yang bersifat cahaya, momentum dan mengesankan kebahagiaan, keceriaan dan hati-hati 6. Biru, sebagai warna yang menimbulkan kesan dalamnya sesuatu (dediepte), sifat yang tak terhingga dan transenden, disamping itu memiliki sifat tantangan. 7. Hijau, mempunyai sifat keseimbangan dan selaras, membangkitkan ketenangan dan tempat mengumpulkan daya-daya baru, identik dengan pertumbuhan dalam lingkungan,pasukan perdamaian,kepuasan 8. Pink, warna yang identik dengan wanita, menarik/cantik, gulali 9. Orange, warna yang identik dengan musim gugur, penuh kehangatan, halloween. 10.Coklat, warna yang mengesankan hangat, identik dengan musim gugur, kotor, bumi 11.Ungu, warna yang identik dengan kesetiaan, kepuasan, Barney (tokoh boneka berwarna ungu) Atribut Warna meliputi : 1. Hue, adalah istilah yang digunakan untuk menunjukkan nama dari suatu warna, seperti merah, biru, hijau dsb. 2. Value, adalah dimensi kedua atau mengenai terang gelapnya warna. Contohnya adalah tingkatan warna dari putih hingga hitam. 3. Saturation/Intensity, seringkali disebut dengan chroma, adalah dimensi yang berhubungan dengan cerah atau suramnya warna. Penuntun Penggunaan Warna • gelap • dll) • background Hindari penggunaan warna coklat dan hijau untuk Pilih warna yang cerah untuk foreground (putih,hijau Tampilkan warna dengan latar belakang (background)

8

• • • •

Kecerahan dan kombinasi warna pada foreground dan Gunakan warna sesuai kebutuhan,disain dibuat dalam Gunakan warna untuk menarik perhatian user,

background kontras b/w dan ditambahkan warna lain sesuai kebutuhan komunikasi terarah, identifikasi status, menjalin hubungan antar elemen Hindari penggunaan warna pada pekerjaan yang sifatnya non-task, untuk layar yang kebanyakan terdiri dari teks, warna dapat membantu ketika user harus mencari /membedakan bagian2 tertentu • warna, yaitu: - Buta warna (cacat warna) - Monitor monochrome (hanya mengenal satu warna) - Pengkodean ekstra meningkatkan tampilan interface • • lebih baik) • • • Gunakan warna b/w atau abu-abu, atau b/w saja untuk Untuk menunjukkan keragaman bagian-bagian pada layar Disainer sering menggunakan layar kerja dengan tampilan interface Konsisten dalam penggunaan warna Membatasi pengkodean warna menjadi 8 warna (4 warna Hal-hal yang perlu dipertimbangkan dalam penggunaan

menggunakan 4-5 warna

MERANCANG ICON •

Merancang tugas/pekerjaan Menampilkan objek atau aksi dalam tata cara yang mudah dikenali & diingat Keragaman icon berjumlah terbatas Icon dimunculkan pada latar belakang Pastikan bahwa pada salah satu icon yang dipilih terlihat lebih terang Tiap icon menggunakan simbol yang berbeda satu dengan yang lain Membuat icon yang sejenis ke dalam kelompok icon yang berkaitan

• • • • •

9

Menghindari penggunaan icon terlalu terinci Contoh icon :

DESAIN GRAFIK
PENGERTIAN DESAIN GRAFIS   Bagian dari interface yang terlihat dan menimbulkan cita rasa Sesuatu yang seseorang lihat pertama kali, dan menimbulkan kesan serta Salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan

mempengaruhi tingkat emosi (mood)  kepada sang desainer (perancang) untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar atau

10 fotografi.Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain. FILOSOFI DESAIN • • • Elemen visual ekonomi Tidak berlebihan Jelas dan terorganizir dengan baik

PRINSIP GRAFIK DESAIN • Metafora (proses • Alignment • Kerapatan (Proximity) • Kontras perancangan bentuk) • Kejelasan • Konsisten METAFORA Menampilkan dan menggambarkan elemen-elemen (titik, garis, warna, ruang dan tekstur) yang relefan dan dikenali • • supermarket, bisa Menggunakan desktop yang berhubungan dengan perancangan Jika membangun interface untuk aplikasi penjualan di interface (Adobe Photoshop, Corel Draw, Macromedia flash dll) meniru bagaimana orang berjalan mengelilingi toko dengan

membawa kereta dorong.

KEJELASAN • • • beraktifitas Menawarkan kesederhanaan, enak dilihat, berkelas dan jelas. Setiap elemen yang digunakan pada interface harus beralasan Tidak berlebihan Adanya Ruang kosong (white space) Memandu mata Simetris dan seimbang Memperjelas pesan yang diberikan Memberikan relax pada mata dalam menatap elemen-elemen saat dalam penggunaannya

11 Contoh :

KONSISTEN • dll • • • Konsisten pada layar, perpindahan antar layar satu ke layar lain Konsisten pada desain interface yang dirancang Bidang kerja (platform) mempunyai petunjuk tuntunan Konsisten dalam layout,warna,gambar(image),icon,tipografi,teks,

ALIGNMENT • • • Dalam dunia barat alignment dimulai dari kiri atas Memperindah tampilan (enak dilihat) Grids Garis horisontal dan vertikal yang tersembunyi membantu pengalokasian Align menghubungkan apapun yang ingin ditampilkan menjadi terhubung Pengelompokan item secara logikal Meminimalkan jumlah kontrol, dan mengurangi kekacauan/ketidak komponen window

rapihan dalam pengetikan Grid menggunakan format berikut

Contoh penggunaan grid :

12

PENGGUNAAN ALIGNMENT • Posisi alignment : left, center atau right

• • pengetikan

Pilih salah satu Para pengguna baru sering menggunakan posisi center dalam

KERAPATAN (PROXIMITY) • item • Adanya jarak menunjukkan tidak adanya keterhubungan Kerapatan item satu sama lain menunjukkan keterhubungan antar

KONTRAS • • • interface • • • • • interface Lebih fokus atau mendukung interface Membedakan pengendali aktif Dominasi dengan tujuan untuk menarik perhatian, menghilangkan kebosanan dan untuk memecah keberaturan Mengevaluasi item apa yang paling penting dalam interface Menggunakan bidang geometri untuk mendukung keteraturan Melibatkan user dalam rancangan interface Menuntun user menelusuri interface Mendukung semua item(garis,warna,bidang,simbol dll) dalam

13

ELEMEN VISUAL EKONOMI • • yang rumit • • TEKNIK CODING • digunakan • Mengabaikan penggunaan video,baik untuk membuat sesuatu menjadi solid tapi jarang digunakan.Mungkin menarik mata tapi dapat mengganggu setelah beberapa waktu. TIPOGRAFI • dibedakan Menghindari penggunaan upper case (huruf besar) pada tiap huruf dalam Berdasarkan studi di temukan bahwa penggunaan campuran huruf kecil suatu pengetikan naskah dan besar mempercepat proses membaca Karakter dan simbol dalam penggunaannya mudah dilihat dan Digunakan sepintas lalu, baik untuk menarik perhatian tapi jarang Mengurangi kekacauan/ketidakrapihan tampilan Meminimalkan sejumlah kontrol Tidak berlebihan Meminimalkan borders(batasan garis) dan outlining (garis lingkar)

• • Contoh Tipografi :

Mudah dibaca Mudah dikenali dengan adanya sekumpulan jenis huruf yang

digunakan untuk mengetik suatu naskah/teks

14

HURUF

PENUNTUN • Menggunakan serif untuk badan teks; sans serif untuk judul  Menggunakan 1-2 huruf (maksimum 3 huruf)  Menggunakan jenis huruf normal,italic,bold  Jangan sering menggunakan bold, italic, dan huruf besar untuk sebagian besar teks/naskah,memperlambat proses baca  Ukuran huruf maksimum 1-3 jenis ukuran  Perhatikan warna dari background teks

WARNA

15
Warna dapat didefinisikan secara obyektif/fisik sebagai sifat cahaya yang dipancarkan, atau secara subyektif/psikologis sebagai bagian dari pengalaman indera pengelihatan. Secara obyektif atau fisik, warna dapat diberikan oleh panjang gelombang. Dilihat dari panjang gelombang, cahaya yang tampak oleh mata merupakan salah satu bentuk pancaran energi yang merupakan bagian yang sempit dari gelombang elektromagnetik. Cahaya yang dapat ditangkap indera manusia mempunyai panjang gelombang 380 sampai 780 nanometer. Cahaya antara dua jarak nanometer tersebut dapat diurai melalui prisma kaca menjadi warna-warna pelangi yang disebut spectrum atau warna cahaya, mulai berkas cahaya warna ungu, violet, biru, hijau, kuning, jingga, hingga merah. Di luar cahaya ungu /violet terdapat gelombanggelombang ultraviolet, sinar X, sinar gamma, dan sinar cosmic. Di luar cahaya merah terdapat gelombang / sinar inframerah, gelombang Hertz, gelombang Radio pendek, dan gelombang radio panjang, yang banyak digunakan untuk pemancaran radio dan TV. Proses terlihatnya warna adalah dikarenakan adanya cahaya yang menimpa suatu benda, dan benda tersebut memantulkan cahaya ke mata (retina) kita hingga terlihatlah warna. Benda berwarna merah karena sifat pigmen benda tersebut memantulkan warna merah dan menyerap warna lainnya. Benda berwarna hitam karena sifat pigmen benda tersebut menyerap semua warna pelangi. Sebaliknya suatu benda berwarna putih karena sifat pigmen benda tersebut memantulkan semua warna pelangi. Sebagai bagian dari elemen tata rupa, warna memegang peran sebagai sarana untuk lebih mempertegas dan memperkuat kesan atau tujuan dari sebuah karya desain. Dalam perencanaan corporate identity, warna mempunyai fungsi untuk memperkuat aspek identitas. Lebih lanjut dikatakan oleh Henry Dreyfuss , bahwa warna digunakan dalam simbol-simbol grafis untuk mempertegas maksud dari simbol-simbol tersebut . Sebagai contoh adalah penggunaan warna merah pada segitiga pengaman, warna-warna yang digunakan untuk traffic light merah untuk berhenti, kuning untuk bersiap-siap dan hijau untuk jalan. Dari contoh tersebut ternyata pengaruh warna mampu memberikan impresi yang cepat dan kuat. Kemampuan warna menciptakan impresi, mampu menimbulkan efek-efek tertentu. Secara psikologis diuraikan oleh J. Linschoten dan Drs. Mansyur tentang warna sbb: Warna-warna itu bukanlah suatu gejala yang hanya dapat diamati saja, warna itu mempengaruhi kelakuan, memegang peranan penting dalam penilaian estetis dan turut menentukan suka tidaknya kita akan bermacam-macam benda. Dari pemahaman diatas dapat dijelaskan bahwa warna, selain hanya dapat dilihat dengan mata ternyata mampu mempengaruhi perilaku seseorang, mempengaruhi penilaian estetis dan turut menentukan suka tidaknya seseorang pada suatu benda. Berikut kami sajikan potensi karakter warna yang mampu memberikan kesan pada seseorang sbb : 12. Hitam, sebagai warna yang tertua (gelap) dengan sendirinya menjadi lambang untuk sifat gulita dan kegelapan (juga dalam hal emosi). 13. Putih, sebagai warna yang paling terang, melambangkan cahaya, kesucian. 14. Abu-abu, merupakan warna yang paling netral dengan tidak adanya sifat atau kehidupan spesifik.

15. Merah, bersifat menaklukkan, ekspansif (meluas), dominan (berkuasa), aktif dan vital
(hidup), panas membara, peringatan, penyerangan, cinta.

16. Kuning, dengan sinarnya yang bersifat kurang dalam, merupakan wakil dari hal-hal atau
benda yang bersifat cahaya, momentum dan mengesankan kebahagiaan, keceriaan dan hati-hati 17. Biru, sebagai warna yang menimbulkan kesan dalamnya sesuatu (dediepte), sifat yang tak terhingga dan transenden, disamping itu memiliki sifat tantangan.

16 18. Hijau, mempunyai sifat keseimbangan dan selaras, membangkitkan ketenangan dan
tempat mengumpulkan daya-daya baru, lingkungan,pasukan perdamaian,kepuasan identik dengan pertumbuhan dalam

19. Pink, warna yang identik dengan wanita, menarik/cantik, gulali 20. Orange, warna yang identik dengan musim gugur, penuh kehangatan, halloween.
21. Coklat, warna yang mengesankan hangat, identik dengan musim gugur, kotor, bumi

22. Ungu, warna yang identik dengan kesetiaan, kepuasan, Barney (tokoh boneka berwarna
ungu) Dari sekian banyak warna, dapat dibagi dalam beberapa bagian yang sering dinamakan dengan sistem warna Prang System yang ditemukan oleh Louis Prang pada 1876 atau disebut juga sebagai atribut warna meliputi : 4. Hue, adalah istilah yang digunakan untuk menunjukkan nama dari suatu warna, seperti merah, biru, hijau dsb. 5. Value, adalah dimensi kedua atau mengenai terang gelapnya warna. Contohnya adalah tingkatan warna dari putih hingga hitam.

6. Saturation/Intensity, seringkali disebut dengan chroma, adalah dimensi yang
berhubungan dengan cerah atau suramnya warna. Selain Prang System terdapat beberapa sistem warna lain yakni, CMYK atau Process Color System, Munsell Color System, Ostwald Color System, Schopenhauer/Goethe Weighted Color System, Substractive Color System serta Additive Color/RGB Color System. Diantara bermacam sistem warna diatas, kini yang banyak dipergunakan dalam industri media visual cetak adalah CMYK atau Process Color System yang membagi warna dasarnya menjadi Cyan, Magenta, Yellow dan Black. Sedangkan RGB Color System dipergunakan dalam industri media visual elektronika. Pada monitor, skema jenis RGB adalah sbb:

Penuntun Penggunaan Warna • • • • kontras • • Gunakan warna sesuai kebutuhan,disain dibuat dalam b/w dan Gunakan warna untuk menarik perhatian user, komunikasi terarah, ditambahkan warna lain sesuai kebutuhan identifikasi status, menjalin hubungan antar elemen Tampilkan warna dengan latar belakang (background) gelap Pilih warna yang cerah untuk foreground (putih,hijau dll) Hindari penggunaan warna coklat dan hijau untuk background Kecerahan dan kombinasi warna pada foreground dan background

17 • Hindari penggunaan warna pada pekerjaan yang sifatnya non-task,

untuk layar yang kebanyakan terdiri dari teks, warna dapat membantu ketika user harus mencari /membedakan bagian2 tertentu • yaitu: - Buta warna (cacat warna) - Monitor monochrome (hanya mengenal satu warna) - Pengkodean ekstra meningkatkan tampilan interface • • baik) • interface • • warna Untuk menunjukkan keragaman bagian-bagian pada layar Disainer sering menggunakan layar kerja dengan menggunakan 4-5 Gunakan warna b/w atau abu-abu, atau b/w saja untuk tampilan Konsisten dalam penggunaan warna Membatasi pengkodean warna menjadi 8 warna (4 warna lebih Hal-hal yang perlu dipertimbangkan dalam penggunaan warna,

MERANCANG ICON • • • • • • • • Merancang tugas/pekerjaan Menampilkan objek atau aksi dalam tata cara yang mudah dikenali dan di ingat Keragaman icon berjumlah terbatas Icon dimunculkan pada latar belakang Pastikan bahwa pada salah satu icon yang dipilih terlihat lebih terang dari yang lain Tiap icon menggunakan simbol yang berbeda satu dengan yang lain Membuat icon yang sejenis ke dalam kelompok icon yang berkaitan Menghindari penggunaan icon terlalu terinci Contoh icon :

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->