Log in

View Full Version : 6 Tips Membuat Typografi Lebih Menarik


DreamWorld
19th January 2012, 07:06 AM
6 Tips Membuat Typografi Lebih Menarik

Tipografi merupakan unsur penting di dalam desain, karena tipografi adalah inti. Tipografi adalah salah satu elemen yang menyampaikan isi dan maksud dari sebuah karya desain. Tidak jarang, desain yang efektif adalah desain yang hanya menggunakan tipografi yang baik tanpa menggunakan elemen visual sama sekali.

Sebegitu pentingnya peran tipografi pada desain yang kita hasilkan, jadi biarpun desain visual kita ?wah?, tetapi kalau tipografi nya tidak mudah di baca dan susah di mengerti, maka desain tersebut termasuk gagal. Untuk menghindari itu, berikut 6 tips dasar untuk membuat tipografi lebih menarik, nyaman dan mudah terbaca.

1. Kerning
Kerning adalah jarak antar huruf. Dan ini merupakan favorit saya, kalau sudah bingung bagaimana membuat judul/kalimat tertentu menjadi lebih menarik, saya biasanya mendempetkan kerning pada judul/kalimat tersebut.

Namun harap di perhatikan, jangan sampai terlalu mendempetkan kerning karena hasilnya judul/tulisan akan susah terbaca dan terasa ?penuh?. Jadi, gunakanlah teknik ini secukupnya.

2. Pemilihan Font
Pemakaian jenis font yang tepat dapat membantu desain menjadi lebih menyatu dan lebih cepat mengkomunikasikan maksud dari desain. Misalnya, pada desain brosur kecantikan, kita tidak mungkin menggunakan font yang ?keras?, berbentuk kaku dan tebal. Akan lebih tepat jika kita menggunakan font yang tipis dan luwes, sesuai dengan kepribadian target market yang di tuju, yaitu wanita.

Jenis font bisa di ibaratkan jenis suara yang berbicara pada desain. Font dengan gaya tebal akan terasa seperti suara laki-laki dan bersuara berat. Font berbentuk kaku dan kotak-kotak, akan terasa seperti robot atau mesin yang berbicara, dan seterusnya. Masing-masing jenis font mempunyai jenis suara tersendiri.

3. Berat dan Ukuran
Kita bisa memainkan berat (tebal tipis) dan ukuran (besar kecil) font, untuk memberikan emphasis (elemen mana yang akan di baca atau di tampilkan terlebih dahulu). Sehingga secara tidak langsung pembaca akan di tuntun sesuai dengan flow yang kita mau.

Cara ini juga untuk mencegah pembaca pusing akan bagian mana yang seharusnya di lihat terlebih dahulu. Salah urutan dalam membaca akan mengakibatkan informasi yang kita sebarkan susah di mengerti.

4. Leading
Leading adalah jarak spasi antara kalimat atas dan bawah dalam satu paragraf. Biasanya elemen ini jarang di utak-atik oleh kebanyakan desainer. Padahal leading yang di atur dengan baik akan membuat pembaca tidak merasa lelah jika mereka membaca suatu artikel yang panjang.

Jarak yang di hasilkan jika kita memainkan leading akan memberikan kesan ruang kosong (whitespace). Yang tentu saja membuat mata tidak cepat lelah saat melihat teks yang begitu banyak.


5. Warna
Warna pada font biasanya di sesuaikan dengan background. Jika background berwarna (foto) maka lebih baik menggunakan 1 warna font yang netral (putih misalnya). Yang pasti harus menghasilkan kontras yang cukup, sehingga tetap nyaman di baca dan tidak menusuk mata.

Teman-teman desainer kebanyakan pasti menyukai warna background hitam, namun masalahnya kalau di website, kombinasi background hitam dan teks putih itu akan menghasilkan ?efek negatif film? pada mata saat kita selesai membaca.

Akan lebih baik jika warna background di buat tetap gelap, namun tidak hitam 100%, dan berikan warna abu-abu muda pada font. Dengan begitu maka mata tidak akan terlalu lelah dan ?efek negatif film? tidak akan ada lagi

6. Lebar Paragraf
Hal ini sangat penting, karena sangat mempengaruhi kenyamanan membaca. Coba bayangkan paragraf yang lebar di halaman website dengan artikel yang panjang. Kita sampai harus perlu memutar kepala sedikit (dari kiri ke kanan) untuk membaca artikel tersebut.

Idealnya paragraf tidak terlalu lebar (dan tidak terlalu pendek), harus di sesuaikan dengan besar font juga. Untuk ini memang kita harus mencoba langsung membaca paragraf yang kita desain untuk menemukan lebar yang ideal. Jika kita masih menggerakan kepala lumayan sering, itu artinya kita harus mengatur kembali lebar paragraf tersebut.


Sumber (http://jurusgrafis.com/artikel/tips-membuat-tipografi-lebih-menarik-mudah-terbaca/)

Akanggoogle
17th February 2012, 03:08 PM
ada contoh nya gak ndan?

DreamWorld
18th February 2012, 04:55 PM
ada contoh nya gak ndan?
ok ndan tar tak cariin yah :D

decastcorleon
3rd May 2012, 11:04 AM
begini bukan ndan contoh nya??

http://4.bp.blogspot.com/-X-9Gw2fZekU/T5kttDF6olI/AAAAAAAAADc/0mmdd7FKdYM/s1600/tipografi.jpg (http://indoprojectart.blogspot.com)

DreamWorld
3rd May 2012, 01:25 PM
begini bukan ndan contoh nya??

http://4.bp.blogspot.com/-X-9Gw2fZekU/T5kttDF6olI/AAAAAAAAADc/0mmdd7FKdYM/s1600/tipografi.jpg (http://indoprojectart.blogspot.com)

wah bagus :cling:

ia oms salah satu nya seperti itu :mantap:

elhakim
4th May 2012, 10:52 AM
http://4.bp.blogspot.com/-X-9Gw2fZekU/T5kttDF6olI/AAAAAAAAADc/0mmdd7FKdYM/s1600/tipografi.jpg

keren nih...

DreamWorld
4th May 2012, 02:48 PM
keren nih...
ndan g ikut nyumbang juga :pede:

copet
31st May 2012, 12:00 AM
wow.. Bagus ndan..
http://www.ceriwis.us/images/mobile.png

DreamWorld
2nd June 2012, 03:04 PM
wow.. Bagus ndan..
http://www.ceriwis.us/images/mobile.png

semoga berkesan y ndan :shake:

decastcorleon
6th June 2012, 11:59 AM
wow.. Bagus ndan..
http://www.ceriwis.us/images/mobile.png


makasih om , masih banyak loh om , mau di share disini g enak ah ada momod dibawah :fallinlove:
wah bagus :cling:

ia oms salah satu nya seperti itu :mantap:

hehehe . makasih jadi malu . akhirnya ane kesini lagi setelah lama melanglang buana, hehe .

belgedes890
12th June 2012, 12:21 PM
tessss:pm:

belgedes890
12th June 2012, 12:22 PM
bisaa gga ya

xix
16th June 2012, 07:43 PM
tips mnarik nih oms dw

DreamWorld
21st June 2012, 08:46 AM
makasih om , masih banyak loh om , mau di share disini g enak ah ada momod dibawah :fallinlove:


hehehe . makasih jadi malu . akhirnya ane kesini lagi setelah lama melanglang buana, hehe .
k mana aja oms :gg:
tips mnarik nih oms dw
semoga bermanfaat y :mantap:

JagoanJago
19th July 2012, 03:12 PM
Wiiih mantaf gan designnya (http://www.ceriwis.co.id/designcompetition.lakupon.com/index.php)itu pake software apa dan? :hope:

essa630
3rd August 2012, 02:28 PM
wah2 keren2 tuh contoh dibawah :gg:

DreamWorld
26th September 2012, 07:35 PM
Wiiih mantaf gan designnya (http://www.ceriwis.co.id/designcompetition.lakupon.com/index.php)itu pake software apa dan? :hope:
wah koq ada link nya ndan :gg:
wah2 keren2 tuh contoh dibawah :gg:
pilih yg mana neeh :D