PERANCANGAN DESAIN LAYOUT KATALOG PRODUK PT KARSA...
Transcript of PERANCANGAN DESAIN LAYOUT KATALOG PRODUK PT KARSA...
i
BUKU LAPORAN KERJA PRAKTEK
PERANCANGAN DESAIN LAYOUT KATALOG
PRODUK PT KARSA ENERGY
MUIZ ARYANTO
NIM. 08.51016.0077
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER
SURABAYA
2012
ii
PERANCANGAN DESAIN LAYOUT KATALOG PRODUK
PT. KARSA ENERGY
KERJA PRAKTEK
Diajukan sebagai salah satu syarat
untuk menyelesaikan Mata Kuliah
Kerja Praktek
Oleh:
Nama
Muiz Aryanto
NIM
08.51016.0077
Program Studi
DIV Komputer Multimedia
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER
SURABAYA
2012
iii
LEMBAR PENGESAHAN
PERANCANGAN DESAIN LAYOUT KATALOG PRODUK
PT. KARSA ENERGY
Diajukan sebagai salah satu syarat untuk menyelesaikan
Mata Kuliah Kerja Praktek, yang telah diuji dan disetujui
Surabaya, 10 Juli 2012
Menyetujui :
Dosen Pembimbing Penyelia
Abdul Aziz, S.Sn., M.Med. Kom. Febri Setiawan, MBA.
Mengetahui,
Kepala Program Studi DIV Komputer Multimedia
Karsam, MA., Ph. D.
NIDN 0714117101
iv
KATA PENGANTAR
Alhamdulillahirabbil'alamin, segala puji syukur kehadirat Tuhan Yang
Maha Esa atas segala limpahan Rahmat dan Kasih Sayang-Nya sehingga penulis
dapat menyelesaikan kegiatan penyusunan laporan Kerja Praktek dengan judul
“Perancangan Desain Layout Katalog Produk PT. Karsa Energy”.
Dalam Laporan ini, penulis menyusun berdasarkan data-data yang diperoleh
dan proyek yang telah dikerjakan selama proses kerja praktek di Komputek Jawa
Pos Group, selama satu bulan penuh. Akan tetapi dengan waktu yang terbatas
tersebut, membuat penulis menyadari bahwa masih perlu menimba ilmu dan
pengalaman lebih dalam lagi untuk menuju dunia kerja yang sebenarnya.
Berkaitan dengan hal tersebut, selama proses penulisan laporan ini penulis
banyak mendapat bantuan baik moral maupun materiil dari banyak pihak, maka
dalam kesempatan ini penulis menghaturkan terima kasih yang sebesar-besarnya
kepada yang terhormat :
1. Kedua orangtua yang telah memberikan dukungan moral dan
materiil.
2. Teman-teman Kost yang telah sangat membantu penyusunan
laporan ini.
3. Bpk. Karsam, MA., Ph.D., selaku Kaprodi DIV Multimedia
Sekolah Tinggi Manajemen Informatika & Teknik Komputer
Surabaya.
v
4. Bapak Abdul Aziz, S.Sn., M.Med.Kom, selaku dosen
pembimbing yang telah banyak memberikan bantuan, saran, dan
kritik.
5. Bapak Donny dan Bapak Febri, selaku pihak penyelia Kerja
Praktek.
6. Teman-teman di jurusan Multimedia angkatan 2008, yang telah
memberikan masukkan dan inspirasi.
Tidak ada gading yang tak retak, demikian juga kiranya laporan Kerja
Praktek ini, tentu masih banyak kekurangannya, baik secara materi maupun
tekniknya. Oleh karena itu penyusun mengharapakan kritik dan saran dari
pembaca demi sempurnanya tulisan ini pada kemudian hari. Akhir kata, semoga
Laporan Kerja Praktek ini dapat berguna dan bermanfaat bagi pembaca dan
penulis pada khususnya.
Surabaya, Juli 2012
Penulis
v
Daftar Isi
Halaman Judul ........................................................................................................i
Halaman Manifesto ................................................................................................ii
Halaman Pengesahan .............................................................................................iii
Kata Pengantar ......................................................................................................iv
Daftar isi .................................................................................................................v
Daftar Gambar ......................................................................................................vii
Daftar lampiran ....................................................................................................viii
BAB I .....................................................................Error! Bookmark not defined.
1.1 Latar Belakang ............................................................Error! Bookmark not defined.
1.2 Rumusan Masalah .......................................................Error! Bookmark not defined.
1.3 Batasan Masalah .........................................................Error! Bookmark not defined.
1.4 Tujuan .........................................................................Error! Bookmark not defined.
1.5 Kontribusi ...................................................................Error! Bookmark not defined.
1.6 Metode Penelitian .......................................................Error! Bookmark not defined.
1.7 Sistematika Penulisan .................................................Error! Bookmark not defined.
BAB II....................................................................Error! Bookmark not defined.
2.1 Profil Karsa Energy.....................................................Error! Bookmark not defined.
2.2 Visi.............................................................................Error! Bookmark not defined.
2.3 Misi ............................................................................Error! Bookmark not defined.
2.4 Lokasi Perusahaan / Instansi .....................................Error! Bookmark not defined.
BAB III ..................................................................Error! Bookmark not defined.
3.1 Pengertian Media .......................................................Error! Bookmark not defined.
3.2 Pengertian Company Profil........................................Error! Bookmark not defined.
3.3 Komponen Desain Grafis....................................................................................... 10
3.3.1 Garis................................................................................................................. 11
3.3.2 Bentuk (Shape) ................................................................................................. 11
vi
3.3.3 Warna dan Tekstur Cahaya .............................................................................. 11
3.3.4 Ilustrasi ............................................................................................................. 18
3.3.5 Huruf atau Tipografi......................................................................................... 19
BAB IV ..................................................................Error! Bookmark not defined.
4.1 Pengertian Layout Design .....................................Error! Bookmark not defined.
4.2 Perancangan Design ..............................................Error! Bookmark not defined.
BAB V....................................................................Error! Bookmark not defined.
5.1 Kesimpulan ................................................................Error! Bookmark not defined.
5.2 Saran-saran.................................................................Error! Bookmark not defined.
DAFTAR PUSTAKA ............................................Error! Bookmark not defined.
DAFTAR RIWAYAT HIDUP.............................................................................. 41
viii
Daftar gambar
Gambar 1.1 Contoh Warna Akromatik ......................................................................12
Gambar 1.2 Contoh Warna Monokrom .....................................................................13
Gambar 1.3 Contoh Warna Komplementer ...............................................................13
Gambar 1.4 Contoh Warna Pastel..............................................................................14
Gambar 1.5 Contoh Warna Analog ...........................................................................14
Gambar 1.6 Contoh Warna Clash ..............................................................................15
Gambar 1.7 Contoh Warna Split Komplementer.......................................................16
Gambar 1.8 Contoh Warna Triangle..........................................................................16
Gambar 1.9 Contoh Contoh Huruf Tanpa Kait .........................................................20
Gambar 1.10 Contoh Huruf Berkait ..........................................................................20
Gambar 1.11 Contoh Huruf Tulis (Script) .................................................................21
Gambar 1.12 Contoh Huruf Dekoratif ......................................................................22
Gambar 1.13 Contoh Huruf Monoscape ...................................................................22
Gambar 1.14 Contoh Anatomi Huruf Lower Case ...................................................23
Gambar 1.15 Contoh Anatomi Huruf Upper Case ....................................................23
Gambar 1.16 Contoh Anatomi Huruf .......................................................................24
Gambar 2.1 Design dengan konsep Grid System .....................................................29
Gambar 2.2 Design Layout Halaman ........................................................................29
Gambar 2.3 Design halaman layout catalog .............................................................30
Gambar 2.4 Design layout cover halaman depan .....................................................31
Gambar 2.5 Cover Halaman Depan ..........................................................................32
Gambar 2.6 Halaman Daftar Isi ................................................................................33
Gambar 2.7 Halaman Tentang Perusahaan ...............................................................34
Gambar 2.8 Halaman Katalog Produk ......................................................................35
ix
Gambar 2.9 Halaman Jasa dan Servis .......................................................................36
Gambar 2.10 Halaman Referensi Customer .............................................................37
Gambar 2.11 Halaman Contact Perusahaan ..............................................................38
Daftar Lampiran
Lampiran 1. Lembar Konsultasi
Lampiran 2. Formulir Acuan Kerja
Lampiran 3. Formulir Garis Besar Rencana Mingguan
Lampiran 4. Formulir Log & Catatan Perubahan Acuan Kerja
Lampiran 5. Formulir Kehadiran Kerja Praktek
Lampiran 6. Formulir Akhir Masa Kerja Praktek
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Media merupakan alat untuk menyampaikan informasi atau pesan dari
producers pesan ke consumers pesan. Media juga semakin berkembang.dimulai
pada saat lahirnya mesin cetak yang dibuat Gutenberg berupa print media.
Kemudian berkembang adanya radio dan televisi yang disebut dengan electronic
media. Pengertian media cetak bagi masyarakat masih dipahami secara sempit.
Banyak orang beranggapan bahwa media cetak sama dengan pengertian surat
kabar atau majalah. Padahal, jika diurai maknanya secara mendalam, media cetak
tidak terbatas pada dua jenis media itu saja.
Secara harfiah pengertian media cetak bisa diartikan sebagai sebuah media
penyampai informasi yang memiliki manfaat dan terkait dengan kepentingan
rakyat banyak, yang disampaikan secara tertulis. Dari pengertian ini, kita bisa
melihat bahwa media cetak adalah sebuah media yang di dalamnya berisi
informasi yang didalamnya terkait dengan kepentingan masyarakat umum dan
bukan terbatas pada kelompok tertentu saja.
Company profile (Profil perusahaan) adalah laporan yang memberikan
gambaran tentang sejarah, status saat ini, dan tujuan masa depan sebuah bisnis.
Sebuah profil perusahaan bisnis dapat sesingkat satu halaman, atau mengandung
data yang cukup untuk mengisi beberapa halaman. Walaupun ada sejumlah format
2
yang berbeda yang digunakan menyusun sebuah profil, ada beberapa jenis
informasi penting yang wajib disertakan.
Setiap jenis laporan profil perusahaan, informasi kontak selalu disertakan.
Informasi kontak mungkin tidak lebih dari sekedar alamat fisik dan surat untuk
kantor pusat perusahaan, atau mungkin termasuk nama dan alamat dari petugas
atau eksekutif tertentu dari perusahaan. Biasanya nomor telepon dan nomor faks
juga dimasukkan dalam data kontak dasar. Dalam beberapa tahun terakhir, alamat
email dan informasi umum juga dianggap penting dalam sebuah profil
perusahaan.
Selain informasi kontak, profil perusahaan biasanya mencakup beberapa
informasi tentang latar belakang dan sejarah dari bisnis yang bersangkutan. Ini
termasuk data mengenai kapan perusahaan itu dibentuk, nama-nama pendiri, dan
bagaimana perusahaan tumbuh berkembang dari pertama kali didirikan. Kadang
pernulisan prosa perjalanan jatuh bangun dari sebuah perusahaan di sangkut-
pautkan dengan perkembangan bisnis terkait pada saat terkini. Meski sebuah
company profile tidak mencakup sejarah yang sangat lengkap, hal itu seringkali
telah dianggap cukup untuk memberi pembaca gambaran tentang perusahaan
tersebut melewati tahun tahun perkembangannya.
Company Profile juga seringkali menyertakan beberapa statistik umum
berkaitan dengan status bisnis. Hal ini dapat mencakup informasi seperti jumlah
pabrik, kantor, atau operasi lain yang saat ini dimiliki perusahaan. Selain itu
jumlah karyawan disebutkan, bersama dengan nominal statistik pendapatan yang
dihasilkan selama tahun fiskal terbaru.
3
1.2 Rumusan Masalah
Berdasarkan latar belakang masalah tersebut, maka dapat dijabarkan sebuah
rumusan masalah “Bagaimana membuat suatu media promosi profil perusahaan
yang dapat meraih awareness calon Klien perusahaan?”
1.3 Batasan Masalah
Adapun batasan masalah pembuatan company profil cetak ini sebatas:
Membuat suatu design layout yang dapat mudah dimengerti oleh klien.
1.4 Tujuan
Tujuan pembuatan design company profil cetak ini agar para pengusaha
mengerti akan perkembangan Design secara tepat dan akurat di Indonesia maupun
di internasional.
1.5 Kontribusi
Pembuatan design pada company profile perusahaan ini memiliki kontribusi
sebagai media informasi berbasis cetak. Oleh karena itu content yang di tampilkan
akan membahas tentang visi dan misi perusahaan, produk dan layanan, pada
setiap tahunnya. Design serta content perusahaan yang akan ditawarkan kepada
para klien yang ingin mempelajari dan mengerti tentang apa yang ditawarkan oleh
perusahaan.
4
1.6 Metode Penelitian
Metode penelitian dalam proses pembuatan artikel ini yaitu proses analisis
untuk mendapatkan sebuah artikel yang bermanfaat, dalam hal ini adalah artikel
pada tabloid Komputek. Berikut adalah langkah yang dilakukan penulis dalam
proses pembuatan artikel tersebut, diantaranya:
1. Planning / perencanaan, untuk menghasilkan sebuah design yang berkualitas
perlu dilakukan perencanaan yang matang dengan melakukan studi
kelayakan. Studi kelayakan yang dilakukan meliputi : ekonomi, operasional,
dan teknis.
2. Analisa, tujuan dari analisa ini adalah untuk menentukan masalah upaya
perkembangan dunia design multimedia. Sehingga diharapkan dengan
dilakukannya analisa ini, maka permasalahan yang ada akan dapat teratasi.
1.7 Sistematika Penulisan
Laporan kerja praktek ini terdiri dari beberapa bab, dimana setiap bab terdiri
dari beberapa sub bab. Adapun sistematika penulisan laporan ini adalah sebagai
berikut :
BAB 1 PENDAHULUAN
Dalam bab ini diuraikan tentang latar belakang kegiatan, perumusan masalah,
batasan masalah, tujuan, kontribusi, dan sistematika penulisan.
BAB 2 PROFIL PERUSAHAAN
Dalam bab ini diuraikan tentang sejarah singkat perusahaan, domisili
perusahaan, Visi-Misi, tujuan, dan struktur organisasi perusahaan.
5
BAB 3 LANDASAN TEORI
Dalam bab ini membahas berbagai macam media serta pengertian media
cetak dan company profile.
BAB 4 METODE KERJA PRAKTEK DAN IMPLEMENTASI KARYA
Dalam bab ini menjelaskan metode-metode kerja selama pembuatan artikel
yang nantinya berguna bagi para mayarakat yang ingin mengerti tentang
perkembangan design multimedia.
BAB 5 PENUTUP
Dalam bab ini penulis mengemukakan kesimpulan dan saran dari pembuatan
design company profile yang telah dilaksanakan.
6
BAB II
PROFIL PERUSAHAAN / INSTANSI
2.1 Profil Karsa Energy
Karsa Energy adalah sebuah perusahaan yang bergerak dalam bidang
Mechanical Engineering dan chemical Engineering, dan General Trading. Berdiri
di kota Gresik Jawa Timur sejak tahun 2006, sebagai pelopor perusahaan yang
memberikan layanan dalam sektor industri dan energy dengan solusi terbaik
2.2 Visi
Visi Perusahaan adalah menjadi pelopor utama dalam pelayanan mekanik
Industri dan energi
2.3 Misi
Memberikan layanan dan layanan terbaik terhadap customer dan memiliki
komitmen untuk menjadi yang terbaik dalam pelayanan jasa mekanikal
engineering
2.4 Lokasi Perusahaan / Instansi
PT. Karsa Energy Terletak di Jl.Ade Irma Suryani Nasution Grand Kartini Kav
15 Lt 1, Gresik - Jawa Timur, Telpon : 031-3990679, Email :
7
BAB III
LANDASAN TEORI
3.1 Pengertian Media
Secara etimologi, kata “media” merupakan bentuk jamak dari “medium”,
yang berasal dan Bahasa Latin “medius” yang berarti tengah. Sedangkan dalam
Bahasa Indonesia, kata “medium” dapat diartikan sebagai “antara” atau “sedang”
sehingga pengertian media dapat mengarah pada sesuatu yang mengantar atau
meneruskan informasi (pesan) antara sumber (pemberi pesan) dan penerima
pesan. Media dapat diartikan sebagai suatu bentuk dan saluran yang dapat
digunakan dalam suatu proses penyajian informasi (AECT, 1977:162).
Istilah media mula-mula dikenal dengan alat peraga, kemudian dikenal dengan
istilah audio visual aids (alat bantu pandang/dengar). Selanjutnya disebut
instructional materials (materi pembelajaran), dan kini istilah yang lazim
digunakan dalam dunia pendidikan nasional adalah instructional media (media
pendidikan atau media pembelajaran). Dalam perkembangannya, sekarang muncul
istilah e-Learning. Huruf “e” merupakan singkatan dari “elektronik”. Artinya
media pembelajaran berupa alat elektronik, meliputi CD Multimedia Interaktif
sebagai bahan ajar offline dan Web sebagai bahan ajar online.
Berikut ini beberapa pendapat para ahli komunikasi atau ahli bahasa tentang
pengertian media yaitu :
1. Orang, material, atau kejadian yang dapat menciptakan kondisi sehingga
memungkinkan siswa dapat memperoleh pengetahuan, keterapilan, dan sikap
8
yang baru, dalam pengertian meliputi buku, guru, dan lingkungan sekolah
(Gerlach dan Ely dalam Ibrahim, 1982:3)
2. Saluran komunikasi yang digunakan untuk menyampaikan pesan antara
sumber (pemberi pesan) dengan penerima pesan (Blake dan Horalsen dalam
Latuheru, 1988:11)
3. Komponen strategi penyampaian yang dapat dimuati pesan yang akan
disampaikan kepada pembelajar bisa berupa alat, bahan, dan orang (Degeng,
1989:142)
4. Media sebagai segala sesuatu yang dapat digunakan untuk menyalurkan pesan
dan pengirim pesan kepada penerima pesan, sehingga dapat merangsang
pildran, perasaan, perhatian, dan minat serta perhatian siswa sedemikian rupa,
sehingga proses belajar mengajar berlangsung dengan efektif dan efesien
sesuai dengan yang diharapkan (Sadiman, dkk., 2002:6)
5. Alat yang secara fisik digunakan untuk menyampaikan isi materi, yang terdiri
antara lain buku, tape-recorder, kaset, video kamera, video recorder, film,
slide, foto, gambar, grafik, televisi, dan komputer (Gagne dan Briggs dalam
Arsyad, 2002:4)
Berdasarkan beberapa pendapat di atas, dapat disimpulkan bahwa media
pengajaran adalah bahan, alat, maupun metode/teknik yang digunakan dalam
kegiatan belajar mengajar dengan maksud agar proses interaksi komunikasi
edukatif antara guru dan anak didik dapat berlangsung secara efektif dan efesien
sesuai dengan tujuan pengajaran yang telah dicita-citakan.
9
3.2 Pengertian Company Profil
Hamidbustom (1999), Setiap bisnis usaha membutuhkan pencitraan yang baik
untuk pelanggan potensial, mitra kerja, investor bahkan karyawan. Sebuah
company profile bisa mencitrakan bahwa perusahaan anda dapat dipercaya dan
berkredibilitas tinggi. company profile yang baik juga dapat mendidik audience
tentang profil perusahaan.
Company profile (Profil perusahaan) adalah laporan yang memberikan
gambaran tentang sejarah, status saat ini, dan tujuan masa depan sebuah bisnis.
Sebuah profil perusahaan bisnis dapat sesingkat satu halaman, atau mengandung
data yang cukup untuk mengisi beberapa halaman. Walaupun ada sejumlah format
yang berbeda yang digunakan menyusun sebuah profil, ada beberapa jenis
informasi penting yang wajib disertakan.
Setiap jenis laporan profil perusahaan, informasi kontak selalu disertakan.
Informasi kontak mungkin tidak lebih dari sekedar alamat fisik dan surat untuk
kantor pusat perusahaan, atau mungkin termasuk nama dan alamat dari petugas
atau eksekutif tertentu dari perusahaan. Biasanya nomor telepon dan nomor faks
juga dimasukkan dalam data kontak dasar. Dalam beberapa tahun terakhir, alamat
email dan informasi umum juga dianggap penting dalam sebuah profil
perusahaan.
Selain informasi kontak, profil perusahaan biasanya mencakup beberapa
informasi tentang latar belakang dan sejarah dari bisnis yang bersangkutan. Ini
termasuk data mengenai kapan perusahaan itu dibentuk, nama-nama pendiri, dan
bagaimana perusahaan tumbuh berkembang dari pertama kali didirikan. Kadang
10
pernulisan prosa perjalanan jatuh bangun dari sebuah perusahaan di sangkut-
pautkan dengan perkembangan bisnis terkait pada saat terkini. Meski sebuah
company profile tidak mencakup sejarah yang sangat lengkap, hal itu seringkali
telah dianggap cukup untuk memberi pembaca gambaran tentang perusahaan
tersebut melewati tahun tahun perkembangannya.
Company Profile juga seringkali menyertakan beberapa statistik umum
berkaitan dengan status bisnis. Hal ini dapat mencakup informasi seperti jumlah
pabrik, kantor, atau operasi lain yang saat ini dimiliki perusahaan. Selain itu
jumlah karyawan disebutkan, bersama dengan nominal statistik pendapatan yang
dihasilkan selama tahun fiskal terbaru.
3.3 Komponen Desain Grafis
Agar menarik sebuah desain yang baik memerlukan komponen-komponen
grafis. Jika dianalogikan dengan makanan, komponen tersebut bisa dianggap
sebagai resep (bahan & bumbu) masak. Tidak semua bahan dan bumbu
dicampurkan. Begitu pula dengan desain grafis, tidak semua karya desain
menampung semua komponen grafis. Mungkin hanya satu atau beberapa yang
diprioritaskan (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 13,
2006).
Dalam buku Tips’n Trik Computer Graphic Design (Hendi Hedratman: 13-
81, 2006) disebutkan bahwa komponen desain grafis ada 6 komponen yaitu:
a. Garis
11
Garis didefinisikan sebagai sekumpulan titik yang dideretkan memanjang.
Garis di software grafis komputer sering disebut outline (Corel Draw),
contour atau stroke (Adobe Photoshop). Setiap jenis garis memiliki karakter
dan suasana yang berbeda.
b. Bentuk (Shape)
Bentuk disebut juga shape, dihasilkan dari garis-garis yang tersusun
sedemikian rupa. Bentuk ada yang berbentuk 2 dimensi (dwimatra) dan 3
dimensi (trimatra). Setiap bentuk mempunyai arti tersendiri, tergantung
budaya, geografi, dan lain-lain. Contoh: Segitiga bisa melambangkan
konsep trinitas (ayah, ibu, anak), tapi di Mesir segitiga melambangkan
simbol feminimitas (kewanitaan).
c. Warna dan Tekstur Cahaya
Setiap warna mempunyai karakter tersendiri. Dengan warna kita
dapat mengkomunikasikan desain kita kepada audience secara efektif.
Warna adalah faktor yang sangat penting dalam komunikasi visual.
Warna dapat memberikan dampak psikologis, sugesti, suasana bagi yang
melihatnya. Di dunia komputer grafis banyak sistem/model warna, antara
lain:
i. RGB (Red, Green, Blue)
ii. CMYK (Cyan, Magenta, Yellow, Black)
iii. HLS (Hue, Lightness, Saturation)
iv. LAB Color (Lightness A [green-red axis] B [blue-yellow axis])
v. RGB Hexadecimal
12
Dalam kebutuhan cetak dan printing, warna yang dipakai adalah
sistem/model CMYK, sedangkan untuk tampil di layar monitor saja adalah
RGB dan RGB Hexadecimal.
Warna-warna dapat dikombinasikan sehingga menghasilkan
keharmonisan dalam desain. Berikut adalah kombinasi warna berdasarkan
color wheel.
1. Warna Akromatik
Adalah warna kombinasi gelap dan terang saja. Asal katanya
adalah A (tidak), Chromatic (warna). Biasa kita sebut sebagai
grayscale. Jika di Adobe Photoshop dengan menggunakan perintah
desaturate. Kombinasi warna tersebut berkesan klasik dan artistik,
yang banyak dipakai untuk fotografi/surat kabar.
Gambar 2.1 Contoh Warna AkromatikSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 49, 2006)
2. Monokrom/Netral
Adalah satu warna hue yang dikombinasikan dengan gelap
terang. Disebut juga monokrom. Kombinasi warna ini sangat
sederhana, tidak banyak resiko dan mudah diterima mata.
12
Dalam kebutuhan cetak dan printing, warna yang dipakai adalah
sistem/model CMYK, sedangkan untuk tampil di layar monitor saja adalah
RGB dan RGB Hexadecimal.
Warna-warna dapat dikombinasikan sehingga menghasilkan
keharmonisan dalam desain. Berikut adalah kombinasi warna berdasarkan
color wheel.
1. Warna Akromatik
Adalah warna kombinasi gelap dan terang saja. Asal katanya
adalah A (tidak), Chromatic (warna). Biasa kita sebut sebagai
grayscale. Jika di Adobe Photoshop dengan menggunakan perintah
desaturate. Kombinasi warna tersebut berkesan klasik dan artistik,
yang banyak dipakai untuk fotografi/surat kabar.
Gambar 2.1 Contoh Warna AkromatikSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 49, 2006)
2. Monokrom/Netral
Adalah satu warna hue yang dikombinasikan dengan gelap
terang. Disebut juga monokrom. Kombinasi warna ini sangat
sederhana, tidak banyak resiko dan mudah diterima mata.
12
Dalam kebutuhan cetak dan printing, warna yang dipakai adalah
sistem/model CMYK, sedangkan untuk tampil di layar monitor saja adalah
RGB dan RGB Hexadecimal.
Warna-warna dapat dikombinasikan sehingga menghasilkan
keharmonisan dalam desain. Berikut adalah kombinasi warna berdasarkan
color wheel.
1. Warna Akromatik
Adalah warna kombinasi gelap dan terang saja. Asal katanya
adalah A (tidak), Chromatic (warna). Biasa kita sebut sebagai
grayscale. Jika di Adobe Photoshop dengan menggunakan perintah
desaturate. Kombinasi warna tersebut berkesan klasik dan artistik,
yang banyak dipakai untuk fotografi/surat kabar.
Gambar 2.1 Contoh Warna AkromatikSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 49, 2006)
2. Monokrom/Netral
Adalah satu warna hue yang dikombinasikan dengan gelap
terang. Disebut juga monokrom. Kombinasi warna ini sangat
sederhana, tidak banyak resiko dan mudah diterima mata.
13
Kelemahannya kombinasi ini akan membosankan dan mudah
ditinggalkan.
Gambar 2.2 Contoh Warna MonokromSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 49, 2006)
3. Warna Komplementer
Adalah 2 (dua) warna hue yang berlawanan, dikombinasikan
dengan gelap terang. Disebut juga warna komplementer. Kombinasi
tersebut akan menarik mata (eye catching), tetapi jika anda tidak
berhasil menggabungkan 2 warna tersebut akan terlihat lepas/tidak
matching.
Gambar 2.3 Contoh Warna KomplementerSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 50,
2006)
13
Kelemahannya kombinasi ini akan membosankan dan mudah
ditinggalkan.
Gambar 2.2 Contoh Warna MonokromSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 49, 2006)
3. Warna Komplementer
Adalah 2 (dua) warna hue yang berlawanan, dikombinasikan
dengan gelap terang. Disebut juga warna komplementer. Kombinasi
tersebut akan menarik mata (eye catching), tetapi jika anda tidak
berhasil menggabungkan 2 warna tersebut akan terlihat lepas/tidak
matching.
Gambar 2.3 Contoh Warna KomplementerSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 50,
2006)
13
Kelemahannya kombinasi ini akan membosankan dan mudah
ditinggalkan.
Gambar 2.2 Contoh Warna MonokromSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 49, 2006)
3. Warna Komplementer
Adalah 2 (dua) warna hue yang berlawanan, dikombinasikan
dengan gelap terang. Disebut juga warna komplementer. Kombinasi
tersebut akan menarik mata (eye catching), tetapi jika anda tidak
berhasil menggabungkan 2 warna tersebut akan terlihat lepas/tidak
matching.
Gambar 2.3 Contoh Warna KomplementerSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 50,
2006)
14
4. Warna Pastel & Dark Colors
Adalah warna-warna yang mendekati warna terang/putih. Biasa
disebut juga warna sepia. Kebalikan dari pastel adalah warna-warna
gelap disebut juga dark colors.
Gambar 2.4 Contoh Warna Pastel & Dark ColorsSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 50, 2006)
5. Warna Analog
Adalah warna-warna beda hue yang bersebelahan, sehingga
kombinasinya akan lebih mudah diterima mata dan lebih berani
dibanding warna monokrom.
Gambar 2.5 Contoh Warna AnalogSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 51, 2006)
14
4. Warna Pastel & Dark Colors
Adalah warna-warna yang mendekati warna terang/putih. Biasa
disebut juga warna sepia. Kebalikan dari pastel adalah warna-warna
gelap disebut juga dark colors.
Gambar 2.4 Contoh Warna Pastel & Dark ColorsSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 50, 2006)
5. Warna Analog
Adalah warna-warna beda hue yang bersebelahan, sehingga
kombinasinya akan lebih mudah diterima mata dan lebih berani
dibanding warna monokrom.
Gambar 2.5 Contoh Warna AnalogSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 51, 2006)
14
4. Warna Pastel & Dark Colors
Adalah warna-warna yang mendekati warna terang/putih. Biasa
disebut juga warna sepia. Kebalikan dari pastel adalah warna-warna
gelap disebut juga dark colors.
Gambar 2.4 Contoh Warna Pastel & Dark ColorsSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 50, 2006)
5. Warna Analog
Adalah warna-warna beda hue yang bersebelahan, sehingga
kombinasinya akan lebih mudah diterima mata dan lebih berani
dibanding warna monokrom.
Gambar 2.5 Contoh Warna AnalogSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 51, 2006)
15
6. Warna Clash
Adalah 2 warna yang berlawanan (komplementer), tetapi
menyimpang/bergeser 1 hue. Sesuai namanya clash adalah warna yang
tidak harmonis/bertentangan/tabrakan sehingga kombinasi warna
tersebut tidak enak dipandang. Tapi dengan teknik tertentu, akan
didapat paduan warna yang inovatif dan khas.
Gambar 2.6 Contoh Warna ClashSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 51, 2006)
7. Warna Split Komplementer
Lebih rumit dari warna clash karena terdiri dari 3 warna yang
tidak harmonis/clash. Bila anda dapat menyatukan 3 warna tersebut
dalam sebuah desain, akan dihasilkan karya inovatif dan spektakuler.
Jika gagal menyatukannya akan menyakitkan mata dan memusingkan
kepala.
15
6. Warna Clash
Adalah 2 warna yang berlawanan (komplementer), tetapi
menyimpang/bergeser 1 hue. Sesuai namanya clash adalah warna yang
tidak harmonis/bertentangan/tabrakan sehingga kombinasi warna
tersebut tidak enak dipandang. Tapi dengan teknik tertentu, akan
didapat paduan warna yang inovatif dan khas.
Gambar 2.6 Contoh Warna ClashSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 51, 2006)
7. Warna Split Komplementer
Lebih rumit dari warna clash karena terdiri dari 3 warna yang
tidak harmonis/clash. Bila anda dapat menyatukan 3 warna tersebut
dalam sebuah desain, akan dihasilkan karya inovatif dan spektakuler.
Jika gagal menyatukannya akan menyakitkan mata dan memusingkan
kepala.
15
6. Warna Clash
Adalah 2 warna yang berlawanan (komplementer), tetapi
menyimpang/bergeser 1 hue. Sesuai namanya clash adalah warna yang
tidak harmonis/bertentangan/tabrakan sehingga kombinasi warna
tersebut tidak enak dipandang. Tapi dengan teknik tertentu, akan
didapat paduan warna yang inovatif dan khas.
Gambar 2.6 Contoh Warna ClashSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 51, 2006)
7. Warna Split Komplementer
Lebih rumit dari warna clash karena terdiri dari 3 warna yang
tidak harmonis/clash. Bila anda dapat menyatukan 3 warna tersebut
dalam sebuah desain, akan dihasilkan karya inovatif dan spektakuler.
Jika gagal menyatukannya akan menyakitkan mata dan memusingkan
kepala.
16
Gambar 2.7 Contoh Warna Split KomplementerSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 52, 2006)
8. Triangle Primer, Sekunder dan Tersier
Merupakan perpaduan dari 3 warna yang senasib (primary,
sekunder, tersier). Meskipun 3 warna, kombinasi tersebut cenderung
tidak clash.
Gambar 2.8 Contoh Warna TriangleSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 53, 2006)
Di setiap negara dan budaya, warna mempunyai arti tersendiri dalam
mengartikan warna, meski begitu arti warna disini mengambil lingkup
yang universal.
16
Gambar 2.7 Contoh Warna Split KomplementerSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 52, 2006)
8. Triangle Primer, Sekunder dan Tersier
Merupakan perpaduan dari 3 warna yang senasib (primary,
sekunder, tersier). Meskipun 3 warna, kombinasi tersebut cenderung
tidak clash.
Gambar 2.8 Contoh Warna TriangleSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 53, 2006)
Di setiap negara dan budaya, warna mempunyai arti tersendiri dalam
mengartikan warna, meski begitu arti warna disini mengambil lingkup
yang universal.
16
Gambar 2.7 Contoh Warna Split KomplementerSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 52, 2006)
8. Triangle Primer, Sekunder dan Tersier
Merupakan perpaduan dari 3 warna yang senasib (primary,
sekunder, tersier). Meskipun 3 warna, kombinasi tersebut cenderung
tidak clash.
Gambar 2.8 Contoh Warna TriangleSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 53, 2006)
Di setiap negara dan budaya, warna mempunyai arti tersendiri dalam
mengartikan warna, meski begitu arti warna disini mengambil lingkup
yang universal.
17
1. Merah
Melambangkan: Perjuangan, nafsu, aktif, agresif, dominan,
kemauan keras, persaingan, keberanian, energi, kehangatan, cinta,
bahaya.
2. Biru
Melambangkan: Ketenangan, kepercayaan, keamanan, teknologi,
kebersihan, keteraturan.
3. Hijau
Melambangkan: Alami, sehat, keinginan, keberuntungan,
kebanggaan, kekerasan hati dan berkuasa.
4. Kuning
Melambangkan: Optimisme, harapan, tidak jujur, berubah-ubah,
gembira, santai.
5. Ungu
Melambangkan: Spiritual, misteri, kebangsawanan, sombong,
kasar, keangkuhan.
6. Oranye
Melambangkan: Energi, semangat, segar, keseimbangan, ceria,
hangat.
18
7. Coklat
Melambangkan: Tanah/bumi, kenyamanan, daya tahan, suka
merebut, tidak suka memberi hati, kurang toleran, pesimis terhadap
kesejahteraan dan kebahagiaan masa depan.
8. Abu-abu
Melambangkan: Intelek, futuristik, millenium, kesederhanaan, sedih.
9. Putih
Melambangkan: Suci, bersih, tidak bersalah.
10. Hitam
Melambangkan: Power, jahat, canggih, kematian, misteri, ketakutan,
sedih, anggun.
d. Ilustrasi
Gambar di desain grafis bisa terbagi dari metodenya:
1. Manual/Hand Drawing/Gambar Tangan
Dengan menggunakan alat seperti pensil, air brush, kuas, cat,
spidol dan lain-lain. Cocok untuk pembuatan konsep, sketsa, ide,
karikatur, komik, lukisan dan lain-lain. Untuk memindahkan ke dalam
format digital perlu alat seperti scanner atau foto digital.
2. Computerized
Menggunakan komputer, anda dapat membuat gambar secara
vektor (Corel Draw) atau bitmap (Adobe Photoshop). Format vektor
yang terdiri dari koordinat-koodinat, cocok untuk pembuatan logo dan
19
gambar line-art. Format bitmap terdiri dari pixel-pixel, cocok untuk
foto.
e. Huruf/Tipografi
Tipografi merupakan seni memilih dan menata huruf pada ruang
untuk menciptakan kesan khusus, sehingga pembaca dapat membaca
semaksimal mungkin. Perkembangam tipografi mengalami perkembangan
dari cara manual/dengan tangan (hand drawn) hingga menggunakan
komputer. Dengan komputer, penggunaan tipografi menjadi lebih mudah
dan lebih cepat dengan pilihan huruf yang variatif. Meski begitu dalam
pemilihan huruf/font harus diperhatikan karakter produk yang akan
ditonjolkan dan juga karakter segmen pasarnya. Jenis-jenis font meski
begitu banyak tetapi tetap dalam kategori sebagai berikut:
i. Huruf Tanpa Kait (Sans Serif)
Huruf yang tidak memiliki kait (hook) hanya batang dan
tangkainya saja. Contoh: Arial, Avant Garde, Switzerland, Vaground
dan lain-lain. Ujung huruf bisa tajam atau tumpul. Huruf yang
mempunyai sifat kurang formal, sederhana, akrab. Huruf ini
mempunyai keuntungan sangat mudah dibaca. Huruf yang cocok untuk
huruf desain di layar komputer, desain untuk pertelevisian dan media
elektronika lainnya.
20
Gambar 2.9 Contoh Huruf Tanpa KaitSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 66, 2006)
ii. Huruf Berkait (Serif)
Huruf yang memiliki kait (hook) pada ujungnya. Contoh: Times
New Roman, Garamond, Dwitan, Tiffany dan lain-lain. Huruf ini
sifatnya formal, elegant, mewah, anggun, intelektual. Huruf ini apabila
dibandingkan dengan font Sans Serif kurang mudah dibaca. Huruf ini
cocok untuk desain di media cetak seperti koran, skripsi, brosur dan
lain-lain.
Gambar 2.10 Contoh Huruf BerkaitSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 66, 2006)
iii. Huruf Tulis (Script)
Huruf yang setiap masing-masingnya terkait seperti tulisan
tangan. Contoh: Brush Script, Shelley, Mystral, Comic Sans, Lucida
Handwriting dan lain-lain. Huruf yang mempunyai sifat anggun,
20
Gambar 2.9 Contoh Huruf Tanpa KaitSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 66, 2006)
ii. Huruf Berkait (Serif)
Huruf yang memiliki kait (hook) pada ujungnya. Contoh: Times
New Roman, Garamond, Dwitan, Tiffany dan lain-lain. Huruf ini
sifatnya formal, elegant, mewah, anggun, intelektual. Huruf ini apabila
dibandingkan dengan font Sans Serif kurang mudah dibaca. Huruf ini
cocok untuk desain di media cetak seperti koran, skripsi, brosur dan
lain-lain.
Gambar 2.10 Contoh Huruf BerkaitSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 66, 2006)
iii. Huruf Tulis (Script)
Huruf yang setiap masing-masingnya terkait seperti tulisan
tangan. Contoh: Brush Script, Shelley, Mystral, Comic Sans, Lucida
Handwriting dan lain-lain. Huruf yang mempunyai sifat anggun,
20
Gambar 2.9 Contoh Huruf Tanpa KaitSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 66, 2006)
ii. Huruf Berkait (Serif)
Huruf yang memiliki kait (hook) pada ujungnya. Contoh: Times
New Roman, Garamond, Dwitan, Tiffany dan lain-lain. Huruf ini
sifatnya formal, elegant, mewah, anggun, intelektual. Huruf ini apabila
dibandingkan dengan font Sans Serif kurang mudah dibaca. Huruf ini
cocok untuk desain di media cetak seperti koran, skripsi, brosur dan
lain-lain.
Gambar 2.10 Contoh Huruf BerkaitSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 66, 2006)
iii. Huruf Tulis (Script)
Huruf yang setiap masing-masingnya terkait seperti tulisan
tangan. Contoh: Brush Script, Shelley, Mystral, Comic Sans, Lucida
Handwriting dan lain-lain. Huruf yang mempunyai sifat anggun,
21
tradisional, pribadi, informal. Huruf yang kurang mudah dibaca,
sehingga dianjurkan jangan dipakai terlalu banyak dan terlalu kecil.
Huruf yang cocok untuk desain di undangan pernikahan, ulang tahun,
keluarga, upacara tradisional dan lain-lain.
Gambar 2.11 Contoh Huruf Tulis (Script)Sumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 66, 2006)
iv. Huruf Dekoratif
Huruf yang setiap bagiannya dibuat secara detail, kompleks dan
rumit. Contoh: Augsburger Initial, English dan lain-lain. Huruf yang
bersifat mewah, bebas, anggun tradisional. Huruf ini biasanya sangat
sulit dibaca, hanya baik tampil 1 huruf saja, jangan tampil satu kata.
Huruf yang sebaiknya dipakai untuk hiasan, aksen, huruf awal alinea
artikel (Cap Hub), logo pernikahan, logo perusahaan.
21
tradisional, pribadi, informal. Huruf yang kurang mudah dibaca,
sehingga dianjurkan jangan dipakai terlalu banyak dan terlalu kecil.
Huruf yang cocok untuk desain di undangan pernikahan, ulang tahun,
keluarga, upacara tradisional dan lain-lain.
Gambar 2.11 Contoh Huruf Tulis (Script)Sumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 66, 2006)
iv. Huruf Dekoratif
Huruf yang setiap bagiannya dibuat secara detail, kompleks dan
rumit. Contoh: Augsburger Initial, English dan lain-lain. Huruf yang
bersifat mewah, bebas, anggun tradisional. Huruf ini biasanya sangat
sulit dibaca, hanya baik tampil 1 huruf saja, jangan tampil satu kata.
Huruf yang sebaiknya dipakai untuk hiasan, aksen, huruf awal alinea
artikel (Cap Hub), logo pernikahan, logo perusahaan.
21
tradisional, pribadi, informal. Huruf yang kurang mudah dibaca,
sehingga dianjurkan jangan dipakai terlalu banyak dan terlalu kecil.
Huruf yang cocok untuk desain di undangan pernikahan, ulang tahun,
keluarga, upacara tradisional dan lain-lain.
Gambar 2.11 Contoh Huruf Tulis (Script)Sumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 66, 2006)
iv. Huruf Dekoratif
Huruf yang setiap bagiannya dibuat secara detail, kompleks dan
rumit. Contoh: Augsburger Initial, English dan lain-lain. Huruf yang
bersifat mewah, bebas, anggun tradisional. Huruf ini biasanya sangat
sulit dibaca, hanya baik tampil 1 huruf saja, jangan tampil satu kata.
Huruf yang sebaiknya dipakai untuk hiasan, aksen, huruf awal alinea
artikel (Cap Hub), logo pernikahan, logo perusahaan.
22
Gambar 2.12 Contoh Huruf DekoratifSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 67, 2006)
v. Huruf Monospace
Huruf yang bentuknya bisa sama dengan huruf Sans Serif atau
Serif . Hal yang membedakan adalah jarak dan ruang setiap hurufnya
sama, misalnya jarak dan ruang huruf ’i’ dan ’m’ dihitung sama
dengan’m’. Contoh: Courier, Monotype, Lucida Console dan lain-lain.
Huruf ini bersifat formal, sederhana, futuristik, kaku seperti
mesin tik. Huruf yang bisa dibilang mudah dibaca akan tetapi terkesan
kurang rapi dan efisien ruang jika tampil terlalu banyak. Huruf ini
cocok untuk tampilan pengetikan code/ bahasa program di komputer,
logo grup musik alternatif atau grunge.
Gambar 2.13 Contoh Huruf MonoscapeSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 67, 2006)
22
Gambar 2.12 Contoh Huruf DekoratifSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 67, 2006)
v. Huruf Monospace
Huruf yang bentuknya bisa sama dengan huruf Sans Serif atau
Serif . Hal yang membedakan adalah jarak dan ruang setiap hurufnya
sama, misalnya jarak dan ruang huruf ’i’ dan ’m’ dihitung sama
dengan’m’. Contoh: Courier, Monotype, Lucida Console dan lain-lain.
Huruf ini bersifat formal, sederhana, futuristik, kaku seperti
mesin tik. Huruf yang bisa dibilang mudah dibaca akan tetapi terkesan
kurang rapi dan efisien ruang jika tampil terlalu banyak. Huruf ini
cocok untuk tampilan pengetikan code/ bahasa program di komputer,
logo grup musik alternatif atau grunge.
Gambar 2.13 Contoh Huruf MonoscapeSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 67, 2006)
22
Gambar 2.12 Contoh Huruf DekoratifSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 67, 2006)
v. Huruf Monospace
Huruf yang bentuknya bisa sama dengan huruf Sans Serif atau
Serif . Hal yang membedakan adalah jarak dan ruang setiap hurufnya
sama, misalnya jarak dan ruang huruf ’i’ dan ’m’ dihitung sama
dengan’m’. Contoh: Courier, Monotype, Lucida Console dan lain-lain.
Huruf ini bersifat formal, sederhana, futuristik, kaku seperti
mesin tik. Huruf yang bisa dibilang mudah dibaca akan tetapi terkesan
kurang rapi dan efisien ruang jika tampil terlalu banyak. Huruf ini
cocok untuk tampilan pengetikan code/ bahasa program di komputer,
logo grup musik alternatif atau grunge.
Gambar 2.13 Contoh Huruf MonoscapeSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 67, 2006)
23
Setiap bentuk huruf mempunyai keunikan tersendiri. Namun intinya
tetap dalam batas-batas tertentu seperti body size, baseline, meanline, x-
height, descender, dan ascender.
Gambar 2.14 Anatomi Huruf Lower CaseSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 63, 2006)
Jika menggunakan huruf-huruf kapital (capitalize) akan terdiri dari
batas-batas yang lebih sederhana, yaitu capline, baseline, dan capital
height.
Gambar 2.15 Anatomi Huruf Upper CaseSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 63, 2006)
23
Setiap bentuk huruf mempunyai keunikan tersendiri. Namun intinya
tetap dalam batas-batas tertentu seperti body size, baseline, meanline, x-
height, descender, dan ascender.
Gambar 2.14 Anatomi Huruf Lower CaseSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 63, 2006)
Jika menggunakan huruf-huruf kapital (capitalize) akan terdiri dari
batas-batas yang lebih sederhana, yaitu capline, baseline, dan capital
height.
Gambar 2.15 Anatomi Huruf Upper CaseSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 63, 2006)
23
Setiap bentuk huruf mempunyai keunikan tersendiri. Namun intinya
tetap dalam batas-batas tertentu seperti body size, baseline, meanline, x-
height, descender, dan ascender.
Gambar 2.14 Anatomi Huruf Lower CaseSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 63, 2006)
Jika menggunakan huruf-huruf kapital (capitalize) akan terdiri dari
batas-batas yang lebih sederhana, yaitu capline, baseline, dan capital
height.
Gambar 2.15 Anatomi Huruf Upper CaseSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 63, 2006)
24
Masing-masing huruf juga mempunyai anatomi yang secara general
adalah batang, ujung (terminal) atau tangkai.
Gambar 2.16 Anatomi HurufSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 64, 2006)
Dari kesamaan bentuk geometrinya huruf/font juga masih bisa
dikelompokkan menjadi 4 kelompok, yaitu:
1. Garis tegak-datar ; E, F, H, I, L.
2. Garis tegak-miring ; A, K, M, N, V, W, X, Y, Z.
3. Garis tegak-lengkung ; B, D, G, J, P, R, U.
4. Garis lengkung ; C, O, Q, S.
Seperti yang kita ketahui pada software pengolah kata seperti Word
dan software grafis pada umumnya, selalu menyediakan pemilihan jenis
huruf dan karakteristik seperti: Bold, Italic dan Underline.
24
Masing-masing huruf juga mempunyai anatomi yang secara general
adalah batang, ujung (terminal) atau tangkai.
Gambar 2.16 Anatomi HurufSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 64, 2006)
Dari kesamaan bentuk geometrinya huruf/font juga masih bisa
dikelompokkan menjadi 4 kelompok, yaitu:
1. Garis tegak-datar ; E, F, H, I, L.
2. Garis tegak-miring ; A, K, M, N, V, W, X, Y, Z.
3. Garis tegak-lengkung ; B, D, G, J, P, R, U.
4. Garis lengkung ; C, O, Q, S.
Seperti yang kita ketahui pada software pengolah kata seperti Word
dan software grafis pada umumnya, selalu menyediakan pemilihan jenis
huruf dan karakteristik seperti: Bold, Italic dan Underline.
24
Masing-masing huruf juga mempunyai anatomi yang secara general
adalah batang, ujung (terminal) atau tangkai.
Gambar 2.16 Anatomi HurufSumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 64, 2006)
Dari kesamaan bentuk geometrinya huruf/font juga masih bisa
dikelompokkan menjadi 4 kelompok, yaitu:
1. Garis tegak-datar ; E, F, H, I, L.
2. Garis tegak-miring ; A, K, M, N, V, W, X, Y, Z.
3. Garis tegak-lengkung ; B, D, G, J, P, R, U.
4. Garis lengkung ; C, O, Q, S.
Seperti yang kita ketahui pada software pengolah kata seperti Word
dan software grafis pada umumnya, selalu menyediakan pemilihan jenis
huruf dan karakteristik seperti: Bold, Italic dan Underline.
25
1. Bold
Teks Bold akan mengundang perhatian karena kontras dengan
huruf normal. Biasa dipakai pada judul atau sub judul. Terlalu banyak
huruf tebal akan mengaburkan fokus pada makna.
2. Italic
Teks Italic akan menarik mata karena kontras dengan teks
normal. Terlalu panjang kalimat dengan teks italic akan sulit dibaca,
apalagi jika digunakan di layar komputer. Banyak teks italic digunakan
jika ada kata asing.
3. Underline
Teks dengan garis bawah biasanya menandakan adanya sesuatu
yang penting. Biasa juga dipakai untuk menandai hyperlink pada web.
f. Ruang (Space)
Ruang membuat kita dapat merasakan jauh-dekat, tinggi-rendah,
panjang-pendek, kosong-padat, besar-kecil dan lain-lain. Ukuran tersebut
sifatnya relatif. Besar, menurut anda belum tentu sama dengan besar
menurut orang lain. Ukuran-ukuran tersebut muncul karena ada
pembanding.
Dalam desain grafis, kita memerlukan ruang untuk menempatkan
komponen grafis seperti gambar, teks dan lain-lain, tetapi jangan sampai
menghabiskan ruang desain.
Ruang kosong bukan berarti ruang yang tidak bermanfaat atau ruang
yang harus diisi, justru ruang kosong adalah termasuk juga komponen
26
desain grafis. Dengan memanfaatkan ruang tersebut desain kita akan
terlihat mudah dicerna, fokus sehingga lebih komunikatif dan menarik.
27
BAB IV
KERJA PRAKTEK DAN IMPLEMENTASI KARYA
4.1 Pengertian Layout Design
Layout adalah penyusunan dari elemen-elemen desain yang berhubungan
kedalam sebuah bidang sehingga membentuk susunan artistik. Hal ini bisa juga
disebut manajemen bentuk dan bidang. Tujuan utama layout adalah menampilkan
elemen gambar dan teks agar menjadi komunikatif dalam sebuah cara yang dapat
memudahkan pembaca menerima informasi yang disajikan.
a. Grid System
Sebuah grid diciptakan sebagai solusi terhadap permasalahan penataan
elemen-elemen visual dalam sebuah ruang. Grid systems digunakan
sebagai perangkat untuk mempermudah menciptakan sebuah komposisi
visual. Melalui grid system seorang perancang grafis dapat membuat
sebuah sistematika guna menjaga konsistensi dalam melakukan repetisi
dari sebuah kompisisi yang sudah diciptakan. Tujuan utama dari
penggunaan grid systems dalam desain grafis adalah untuk menciptakan
suatu rancangan yang komunikatif dan memuaskan secara estetik.
b. White and Black Color
Pemaknann warna dalam perancangan design layout catalog produk ini
menggunakan seluruh isi halaman dengan warna background putih, yaitu
sebagai intepretasi keseriusan dalam melayani custumer dan sebagai alat
pendukung agar catalog tersebut dapat dibaca dengan jelas. Dan dalam
28
cover mengggunakan warna hitam pada intinya dapat mengintepretasikan
keagungan dan citra eksekutif highclass perusahaan.
4.2 Perancangan Design
Salah satu hasil perancangan design layout catalog Produk pada saat
melaksanakan kerja praktek, dapat dilihat dibawah ini :
a. Grid System
Sebuah grid diciptakan sebagai solusi terhadap permasalahan penataan
elemen-elemen visual dalam sebuah ruang. Grid systems digunakan
sebagai perangkat untuk mempermudah menciptakan sebuah komposisi
visual. Melalui grid system seorang perancang grafis dapat membuat
sebuah sistematika guna menjaga konsistensi dalam melakukan repetisi
dari sebuah kompisisi yang sudah diciptakan. Tujuan utama dari
penggunaan grid systems dalam desain grafis adalah untuk menciptakan
suatu rancangan yang komunikatif dan memuaskan secara estetik.
29
Gambar Design dengan konsep Grid System
b. Logo dan penataan visual
Logo dalam design layut katalog tersebut, akan di intepretasikan sebagai
branding produk, maka penataan ruangnya akan diletakan pada bagian
tengah dalam perancangan design catalog produk tersebut.
Gambar Design Layout Halaman
c. Background Setting
Pada bagian background digunakan warna Putih untuk
mengintepretasikan kebersihan dan ketulusan dalam pelayanan, serta
pemberian grid pada bagian dalam halaman sebagai tekstur design
halaman lay out catalog.
30
Gambar Design halaman layout catalog
d. Cover Design dengan Kolase foto produk
Cover menggunakan set warna background hitam untuk menggambarkan
citra eksekutif highclass pada perusahaan dengan memadukan kolase foto
produk layanan perusahaan sebagai intepretasi keunggulan produk yang
ditawarkan oleh perusahaan. Serta penambahan grid system design
sebagai intepretasi focus dalam memberikan pelayanan hingga tuntas.
31
Gambar Design layout cover halaman depan
32
e. Gambar Proyeksi Design
Gambar Cover Halaman Depan
33
Gambar Halaman Daftar Isi
34
Gambar Halaman Tentang Perusahaan
35
Gambar Halaman Katalog Produk
36
Gambar Halaman Jasa dan Servis
37
Gambar Halaman Referensi Customer
38
Gambar Halaman Contact Perusahaan
39
BAB V
PENUTUP
5.1 Kesimpulan
Kesimpulan yang diperoleh dari kegiatan, Perancangan Design Layout
catalog Produk Perusahaan PT. Karsa Energy ini ini, diantaranya adalah :
1. Dalam membuat dan mendesain sebuah katalog satu hal yang paling penting
adalah, mampu memberikan informasi sejelas-jelasnya kepada customer serta
memberikan gambaran karakter perusahaan.
2. Memberikan informasi bagi klien atau customer tentang perkembangan
produk dan jasa yang ditawarkan perusahaan saat ini.
3. Penggunaan EYD yang baik dan benar, agar klien atau customer dapat
mengerti saat membaca konten yang ditulis.
5.2 Saran-saran
Mengingat betapa besarnya manfaat dan pengalaman yang di peroleh selama
kegiatan pembuatan katalog dari proses pengumpulan data mengenai informasi
tentang perusahaan, memberikan beberapa saran diantaranya adalah:
1. Dalam membuat katalog hendaknya memberikan bahasa (EYD) pada
penulisan sejelas-jelasnya.
2. Memberikan informasi yang berkualitas agar mudah klien untuk memahami
contennt katalog tersebut.
40
DAFTAR PUSTAKA
Ourhand. (2012, Agustus 8). Makna Warna. Retrieved September 8, 2012, from
Ourhand: http://www.ceritadanwarta.com/2012/08/berbagai-arti-warna-
makna-warna.html
Bahasa, e. (2011, April 20). layout. Retrieved oktober 4, 2010, from bahasa
indonesa: http://endonesa.wordpress.com/ajaran-pembelajaran.html
Satria, b. (2010, agustus 04). Retrieved oktober 2, 2011, from artikata: http://
http://satriamultimedia.com/artikel_teori_tentang_layout_desain.html
Hamidbustom. (1999, Agustus). Company Profile. Retrieved 10 02, 2010, from
http://budpar.go.id/page.php