SlideShare a Scribd company logo
1 of 17
Download to read offline
How to Make a Good
Graphic Design
make a focal point
Di dunia desain, focal point itu penting untuk menunjukkan ke-
khas-an dan tujuan desain kita, baik itu berupa gambar, font, atau
typography, sama halnya dengan majalah atau artikel, disitu pasti
terdapat sebuah gambar ciri khas dalam topik bahasan majalah
tersebut.
JANGAN MENONJOLKAN SEMUA ELEMEN DESAIN DALAM
SATU KARYA/PROJECT, TONJOLKAN SALAH SATU YANG
SESUAI DENGAN TEMA PROJECT.
Misal, membuat project
mengenai leaflet/brosur produk
makanan, maka tonjolkan di
gambar yang berisi gambar-
gambar makanan dan setidaknya
memiliki readability yang baik.
Kyle Anthony Miller/Dribble
Lorena G/Dribble
focal point = visual weight
You can draw attention to
this part of your design
through size, shape, direction,
position, color, texture, or
other qualities.
visual flow
Untuk membuat desainmu mudah dipahami, gunakan visual flow
untuk menentukan alur visual, dimana mata pembaca akan fokus
pertama kali.
Because when design elements are all over the place without
any clear organization, the eye doesn’t know where to look,
the design has no sense of flow
Untuk meningkatkan alur visual dari desain, gunakan teori
repetition dengan membuat satu kelompok objek yang sama
dalam satu bagian
applying visual flow
• Bagi desainmu kedalam beberapa bagian – Organisir
desainmu untuk bisa mencapai visual yang baik, misalnya bagi
kedalam bagian heading, bagian konten yang dikeliling dengan
outline kotak, memberi aksen warna khas untuk tiap bagian
tertentu, dan ukuran huruf
• Gunakan space kosong dengan baik – Untuk memberi kesan
kerapihan dan tidak kelihatan terlalu sesak dan ramai. Selain itu,
memberi clear space look antar tiap bagian/kelompok
balancing your design
Perlunya menyeimbangkan tata letak dan ukuran sangat penting
untuk menjaga visual dari desain grafis. Peran Alignment sangat
kental disini karena untuk menyesuaikan letak gambar, logo,
huruf, dan warna.
balancing = need a symmetry alignment
typefaces choice
Typography merupakan kunci di hampir setiap project desain
grafis. Pemilihan tipe font sangat penting agar font yang satu
cocok dengan font yang lainnya, dalam hal ini setiap font dapat
bekerja sama dan dapat menghasilkan kepuasan visual dan
penyampaian informasi yang baik.
Yang terpenting, pemilihan font harus sesuai dengan mood
dan kepribadian dari font tersebut, serta bisa mencapai
tujuan dari project
Amy Hood/Dribble
readability
Informasi yang berguna
akan menjadi tidak
berguna jika cara
penyampaiannya tidak
baik, dalam desain grafis,
penyampaian pesan selain
lewat gambar, yaitu melalui
tulisan, perlu tulisan yang
mudah dibaca dan jelas
make readability happen
• Ukuran huruf – pemilihan ukuran huruf yang sesuai dengan
fungsinya
• Kontras – pemilihan warna huruf
• Font Style – pemilihan font-face supaya bisa bersinergi
dengan font-face lainnya
contrast
Kontras warna memiliki manfaat sebagai visual appealing dan
fungsional desain. Visual appealing dimana menarik pembaca
untuk bisa lebih betah melihat desain kita, dan fungsional dimana
pembaca mengerti dan paham akan maksud desain kita.
contrast can involve shape, scale, typography, or
other elements
DESAIN GRAFIS

More Related Content

What's hot

DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__Dewi Fitriyani
 
Materi H1 - Menerapkan design brief.pptx.pdf
Materi H1 -  Menerapkan design brief.pptx.pdfMateri H1 -  Menerapkan design brief.pptx.pdf
Materi H1 - Menerapkan design brief.pptx.pdfTarmono3
 
Pengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
Pengantar Nirmana DKV Ilmu Komunikasi Universitas SemarangPengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
Pengantar Nirmana DKV Ilmu Komunikasi Universitas SemarangFirdaus Azwar Ersyad
 
Belajar desain grafis materi 1
Belajar desain grafis materi 1Belajar desain grafis materi 1
Belajar desain grafis materi 1ASBJ1
 
Desain komunikasi visual
Desain komunikasi visualDesain komunikasi visual
Desain komunikasi visualiwan setiawan
 
Ppt unsur tata letak
Ppt unsur tata letakPpt unsur tata letak
Ppt unsur tata letakemri3
 
ATP KONSENTRASI DKV.doc
ATP KONSENTRASI DKV.docATP KONSENTRASI DKV.doc
ATP KONSENTRASI DKV.docKalsumKalsum1
 
Prinsip dan Elemen Dasar dalam Desain Grafis
Prinsip dan Elemen Dasar dalam Desain GrafisPrinsip dan Elemen Dasar dalam Desain Grafis
Prinsip dan Elemen Dasar dalam Desain GrafisBambang Herlandi
 
Teknik GAMBAR SKETSA DAN ILUSTRASI.pptx
Teknik GAMBAR SKETSA DAN ILUSTRASI.pptxTeknik GAMBAR SKETSA DAN ILUSTRASI.pptx
Teknik GAMBAR SKETSA DAN ILUSTRASI.pptxGilangLovianindra
 

What's hot (20)

Typografi
TypografiTypografi
Typografi
 
Desain Grafis.ppt
Desain Grafis.pptDesain Grafis.ppt
Desain Grafis.ppt
 
Desain grafis percetakan
Desain grafis percetakanDesain grafis percetakan
Desain grafis percetakan
 
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
 
Materi H1 - Menerapkan design brief.pptx.pdf
Materi H1 -  Menerapkan design brief.pptx.pdfMateri H1 -  Menerapkan design brief.pptx.pdf
Materi H1 - Menerapkan design brief.pptx.pdf
 
PRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAINPRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAIN
 
Pengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
Pengantar Nirmana DKV Ilmu Komunikasi Universitas SemarangPengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
Pengantar Nirmana DKV Ilmu Komunikasi Universitas Semarang
 
Belajar desain grafis materi 1
Belajar desain grafis materi 1Belajar desain grafis materi 1
Belajar desain grafis materi 1
 
Desain komunikasi visual
Desain komunikasi visualDesain komunikasi visual
Desain komunikasi visual
 
Nirmana 1
Nirmana 1Nirmana 1
Nirmana 1
 
Animasi 2D dan 3D menerapkan teknik pembuatan gambar object sederhana menggun...
Animasi 2D dan 3D menerapkan teknik pembuatan gambar object sederhana menggun...Animasi 2D dan 3D menerapkan teknik pembuatan gambar object sederhana menggun...
Animasi 2D dan 3D menerapkan teknik pembuatan gambar object sederhana menggun...
 
Desain Grafis 3 - Color
Desain Grafis 3 - ColorDesain Grafis 3 - Color
Desain Grafis 3 - Color
 
Ppt unsur tata letak
Ppt unsur tata letakPpt unsur tata letak
Ppt unsur tata letak
 
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektorDesain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
Desain Grafis Percetakan menerapkan penggabungan gambar dan teks berbasi vektor
 
ATP KONSENTRASI DKV.doc
ATP KONSENTRASI DKV.docATP KONSENTRASI DKV.doc
ATP KONSENTRASI DKV.doc
 
Pengantar komunikasi visual
Pengantar komunikasi visualPengantar komunikasi visual
Pengantar komunikasi visual
 
Prinsip dan Elemen Dasar dalam Desain Grafis
Prinsip dan Elemen Dasar dalam Desain GrafisPrinsip dan Elemen Dasar dalam Desain Grafis
Prinsip dan Elemen Dasar dalam Desain Grafis
 
Desain Grafis 1 - Basic
Desain Grafis 1 - BasicDesain Grafis 1 - Basic
Desain Grafis 1 - Basic
 
Animasi 2D dan 3D KD: Menganalisis elemen gambar digital puppeter dalam anima...
Animasi 2D dan 3D KD: Menganalisis elemen gambar digital puppeter dalam anima...Animasi 2D dan 3D KD: Menganalisis elemen gambar digital puppeter dalam anima...
Animasi 2D dan 3D KD: Menganalisis elemen gambar digital puppeter dalam anima...
 
Teknik GAMBAR SKETSA DAN ILUSTRASI.pptx
Teknik GAMBAR SKETSA DAN ILUSTRASI.pptxTeknik GAMBAR SKETSA DAN ILUSTRASI.pptx
Teknik GAMBAR SKETSA DAN ILUSTRASI.pptx
 

Viewers also liked

Desainer Grafis Indonesia
Desainer Grafis IndonesiaDesainer Grafis Indonesia
Desainer Grafis IndonesiaDanu Atmojo
 
Konsep Dalam Desain Grafis
Konsep Dalam Desain GrafisKonsep Dalam Desain Grafis
Konsep Dalam Desain GrafisDepok Creative
 
Triangle Exposure Fotografi Ilkom Universitas Semarang
Triangle Exposure Fotografi Ilkom Universitas SemarangTriangle Exposure Fotografi Ilkom Universitas Semarang
Triangle Exposure Fotografi Ilkom Universitas SemarangFirdaus Azwar Ersyad
 
Pengenalan desain grafis dalam komunikasi
Pengenalan desain grafis dalam komunikasiPengenalan desain grafis dalam komunikasi
Pengenalan desain grafis dalam komunikasiHartono Rakiman
 
