Desain Sederhana Menggunakan Fotografi dan Eksplorasi Tipografi

Bismillahirrahmanirrahim,

Dalam rangka mendesain tanpa gambar makluk bernyawa, saya mengambil beberapa bahan desain benda mati yang estetis. Salah satunya kemarin foto kota dari atas. Saya dapat foto itu dari Google Plus. Di sini, saya timpa foto itu dengan desain sederhana. Dan di sini saya mau eksplorasi fonta-fonta keren yang saya dapatkan dari Dafont atau web unduh fonta gratis lainnya. Idenya dari majalah yang di-layout secara freestyle semacam .BlendMagz, atau majalah yang memang profesional seperti CGChosen dan Digital Arts. Posting kali ini adalah hasil sementara dari beberapa latihan mencontek yang saya lakukan kemarin. Cara mendesain seperti ini lebih mudah bagi saya untuk mempelajarinya daripada harus membuat sendiri segalanya dari awal. Yang penting dapat feel-nya.

Kaidah Dasar

Saya anggap posting kali ini masuk ke kategori Kover Buku walau sesuai juga untuk presentasi. Kover buku sama dengan presentasi bagi saya. Harus:

  1. Maksimal 3 warna
  2. Fonta maksimal 3
  3. Less distraction

1

kover-majalah-coba-linuxfuture-a

2

Dari hasil pertama, saya ubah sedikit desain (ah, bagaimana menyebutnya, ya?) panel utama yang mengangkut judul majalah. Saya pendekkan sedikit. Kesannya sudah lain.

kover-majalah-coba-linuxfuture-b

3

Dari hasil kedua, saya menambahkan (ah, apa pula namanya?) ikon kecil di pojok kiri atas. Ini terinspirasi dari salah satu presentasi Noteandpoint.com yang belum sempat saya posting di sini. Saya sangat suka emphasizing dan branding macam ini, yang diletakkan di pojok, round corner, lalu diberi drop shadow. Tidak perlu susah, cukup beri logo Otodidak. Sayang, sampai desain ketiga ini branding logo pojok kiri atas masih terlampau besar. Tidak pas untuk kover maupun presentasi.

kover-majalah-coba-linuxfuture-c

4

Dari hasil ketiga, saya sadar logonya terlalu besar. Ketika dikecilkan, mulai tampaklah gambaran desain yang lebih baik di benak saya. Ini adalah start point dari posting ini. Mulai dari sini desain akan dioprek.

kover-majalah-coba-linuxfuture-d

5

Oprekan pertama dari segi warna untuk foreground. Saya beri panel foreground semuanya warna putih dengan opasitas seenaknya. Teks saya beri warna hitam. Emphasizing yang terasa kuat karena warna yang bermusuhan. Dari sini terasa kombinasi oranye dan biru cyan sebelumnya kurang pas.

kover-majalah-coba-linuxfuture-e

6

Personally, I love this the most. Oprekan paling berhasil menurut saya. Panel foreground semuanya saya hitamkan lalu teks yang saya putihkan. Emphasizing yang paling terlihat, yang paling kuat. Yah, walau aslinya saya latihan ini dengan tujuan memilih warna-warna yang bagus. Eh, akhirnya berhenti di hitam dan putih. Tak apalah, yang penting dapat feel-nya. Emphasizing dengan background hitam begini sudah didahului pemerintah kita pada seluruh plat nomor pribadi di Indonesia.

kover-majalah-coba-linuxfuture-f

Eksplorasi Tipografi 1: Fonta DOCK11

Dengan memakai desain nomor  4, saya memodifikasi judulnya saja memakai fonta DOCK11. Lupa saya, dari mana saya dapat DOCK11. Yang penting dia gratis. Saya pilih ini karena kesan awal yang kekar lalu setelah dicoba, huruf R-nya cocok sebagai penaung nama presenter.

kover-majalah-coba-linuxfuture-g-dock11

Eksplorasi Tipografi 2: Fonta Bitsumishi

Karena tema majalah/presentasi ini adalah masa depan, cocok fonta Bitsumishi ini dipakai di sini. Namun belum sempurna terasa.

kover-majalah-coba-linuxfuture-h-bitsumishi

Eksplorasi Tipografi 3: Fonta Ethnocentric

Ini Ethnocentric memang tampak futuristik dan cukup tegas. Fonta ini saya pakai di splash screen Otodidak karena memang keren saya rasa. Cukup pas, tetapi belum sempurna terasa.

kover-majalah-coba-linuxfuture-i-ethnocentric

Eksplorasi Tipografi 4: Fonta Harabara

Fonta Harabara ini sama dengan DOCK11, baru-baru ini saja saya unduh dibandingkan Ethnocentric yang umurnya sudah setahun lebih di Inkscape saya. Bagi saya, meskipun tidak terlalu tegas (banyak round corner), fonta inilah yang paling pas untuk desain kali ini. Sempurna.

kover-majalah-coba-linuxfuture-j-harabara

Eksplorasi Tipografi 5: Fonta Megatron

Tegas, kuat, kekar, dan cukup tajam juga. Megatron ini fonta lawas saya bersama Transformers yang saya unduh karena tegasnya (tipe fonta favorit saya). Saya sebelumnya memakai Megatron dan Transformers di posting https://desaininkscape.wordpress.com/2012/05/10/desain-majalah-inkscape-sederhana/. Kekurangan saya adalah belum menemukan lokasi dan momen yang pas untuk dua fonta keras ini. Bahkan di gambar ini pun saya tidak mendapatkan sense-nya. Masih lebih bagus dengan Harabara.

kover-majalah-coba-linuxfuture-k-megatron

Unduh Desain

Tautan: http://www.mediafire.com/download/677gbr1jjb68b4e/kover-majalah-coba.svg.zip
Ukuran: 6 MB

Penutup

Bagi saya, posting ini salah satu POC bahwa mencontek desain orang lain adalah shortcut untuk mendapat sense layaknya profesional (meski saya amatiran). Tidak masalah mencontek desain orang karena itu akan menambah pengalaman kita dan memacu kita untuk latihan. Mencontek lebih baik daripada kita menunggu-nunggu ide terus tanpa usaha atau berusaha membayangkan ini itu yang aslinya kita belum sanggup melakukannya. Jujur sajalah. Juga tidak usah meremehkan desainer Photoshop/CorelDRAW hanya karena mereka tidak menggunakan open source. Berhentilah mengeluh. Keep calm and learn typography. Semoga bermanfaat.

Iklan

Posted on Juni 12, 2013, in Desain Kover Buku and tagged , , , , , , , , . Bookmark the permalink. 5 Komentar.

  1. behh bahasa desainnya keluar semua… saya masing sulit untuk mengenal instilah2 itu, sanse, splash screen, round corner, Emphasizing …..

  1. Ping-balik: Desain Food Photography dan Eksplorasi Tipografi | Tutorial Desain Inkscape

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: