Apa Itu Typography ?

Tipografi adalah perpaduan antara seni & teknik untuk mengatur tulisan sehingga membuat makna tulisan tersebut tersampaikan dengan baik secara visual. Typography merupakan unsur pelengkap dalam mendesain yang harus diperhatikan. Contohnya jika salah memilih jenis font, ukuran font, perataan tulisan, maka akan membuat desain anda terasa hambar, ditertawakan, kurang enak dibaca, bahkan di olok-olok pembaca karena tulisan yang acak-acakan.

Pengolahan tipografi tidak hanya terbatas lewat pemilihan jenis font, ukuran font, kerning, leading, dekorasi & sebagainya, tetapi juga pada kesesuaian antara tema & kesan yang ingin ditunjukkan. Banyak Web Desainer yang begitu tidak paham & tidak memperdulikan typography dalam desain webnya. Alhasil karya desain web mereka terkesan hambar karena tidak ada perpaduan typography bahkan isi artikel susah untuk dibaca. Lalu pertanyaannya kita membuat website untuk berbagi informasi melalui artikel yang berbentuk text apa hanya sekedar memamerkan hasil desain dengan gambar-gambar yang bejibun banyaknya ?

5 Hal yang harus diperhatikan dalam Desain Web

  1. Baca Artikel Sebelum Di Publish
  2. Bacalah Artikel yang akan di terbitkan, itu merupakan hal penting agar kita tahu bagaimana teks tersebut akan diintegrasikan ke website, sehingga antara teks dan design menyatu dan pesan tersampaikan dengan baik.

  3. Gambarkan Struktur Hireaki Yang Jelas
  4. Tunjukkan hierarki yang jelas, Ilustrasinya begini, Ketika Anda melihat suatu website, bagian manakah yang langsung anda lihat ? Kemudian ke bagian mana? Dengan adanya kejelasan seperti ini, tampilan tipografi website anda akan lebih teratur untuk dilihat. Anda dapat mencoba memilih ukuran besar kecilnya huruf, bentuk huruf yang menarik & jelas, kemudian penempatan huruf tersebut juga harus disesuaikan dengan baik.

  5. Memilih Warna Huruf & Background
  6. Pilihlah warna huruf yang nyaman untuk dilihat atau dibaca. Kemudian warna huruf juga harus berbeda dengan warna background, tidak selalu harus dengan warna kontras tetapi dapat merupakan warna yang lebih terlihat dengan jelas sehingga mudah dibaca. Jangan sesekali memilih warna merah untuk text disertai background berwarna hitam. Itu dapat membuat mata kita lelah untuk membacanya. Cari warna huruf senyaman mungkin disesuaikan dengan warna backgroundnya.

  7. Gunakan Perataan Teks Yang Baik
  8. Untuk perataan text, sebaiknya anda gunakan perataan kiri & kanan kiri atau justify. Anda boleh menggunakan perataan tengah untuk text pendek seperti heading atau judul, tapi tidak untuk text panjang seperti isi artikel karena sangat susah dibaca.

  9. Pilih Jenis Font Yang Nyaman Dibaca
  10. Pemilihan jenis font juga harus selektif, Jika Anda menggunakan tulisan serif seperti times new roman, maka akan terlihat lebih sulit untuk dibaca. Jadi pastikan gunakan tulisan sans serif untuk mendesign website seperti arial, tahoma, helvetica, consolas, verdana, century gothic, dan sebagainya.

Typography itu sangat penting diterapkan karena menyangkut mudah sulitnya pengunjung membaca informasi dari website kita. Jarang ada pengunjung yang cuma melihat desain web anda tanpa membaca isinya. Sekian sekilas tentang Typography & beberapa tips mendesain website agar nyaman dibaca.

Created By :        Date : 9 - October - 2013

Jasa Pembuatan Website

22 Comments

  1. Cik awiReply

    Wah postinganya bisa di jadikan sebagai masukan ini mas..

    • Nurul ImamReply

      Masukan sederhana, saya juga masih belajar typography.
      Blog ini masih banyak kekurangannya :)

  2. wongcrewchildReply

    ulasan yg sangat menarik, sperti blog sobat sangat nyaman dikunjungi dan dibaca, trims

    • Nurul ImamReply

      Terimakasih sudah merasa nyaman baca artikel disini :)

  3. nuelReply

    Benar sekali, rata tengah untuk teks artikel sangat tak enak sekali… Lebih enak baca yang pake rata kiri…

    • Nurul ImamReply

      Iya, Justify juga terkadang susah buat dibaca karena spasi terkadang melebar agar membentuk kotak.

  4. Rohis FacebookReply

    kunjungan perdana, salam kenal *smile

    • Nurul ImamReply

      Kayaknya udah sering komentar disini deh :D
      Gitu2 aja komentarnya :D

  5. RirinReply

    Wah saya malah baru tahu mas tentang istilah typografi hehehe :D
    Ini pasti ilmu yang sangat menarik untuk dipelajari ya mas :)

    • Nurul ImamReply

      Iya, bahkan perlu diketahui agar kita bisa membuat web yang nyaman buat dibaca.

  6. Intan SudibjoReply

    wah mantap sob, penjelasan tentang design dan typographi nya mudah dipahami dan cukup lengkap. thanks ya sudah berbagi :)

    • Nurul ImamReply

      Iya sama-sama :)

  7. Aul HowlerReply

    wah..
    nambah deh ilmu typografi :)

    • Nurul ImamReply

      Asiiiik, Manfaat blogwalking nambah ilmu :)

  8. RatnoReply

    we eh bener2 nyaman nih mas nurul blognya

    • Nurul ImamReply

      Syukur deh klo blog ini nyaman :)

  9. sabda awalReply

    saya pernah nyoba mas, waktu dulu saya masih seneng eksperimen dengan css dan html. waktu itu sya pakai template blogzine, jadi setiap postnya di desain berbeda. memang topografi keren mas, mirip kayak tampilan majalah, cuma resikonya untuk ngepost satu tulisan agak lama

    • Nurul ImamReply

      Iya begitulah Blogazine, Klo untuk yang sering update artikel pasti kelabakan ama desainnya. Saya aja dulu hardcoding di blogspot ikutan blogazine, Draft artikel sampe 230 artikel belum dipublish sampe akhirnya terlantar :D

  10. Fika ThianaReply

    Satu lagi sob… diluar teknisnya, mungkin penampilan isi / konten juga sebaiknya tidak menggunakan bahasa-bahasa sms gaul atau singkatan-singkatan yang tidak umum. :)

    • Nurul ImamReply

      Apalagi memakai teks alay (autotext blackberry) :D

  11. chika mutiaraReply

    akhirnya tahu arti topografi sebenarnya :D
    artikel ini sangat membantu, trimakasi :)

  12. urbandistroReply

    lagi belajar design dengan konsep typograpy

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>