Materi basic fotografi 1
Materi basic fotografi 1Materi basic fotografi 1
Materi basic fotografi 1riridefrog
 
PPt Gelombang
PPt Gelombang PPt Gelombang
PPt Gelombang marhenz66
 
Algoritma pemrograman
Algoritma pemrogramanAlgoritma pemrograman
Algoritma pemrogramanFebri Fazain
 
Pengolahan Citra Digital
Pengolahan Citra DigitalPengolahan Citra Digital
Pengolahan Citra Digitalaziz aziz
 
Ki kd multimedia teknik animasi 2 d dan 3d kelas xi
Ki kd multimedia   teknik animasi 2 d dan 3d kelas xiKi kd multimedia   teknik animasi 2 d dan 3d kelas xi
Ki kd multimedia teknik animasi 2 d dan 3d kelas xiFitri Ana
 
Desain grafis penerbitan
Desain grafis penerbitanDesain grafis penerbitan
Desain grafis penerbitanMifta Anbiya
 
DOF Sempit dan DOF Luas - Fotografi Ilmu Komunikasi Universitas Semarang
DOF Sempit dan DOF Luas - Fotografi Ilmu Komunikasi Universitas SemarangDOF Sempit dan DOF Luas - Fotografi Ilmu Komunikasi Universitas Semarang
DOF Sempit dan DOF Luas - Fotografi Ilmu Komunikasi Universitas SemarangFirdaus Azwar Ersyad
 

Viewers also liked (20)

Desainer Grafis Indonesia
Desainer Grafis IndonesiaDesainer Grafis Indonesia
Desainer Grafis Indonesia
 
Lembar penilaian UKK Multimedia
Lembar penilaian UKK MultimediaLembar penilaian UKK Multimedia
Lembar penilaian UKK Multimedia
 
Konsep Dalam Desain Grafis
Konsep Dalam Desain GrafisKonsep Dalam Desain Grafis
Konsep Dalam Desain Grafis
 
Triangle Exposure Fotografi Ilkom Universitas Semarang
Triangle Exposure Fotografi Ilkom Universitas SemarangTriangle Exposure Fotografi Ilkom Universitas Semarang
Triangle Exposure Fotografi Ilkom Universitas Semarang
 
Pengenalan desain grafis dalam komunikasi
Pengenalan desain grafis dalam komunikasiPengenalan desain grafis dalam komunikasi
Pengenalan desain grafis dalam komunikasi
 
Dasar-dasar Fotografi
Dasar-dasar FotografiDasar-dasar Fotografi
Dasar-dasar Fotografi
 
Industri Desain Grafis Malang
Industri Desain Grafis MalangIndustri Desain Grafis Malang
Industri Desain Grafis Malang
 
Materi basic fotografi 1
Materi basic fotografi 1Materi basic fotografi 1
Materi basic fotografi 1
 
PPt Gelombang
PPt Gelombang PPt Gelombang
PPt Gelombang
 
Pengolahan Citra digital
Pengolahan Citra digitalPengolahan Citra digital
Pengolahan Citra digital
 
Algoritma pemrograman
Algoritma pemrogramanAlgoritma pemrograman
Algoritma pemrograman
 
Pengolahan Citra Digital
Pengolahan Citra DigitalPengolahan Citra Digital
Pengolahan Citra Digital
 
Ki kd multimedia teknik animasi 2 d dan 3d kelas xi
Ki kd multimedia   teknik animasi 2 d dan 3d kelas xiKi kd multimedia   teknik animasi 2 d dan 3d kelas xi
Ki kd multimedia teknik animasi 2 d dan 3d kelas xi
 
Graphic design 01
Graphic design 01Graphic design 01
Graphic design 01
 
Proposal UKK SMK Multimedia
Proposal UKK SMK MultimediaProposal UKK SMK Multimedia
Proposal UKK SMK Multimedia
 
Desain grafis penerbitan
Desain grafis penerbitanDesain grafis penerbitan
Desain grafis penerbitan
 
DOF Sempit dan DOF Luas - Fotografi Ilmu Komunikasi Universitas Semarang
DOF Sempit dan DOF Luas - Fotografi Ilmu Komunikasi Universitas SemarangDOF Sempit dan DOF Luas - Fotografi Ilmu Komunikasi Universitas Semarang
DOF Sempit dan DOF Luas - Fotografi Ilmu Komunikasi Universitas Semarang
 
Anatomi DSLR Camera
Anatomi DSLR CameraAnatomi DSLR Camera
Anatomi DSLR Camera
 
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UXDesain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
 
Notacd09
Notacd09Notacd09
Notacd09
 

Similar to DESAIN GRAFIS

