LKP : Perancangan Desain Layout Katalog Produk PT. Karsa Energy

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 i.

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. ii.

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. iii.

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.. iv.

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. v.

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. vi.

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. viii.

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. ix.

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. 1.

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 sangkutpautkan 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.. 2.

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.. 3.

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.. 4.

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.. 5.

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 : ptkarsaenergy@karsaenergy.com. 6.

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. 7.

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.. 8.

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. 9.

pernulisan prosa perjalanan jatuh bangun dari sebuah perusahaan di sangkutpautkan 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: 1381, 2006) disebutkan bahwa komponen desain grafis ada 6 komponen yaitu: a. Garis. 10.

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. 11.

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 Akromatik Sumber: (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. 12. dan. mudah. diterima. mata..

Kelemahannya kombinasi ini akan membosankan dan mudah ditinggalkan.. Gambar 2.2 Contoh Warna Monokrom Sumber: (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 Komplementer Sumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 50, 2006). 13.

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 Colors Sumber: (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 Analog Sumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 51, 2006). 14.

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 Clash Sumber: (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.

Gambar 2.7 Contoh Warna Split Komplementer Sumber: (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 Triangle Sumber: (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.

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.. 17.

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. 18.

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.. 19.

Gambar 2.9 Contoh Huruf Tanpa Kait Sumber: (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 Berkait Sumber: (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.

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.

Gambar 2.12 Contoh Huruf Dekoratif Sumber: (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 Monoscape Sumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 67, 2006). 22.

Setiap bentuk huruf mempunyai keunikan tersendiri. Namun intinya tetap dalam batas-batas tertentu seperti body size, baseline, meanline, xheight, descender, dan ascender.. Gambar 2.14 Anatomi Huruf Lower Case Sumber: (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 Case Sumber: (Hendi Hedratman, Tips’n Trik Computer Graphic Design: 63, 2006). 23.

Masing-masing huruf juga mempunyai anatomi yang secara general adalah batang, ujung (terminal) atau tangkai.. Gambar 2.16 Anatomi Huruf Sumber: (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.

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. 25.

desain grafis. Dengan memanfaatkan ruang tersebut desain kita akan terlihat mudah dicerna, fokus sehingga lebih komunikatif dan menarik.. 26.

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. 27.

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.. 28.

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.. 29.

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.. 30.

Gambar Design layout cover halaman depan. 31.

e. Gambar Proyeksi Design. Gambar Cover Halaman Depan. 32.

Gambar Halaman Daftar Isi. 33.

Gambar Halaman Tentang Perusahaan. 34.

Gambar Halaman Katalog Produk. 35.

Gambar Halaman Jasa dan Servis. 36.

Gambar Halaman Referensi Customer. 37.

Gambar Halaman Contact Perusahaan. 38.

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.. 39.

DAFTAR PUSTAKA. Ourhand. (2012, Agustus 8). Makna Warna. Retrieved September 8, 2012, from Ourhand: http://www.ceritadanwarta.com/2012/08/berbagai-arti-warnamakna-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. 40.