Layout media cetak dan digital (Materi Workshop LPMN)
Layout media cetak dan digital (Materi Workshop LPMN)Layout media cetak dan digital (Materi Workshop LPMN)
Layout media cetak dan digital (Materi Workshop LPMN)Happy Prasetiya
 
The Principles Of Design Presentation (1).pptx
The Principles Of Design Presentation (1).pptxThe Principles Of Design Presentation (1).pptx
The Principles Of Design Presentation (1).pptxAqomaInamorta
 
Paham Skill Desain Dalam Sebuah Usaha.pptx
Paham Skill Desain Dalam Sebuah Usaha.pptxPaham Skill Desain Dalam Sebuah Usaha.pptx
Paham Skill Desain Dalam Sebuah Usaha.pptxRIDOFEBRYANSYAHMahas
 
Manajemen Kerja & Implementasi Ilmu Pemasaran Bagi Desain Grafis
Manajemen Kerja & Implementasi  Ilmu Pemasaran Bagi Desain GrafisManajemen Kerja & Implementasi  Ilmu Pemasaran Bagi Desain Grafis
Manajemen Kerja & Implementasi Ilmu Pemasaran Bagi Desain Grafisyogasdesign
 
Presentasi Kelompok 1 .pptx
Presentasi Kelompok 1 .pptxPresentasi Kelompok 1 .pptx
Presentasi Kelompok 1 .pptxTeamsemangART
 
desain-grafis-animasi.pptx
desain-grafis-animasi.pptxdesain-grafis-animasi.pptx
desain-grafis-animasi.pptxIqraAlIslam1
 
materi1desaingrafisdewi-190612041151.pdf
materi1desaingrafisdewi-190612041151.pdfmateri1desaingrafisdewi-190612041151.pdf
materi1desaingrafisdewi-190612041151.pdfAuliaDewiCahyaningsi1
 
materi1desaingrafisdewi-190612041151 (1).pptx
materi1desaingrafisdewi-190612041151 (1).pptxmateri1desaingrafisdewi-190612041151 (1).pptx
materi1desaingrafisdewi-190612041151 (1).pptxtoedjoesinargroup
 
Printing & Publication Design -Kel.3.pdf
Printing & Publication Design -Kel.3.pdfPrinting & Publication Design -Kel.3.pdf
Printing & Publication Design -Kel.3.pdfsamsunga224
 
Layout design theory & design principles (1).pptx
Layout design theory & design principles (1).pptxLayout design theory & design principles (1).pptx
Layout design theory & design principles (1).pptxTeukuRizkyAdipratama
 
Presentasi Prinsip-prinsip Desain Grafis.pdf
Presentasi Prinsip-prinsip Desain Grafis.pdfPresentasi Prinsip-prinsip Desain Grafis.pdf
Presentasi Prinsip-prinsip Desain Grafis.pdfgeoartorthoplan
 
Pengertian Desain Grafis.docx
Pengertian Desain Grafis.docxPengertian Desain Grafis.docx
Pengertian Desain Grafis.docxherisrisbaya3
 

Similar to DESAIN GRAFIS (20)

designer
designerdesigner
designer
 
Layout media cetak dan digital (Materi Workshop LPMN)
Layout media cetak dan digital (Materi Workshop LPMN)Layout media cetak dan digital (Materi Workshop LPMN)
Layout media cetak dan digital (Materi Workshop LPMN)
 
The Principles Of Design Presentation (1).pptx
The Principles Of Design Presentation (1).pptxThe Principles Of Design Presentation (1).pptx
The Principles Of Design Presentation (1).pptx
 
Paham Skill Desain Dalam Sebuah Usaha.pptx
Paham Skill Desain Dalam Sebuah Usaha.pptxPaham Skill Desain Dalam Sebuah Usaha.pptx
Paham Skill Desain Dalam Sebuah Usaha.pptx
 
Creative art
Creative artCreative art
Creative art
 
Manajemen Kerja & Implementasi Ilmu Pemasaran Bagi Desain Grafis
Manajemen Kerja & Implementasi  Ilmu Pemasaran Bagi Desain GrafisManajemen Kerja & Implementasi  Ilmu Pemasaran Bagi Desain Grafis
Manajemen Kerja & Implementasi Ilmu Pemasaran Bagi Desain Grafis
 
Tugas vektor
Tugas vektorTugas vektor
Tugas vektor
 
6. Layout.pptx
6. Layout.pptx6. Layout.pptx
6. Layout.pptx
 
Presentasi Kelompok 1 .pptx
Presentasi Kelompok 1 .pptxPresentasi Kelompok 1 .pptx
Presentasi Kelompok 1 .pptx
 
desain-grafis-animasi.pptx
desain-grafis-animasi.pptxdesain-grafis-animasi.pptx
desain-grafis-animasi.pptx
 
materi1desaingrafisdewi-190612041151.pdf
materi1desaingrafisdewi-190612041151.pdfmateri1desaingrafisdewi-190612041151.pdf
materi1desaingrafisdewi-190612041151.pdf
 
materi1desaingrafisdewi-190612041151 (1).pptx
materi1desaingrafisdewi-190612041151 (1).pptxmateri1desaingrafisdewi-190612041151 (1).pptx
materi1desaingrafisdewi-190612041151 (1).pptx
 
01. Desain majalah
01. Desain majalah01. Desain majalah
01. Desain majalah
 
Printing & Publication Design -Kel.3.pdf
Printing & Publication Design -Kel.3.pdfPrinting & Publication Design -Kel.3.pdf
Printing & Publication Design -Kel.3.pdf
 
Layout design theory & design principles (1).pptx
Layout design theory & design principles (1).pptxLayout design theory & design principles (1).pptx
Layout design theory & design principles (1).pptx
 
Presentasi Prinsip-prinsip Desain Grafis.pdf
Presentasi Prinsip-prinsip Desain Grafis.pdfPresentasi Prinsip-prinsip Desain Grafis.pdf
Presentasi Prinsip-prinsip Desain Grafis.pdf
 
Pengertian Desain Grafis.docx
Pengertian Desain Grafis.docxPengertian Desain Grafis.docx
Pengertian Desain Grafis.docx
 
Tik
TikTik
Tik
 
fungsi dasar dan elemen dkv
fungsi dasar dan elemen dkvfungsi dasar dan elemen dkv
fungsi dasar dan elemen dkv
 
Jual poster
Jual posterJual poster
Jual poster
 

More from Nur Fadli Utomo

Pemrograman Web 9 - Input Form DB dan Session
Pemrograman Web 9 - Input Form DB dan SessionPemrograman Web 9 - Input Form DB dan Session
Pemrograman Web 9 - Input Form DB dan SessionNur Fadli Utomo
 
Pemrograman Web 8 - MySQL
Pemrograman Web 8 - MySQLPemrograman Web 8 - MySQL
Pemrograman Web 8 - MySQLNur Fadli Utomo
 
Desain Grafis 6 - UI/UX on Web Application
Desain Grafis 6 - UI/UX on Web ApplicationDesain Grafis 6 - UI/UX on Web Application
Desain Grafis 6 - UI/UX on Web ApplicationNur Fadli Utomo
 
Pemrograman Web 7 - Basic PHP
Pemrograman Web 7 - Basic PHPPemrograman Web 7 - Basic PHP
Pemrograman Web 7 - Basic PHPNur Fadli Utomo
 
Pemrograman Web 6 - jQuery
Pemrograman Web 6 - jQueryPemrograman Web 6 - jQuery
Pemrograman Web 6 - jQueryNur Fadli Utomo
 
Pemrograman Web 5 - Javascript
Pemrograman Web 5 - JavascriptPemrograman Web 5 - Javascript
Pemrograman Web 5 - JavascriptNur Fadli Utomo
 
Pemrograman Web 4 - Bootstrap 3
Pemrograman Web 4 - Bootstrap 3Pemrograman Web 4 - Bootstrap 3
Pemrograman Web 4 - Bootstrap 3Nur Fadli Utomo
 
Pemrograman Web 3 - CSS Basic Part 2
Pemrograman Web 3 - CSS Basic Part 2Pemrograman Web 3 - CSS Basic Part 2
Pemrograman Web 3 - CSS Basic Part 2Nur Fadli Utomo
 
Desain Grafis 2 - Kerning Type
Desain Grafis 2 - Kerning TypeDesain Grafis 2 - Kerning Type
Desain Grafis 2 - Kerning TypeNur Fadli Utomo
 
PC 9 - Matlab 2nd Chapter
PC 9 - Matlab 2nd ChapterPC 9 - Matlab 2nd Chapter
PC 9 - Matlab 2nd ChapterNur Fadli Utomo
 
Pengolahan Citra 7 - Warna
Pengolahan Citra 7 - WarnaPengolahan Citra 7 - Warna
Pengolahan Citra 7 - WarnaNur Fadli Utomo
 
GK 3 Penggambaran Titik dan Garis
GK 3   Penggambaran Titik dan GarisGK 3   Penggambaran Titik dan Garis
GK 3 Penggambaran Titik dan GarisNur Fadli Utomo
 
Pengolahan Citra 4 - Histogram Citra
Pengolahan Citra 4 - Histogram CitraPengolahan Citra 4 - Histogram Citra
Pengolahan Citra 4 - Histogram CitraNur Fadli Utomo
 
Pengolahan Citra 3 - Operasi-operasi Digital
Pengolahan Citra 3 - Operasi-operasi DigitalPengolahan Citra 3 - Operasi-operasi Digital
Pengolahan Citra 3 - Operasi-operasi DigitalNur Fadli Utomo
 

More from Nur Fadli Utomo (20)

Pemrograman Web 9 - Input Form DB dan Session
Pemrograman Web 9 - Input Form DB dan SessionPemrograman Web 9 - Input Form DB dan Session
Pemrograman Web 9 - Input Form DB dan Session
 
Pemrograman Web 8 - MySQL
Pemrograman Web 8 - MySQLPemrograman Web 8 - MySQL
Pemrograman Web 8 - MySQL
 
Desain Grafis 6 - UI/UX on Web Application
Desain Grafis 6 - UI/UX on Web ApplicationDesain Grafis 6 - UI/UX on Web Application
Desain Grafis 6 - UI/UX on Web Application
 
Pemrograman Web 7 - Basic PHP
Pemrograman Web 7 - Basic PHPPemrograman Web 7 - Basic PHP
Pemrograman Web 7 - Basic PHP
 
Pemrograman Web 6 - jQuery
Pemrograman Web 6 - jQueryPemrograman Web 6 - jQuery
Pemrograman Web 6 - jQuery
 
Pemrograman Web 5 - Javascript
Pemrograman Web 5 - JavascriptPemrograman Web 5 - Javascript
Pemrograman Web 5 - Javascript
 
Pemrograman Web 4 - Bootstrap 3
Pemrograman Web 4 - Bootstrap 3Pemrograman Web 4 - Bootstrap 3
Pemrograman Web 4 - Bootstrap 3
 
Pemrograman Web 3 - CSS Basic Part 2
Pemrograman Web 3 - CSS Basic Part 2Pemrograman Web 3 - CSS Basic Part 2
Pemrograman Web 3 - CSS Basic Part 2
 
Desain Grafis 2 - Kerning Type
Desain Grafis 2 - Kerning TypeDesain Grafis 2 - Kerning Type
Desain Grafis 2 - Kerning Type
 
Pemrograman Web 2 - CSS
Pemrograman Web 2 - CSSPemrograman Web 2 - CSS
Pemrograman Web 2 - CSS
 
Pemrograman Web - HTML
Pemrograman Web - HTMLPemrograman Web - HTML
Pemrograman Web - HTML
 
PC 9 - Matlab 2nd Chapter
PC 9 - Matlab 2nd ChapterPC 9 - Matlab 2nd Chapter
PC 9 - Matlab 2nd Chapter
 
PC 8 - Matlab
PC 8 - MatlabPC 8 - Matlab
PC 8 - Matlab
 
Pengolahan Citra 7 - Warna
Pengolahan Citra 7 - WarnaPengolahan Citra 7 - Warna
Pengolahan Citra 7 - Warna
 
GK 3 Penggambaran Titik dan Garis
GK 3   Penggambaran Titik dan GarisGK 3   Penggambaran Titik dan Garis
GK 3 Penggambaran Titik dan Garis
 
Citra Biner
Citra BinerCitra Biner
Citra Biner
 
Pengolahan Citra 4 - Histogram Citra
Pengolahan Citra 4 - Histogram CitraPengolahan Citra 4 - Histogram Citra
Pengolahan Citra 4 - Histogram Citra
 
Pengolahan Citra 3 - Operasi-operasi Digital
Pengolahan Citra 3 - Operasi-operasi DigitalPengolahan Citra 3 - Operasi-operasi Digital
Pengolahan Citra 3 - Operasi-operasi Digital
 
Grafika komputer 2
Grafika komputer 2Grafika komputer 2
Grafika komputer 2
 
Color Psychology
Color PsychologyColor Psychology
Color Psychology
 

Recently uploaded

POWER POINT BUNDEL HAIS PPTDALAM PELAKSANAAN DI PUSKESMAS
POWER POINT BUNDEL HAIS PPTDALAM PELAKSANAAN DI PUSKESMASPOWER POINT BUNDEL HAIS PPTDALAM PELAKSANAAN DI PUSKESMAS
POWER POINT BUNDEL HAIS PPTDALAM PELAKSANAAN DI PUSKESMASAfrilyakurniarezki
 
TUGAS BIOTRANSFORMASI.ppt kelompok enam.
TUGAS BIOTRANSFORMASI.ppt kelompok enam.TUGAS BIOTRANSFORMASI.ppt kelompok enam.
TUGAS BIOTRANSFORMASI.ppt kelompok enam.Monhik1
 
Kartu Undangan Softcover + Amplop Hazelnut Foliage Hibiscus Sunny Orange✨
Kartu Undangan Softcover + Amplop Hazelnut Foliage Hibiscus Sunny Orange✨Kartu Undangan Softcover + Amplop Hazelnut Foliage Hibiscus Sunny Orange✨
Kartu Undangan Softcover + Amplop Hazelnut Foliage Hibiscus Sunny Orange✨Kartu Undangan Bandung
 
persentasi tentang modul ajar kelas lima kelas enam semster 2458902569-Modul-...
persentasi tentang modul ajar kelas lima kelas enam semster 2458902569-Modul-...persentasi tentang modul ajar kelas lima kelas enam semster 2458902569-Modul-...
persentasi tentang modul ajar kelas lima kelas enam semster 2458902569-Modul-...ahmadirhamni
 
KELOMPOK 4 asma ppok jhyfydfdrfdtfghghghh
KELOMPOK 4 asma ppok jhyfydfdrfdtfghghghhKELOMPOK 4 asma ppok jhyfydfdrfdtfghghghh
KELOMPOK 4 asma ppok jhyfydfdrfdtfghghghhRatriShintya
 
sagdjasgfjckasbkfjhsakjkadjvjnskdjvnjkdvnv
sagdjasgfjckasbkfjhsakjkadjvjnskdjvnjkdvnvsagdjasgfjckasbkfjhsakjkadjvjnskdjvnjkdvnv
sagdjasgfjckasbkfjhsakjkadjvjnskdjvnjkdvnvademahdiyyah
 
Pertemuan kuliah 6 Reduksi data State.ppt
Pertemuan kuliah 6 Reduksi data State.pptPertemuan kuliah 6 Reduksi data State.ppt
Pertemuan kuliah 6 Reduksi data State.pptDAVIDSTEVENSONSIMBOL
 
kk eko junianto.pdf ada yang terjual tapi ngecer nggak bisa mijid nggak bisa ...
kk eko junianto.pdf ada yang terjual tapi ngecer nggak bisa mijid nggak bisa ...kk eko junianto.pdf ada yang terjual tapi ngecer nggak bisa mijid nggak bisa ...
kk eko junianto.pdf ada yang terjual tapi ngecer nggak bisa mijid nggak bisa ...achmadwalidi444
 
undangan tahlil dan kirim doa pendak 1.doc
undangan tahlil dan kirim doa pendak 1.docundangan tahlil dan kirim doa pendak 1.doc
undangan tahlil dan kirim doa pendak 1.docLaelaSafitri7
 
KEL 1 KCKT KAI.pptx. kromatografi cair kinerja tinggi
KEL 1 KCKT KAI.pptx. kromatografi cair kinerja tinggiKEL 1 KCKT KAI.pptx. kromatografi cair kinerja tinggi
KEL 1 KCKT KAI.pptx. kromatografi cair kinerja tinggiLookWWE
 

Recently uploaded (10)

POWER POINT BUNDEL HAIS PPTDALAM PELAKSANAAN DI PUSKESMAS
POWER POINT BUNDEL HAIS PPTDALAM PELAKSANAAN DI PUSKESMASPOWER POINT BUNDEL HAIS PPTDALAM PELAKSANAAN DI PUSKESMAS
POWER POINT BUNDEL HAIS PPTDALAM PELAKSANAAN DI PUSKESMAS
 
TUGAS BIOTRANSFORMASI.ppt kelompok enam.
TUGAS BIOTRANSFORMASI.ppt kelompok enam.TUGAS BIOTRANSFORMASI.ppt kelompok enam.
TUGAS BIOTRANSFORMASI.ppt kelompok enam.
 
Kartu Undangan Softcover + Amplop Hazelnut Foliage Hibiscus Sunny Orange✨
Kartu Undangan Softcover + Amplop Hazelnut Foliage Hibiscus Sunny Orange✨Kartu Undangan Softcover + Amplop Hazelnut Foliage Hibiscus Sunny Orange✨
Kartu Undangan Softcover + Amplop Hazelnut Foliage Hibiscus Sunny Orange✨
 
persentasi tentang modul ajar kelas lima kelas enam semster 2458902569-Modul-...
persentasi tentang modul ajar kelas lima kelas enam semster 2458902569-Modul-...persentasi tentang modul ajar kelas lima kelas enam semster 2458902569-Modul-...
persentasi tentang modul ajar kelas lima kelas enam semster 2458902569-Modul-...
 
KELOMPOK 4 asma ppok jhyfydfdrfdtfghghghh
KELOMPOK 4 asma ppok jhyfydfdrfdtfghghghhKELOMPOK 4 asma ppok jhyfydfdrfdtfghghghh
KELOMPOK 4 asma ppok jhyfydfdrfdtfghghghh
 
sagdjasgfjckasbkfjhsakjkadjvjnskdjvnjkdvnv
sagdjasgfjckasbkfjhsakjkadjvjnskdjvnjkdvnvsagdjasgfjckasbkfjhsakjkadjvjnskdjvnjkdvnv
sagdjasgfjckasbkfjhsakjkadjvjnskdjvnjkdvnv
 
Pertemuan kuliah 6 Reduksi data State.ppt
Pertemuan kuliah 6 Reduksi data State.pptPertemuan kuliah 6 Reduksi data State.ppt
Pertemuan kuliah 6 Reduksi data State.ppt
 
kk eko junianto.pdf ada yang terjual tapi ngecer nggak bisa mijid nggak bisa ...
kk eko junianto.pdf ada yang terjual tapi ngecer nggak bisa mijid nggak bisa ...kk eko junianto.pdf ada yang terjual tapi ngecer nggak bisa mijid nggak bisa ...
kk eko junianto.pdf ada yang terjual tapi ngecer nggak bisa mijid nggak bisa ...
 
undangan tahlil dan kirim doa pendak 1.doc
undangan tahlil dan kirim doa pendak 1.docundangan tahlil dan kirim doa pendak 1.doc
undangan tahlil dan kirim doa pendak 1.doc
 
KEL 1 KCKT KAI.pptx. kromatografi cair kinerja tinggi
KEL 1 KCKT KAI.pptx. kromatografi cair kinerja tinggiKEL 1 KCKT KAI.pptx. kromatografi cair kinerja tinggi
KEL 1 KCKT KAI.pptx. kromatografi cair kinerja tinggi
 

DESAIN GRAFIS

  • 1. How to Make a Good Graphic Design
  • 2. make a focal point Di dunia desain, focal point itu penting untuk menunjukkan ke- khas-an dan tujuan desain kita, baik itu berupa gambar, font, atau typography, sama halnya dengan majalah atau artikel, disitu pasti terdapat sebuah gambar ciri khas dalam topik bahasan majalah tersebut. JANGAN MENONJOLKAN SEMUA ELEMEN DESAIN DALAM SATU KARYA/PROJECT, TONJOLKAN SALAH SATU YANG SESUAI DENGAN TEMA PROJECT.
  • 3. Misal, membuat project mengenai leaflet/brosur produk makanan, maka tonjolkan di gambar yang berisi gambar- gambar makanan dan setidaknya memiliki readability yang baik. Kyle Anthony Miller/Dribble
  • 5. focal point = visual weight
  • 6. You can draw attention to this part of your design through size, shape, direction, position, color, texture, or other qualities.
  • 7. visual flow Untuk membuat desainmu mudah dipahami, gunakan visual flow untuk menentukan alur visual, dimana mata pembaca akan fokus pertama kali. Because when design elements are all over the place without any clear organization, the eye doesn’t know where to look, the design has no sense of flow
  • 8. Untuk meningkatkan alur visual dari desain, gunakan teori repetition dengan membuat satu kelompok objek yang sama dalam satu bagian
  • 9. applying visual flow • Bagi desainmu kedalam beberapa bagian – Organisir desainmu untuk bisa mencapai visual yang baik, misalnya bagi kedalam bagian heading, bagian konten yang dikeliling dengan outline kotak, memberi aksen warna khas untuk tiap bagian tertentu, dan ukuran huruf • Gunakan space kosong dengan baik – Untuk memberi kesan kerapihan dan tidak kelihatan terlalu sesak dan ramai. Selain itu, memberi clear space look antar tiap bagian/kelompok
  • 10. balancing your design Perlunya menyeimbangkan tata letak dan ukuran sangat penting untuk menjaga visual dari desain grafis. Peran Alignment sangat kental disini karena untuk menyesuaikan letak gambar, logo, huruf, dan warna. balancing = need a symmetry alignment
  • 11.
  • 12. typefaces choice Typography merupakan kunci di hampir setiap project desain grafis. Pemilihan tipe font sangat penting agar font yang satu cocok dengan font yang lainnya, dalam hal ini setiap font dapat bekerja sama dan dapat menghasilkan kepuasan visual dan penyampaian informasi yang baik. Yang terpenting, pemilihan font harus sesuai dengan mood dan kepribadian dari font tersebut, serta bisa mencapai tujuan dari project
  • 14. readability Informasi yang berguna akan menjadi tidak berguna jika cara penyampaiannya tidak baik, dalam desain grafis, penyampaian pesan selain lewat gambar, yaitu melalui tulisan, perlu tulisan yang mudah dibaca dan jelas
  • 15. make readability happen • Ukuran huruf – pemilihan ukuran huruf yang sesuai dengan fungsinya • Kontras – pemilihan warna huruf • Font Style – pemilihan font-face supaya bisa bersinergi dengan font-face lainnya
  • 16. contrast Kontras warna memiliki manfaat sebagai visual appealing dan fungsional desain. Visual appealing dimana menarik pembaca untuk bisa lebih betah melihat desain kita, dan fungsional dimana pembaca mengerti dan paham akan maksud desain kita. contrast can involve shape, scale, typography, or other elements