Showing posts with label Typography. Show all posts
Showing posts with label Typography. Show all posts

Friday, December 23, 2016

Cara Memilih Font Yang Baik dan Benar

Cara memilih font yang baik dan benar agar anda tidak salah langkah dalam membuat desain — Tipografi seperti yang kita semua ketahui adalah salah satu elemen yang paling penting dari setiap bagian desain. Pilihan tipografi pada akhir nya bisa menciptakan sesuatu yang menarik namun bisa juga menghancurkan desain anda. Oleh karena itu, sangat penting bagi seorang designer untuk memiliki mata yang jeli dan selera dalam memilih tipografi yang tepat untuk proyek yang berbeda. Salah satu jenis font belum tentu bisa digunakan untuk desain pada proyek anda yang lain. Jadi sangat penting untuk memilih tipografi yang tepat untuk proyek-proyek desain.
Memilih jenis huruf yang tepat untuk berbagai proyek desain anda dapat menjadi salah satu pekerjaan yang menakutkan jika anda tidak mengerti cara yang benar dan tentunya bisa menimbulkan

kebingungan ketika anda mencari jenis font untuk keperluan proyek anda. Karena ada ribuan jenis font yang tersedia dan setiap hari tercipta font-font baru, ini tentu bisa menimbulkan kebingungan.
Hal ini sama dengan memilih baju untuk acara tertentu, jika anda ingin pergi ke acara pernikahan yang resmi tentu anda akan menggunakan jas atau setidaknya batik, tidak mungkin kan anda menggunakan kaos, tentu akan terlihat aneh. Begitu juga dalam pemilhan font, untuk perusahaan serius tentunya akan salah jika anda memilih jenis font komik.
Sekali lagi jika anda mengerjakan desain untuk orang lain, bukan untuk anda sendiri, tentu tidak bisa asal-asalan, apa lagi jika nilai project nya cukup besar, reputasi anda di pertaruhkan, jadi pemilihan font pun tidak bisa sembarangan, banyak hal yang perlu dijadikan pertimbangan.
So, Bagaimana cara memilih font yang baik dan benar? berikut beberapa aturan yang bisa anda jadikan pertimbangan.

1. Pahami Siapa Target Audiens

Yang pertama yang penting untuk diperhatikan yaitu siapa klien anda dan untuk siapa desain itu nanti digunakan. Font untuk bank tentu akan berbeda dengan perusahaan keuangan, atau perusahaan teknologi, apa lagi perusahaan games.
computer and kid

2. Fokus Pada Keterbacaan (Readability)

Keterbacaan dalam desain cukup penting untuk di pertahatikan. Pastikan untuk memilih font yang dapat dibaca. Jelas, di era sekarang ini, kita semua cenderung untuk meletakan fokus pada penampilan yang menarik, daya tarik visual, tapi tetap keterbacaan dari sebuah font sangat penting.
hard to read typography

3. Mempersempit Pilihan

Sangat penting untuk merencanakan apa yang ingin anda tampilkan. Ada satu aturan praktis yang penting untuk diterapkan dalam semua jenis desain. Usahakan untuk selalu memilih tiga jenis font untuk bagian yang berbeda, satu untuk judul, satu untuk bagian isi (body text) dan satu lagi untuk aksen. Ini akan membuat desain anda tampil menawan, memiliki visual yang bagus dan mudah untuk di mengerti. Terkadang dua jenis font saja sudah cukup.

4. Pengaturan Kata dan Spasi

Pengaturan kata yang benar dan jarak yang tepat akan membuat desain anda terlihat profesional, mudah dibaca dan dipahami tanpa menimbulkan kebingungan bagi orang lain untuk memahami apa pesan yang ingin disampaikan melalui desain tersebut. Jenis font yang anda pilih harus memungkinkan kita untuk melakukan pengaturan kata yang tepat dan spasi untuk membuat teks mudah dibaca.

5. Terlihat Profesional

Meskipun anda seorang newbie, tetap pastikan desain anda tidak membiarkan orang lain menilai anda seorang newbie. Maksud nya adalah berada di level manapun anda sekarang, tidak peduli sudah berapa lama anda mendesain, jangan pernah meremehkan pemilihan font. Ketika memilih font tanyakan pada diri sendiri apakah font itu akan membuat desain anda terlihat profesional atau tidak, jika jawabannya tidak segera tinggalkan font tersebut dan cari terus yang tepat dan sesuai dengan keperluan.

6. Cari Bantuan.

Mencari bantuan dari sesama desainer lain bukan berarti anda seorang desainer yang kekurangan kepercayaan diri, anda perlu ingat anda belum tentu bekerja pada kondisi badan dan fikiran yang fit dan maksimal, kadang kala banyak pikiran yang mengganggu, baik urusan keluarga atau urusan pacar misalnya. Dari pada memilih font & memutuskan sendiri ada baiknya bertanya pada teman desainer anda yang lain, siapa tau dia dalam pikiran yang lebih segar dibanding kondisi anda disaat itu. Masukan dari dia bisa membantu anda memilih font yang tepat,

7. Research Font

Ada banyak artikel yang mungkin sudah tidak terhitung lagi jumlahnya dan banyak juga buku-buku tentang tipografi, silakan luangkan waktu untuk membaca. Pengetahuan anda yang banyak tentu akan sangat membantu anda dalam melakukan hal-hal yang tepat dalam pekerjaan anda.
font research
Itulah beberapa cara untuk menentukan atau memilih font yang tepat untuk desain anda, intinya jangan gegabah dan jangan sembarangan dalam memilih font, karena salah pilih dapat menghilangkan makna yang seharusnya bisa dipahami dengan baik oleh orang lain, menjadi suatu bumerang yang akan menghancurkan desain anda. Jadi tetap serius namun santai dalam bekerja, khususnya di dunia desain yang erat kaitannya dengan rasa.

Cara Mengoptimalkan Desain Website Dengan Foto Potret Berukuran Besar

Trik mengoptimalkan desain website dengan foto potret berukuran besar — Apa yang pertama kali anda lihat dan anda ingat ketika bertemu dengan seseorang? persentase paling besar tentulah mukanya, selanjutnya mungkin warna kulit, tinggi, dll. Muka menjadi tembok paling depan, muka yang ramah, muka yang berkarakter tentu sangat mudah untuk di ingat oleh orang yang memandang.
Dalam dunia web desain ternyata muka seseorang juga bisa dimanfaatkan untuk menarik perhatian pengunjung. Dengan kecepatan koneksi internet saat ini yang semakin membaik, penggunaan gambar yang berukuran besar mulai sering diterapkan, penggunaan potret muka seseorang yang di close-up ternyata 2 tahun belakangan ini menjadi trend yang cukup digemari oleh para desainer web dari berbagai penjuru dunia.
Banyak website yang terlihat menarik dengan menerapkan hal tersebut, kita mengetahui bahwa citra yang kuat pada website adalah kunci. Penggunaan gambar muka yang besar bisa menekan penggunaan teks, hal ini bisa menuntun mata pembaca untuk menelusuri halaman dan dapat membuat keseimbangan antara informasi visual dan tertulis.
Gambar yang besar merupakan bagian dari visual desain, dan sebenarnya apa fungsi visual ini dalam sebuah website?
  1. Potret bertanggung jawab untuk mendukung konten website. Mereka mengkomunikasikan ide-ide bisnis dan membantu membangun hubungan visual yang kuat dengan pengunjung.
  2. Prioritaskan Informasi. Aksen visual banyak digunakan untuk menggaris bawahi poin-poin kunci.
  3. Panduan Melalui Website – Visual yang baik dan terorganisir merupakan bagian dari kemudahan navigasi karena dapat menunjukan kepada pengunjung cara untuk mengikuti alur website.
Dukungan visual yang baik dari setiap desain dapat membuat website tampil lebih menarik dan menciptakan rasa pada pengunjung dan itu bisa menawarkan pada pengunjung untuk menikmati nya. Foto, ikon, tombol, latar belakang – semua elemen tersebut menyusun bagian visual dari tata letak.
Memasukan gambar latar belakang besar pada website adalah salah satu teknik yang sudah berkembang luas. Mereka dapat diimplementasikan dalam header website, konten website (bagian dari postingan pada sebuah blog) atau diseluruh bagian website (full satu layar komputer).
Foto potret close-up adalah salah satu trend desain website saat ini. Anda salah jika berfikir bahwa hanya fashion atau foto proyek yang memanfaatkan ini. Website bisnis, pendidikan, kesehatan, dan website bertema seni sukses menerapkan gambar potret untuk membuat desain mereka lebih personal, memberikan sentuhan unik yang bagus untuk mereka dan meningkatkan hubungan dengan pengunjung. Sebenarnya itu adalah tujuan utama (bersama dengan efek visual) menggunakan close-up potret. Ketika desainer memilih potret yang bagus dan sesuai dengan keseluruhan tampilan website, yang disebutkan diatas maka misi dianggap tercapai. Mari kita lihat hal tersebut dilakukan di beberapa website dibawah ini.

David Hellmann

David-Hellmann

The Green Soccer Journal

The-Green-Soccer-Journal

Beards

Beards

Paintbox

Paintbox

Code42

Code42

Kennedy

Kennedy

Eazers

Eazers

Locals Appare

Locals-Apparel

Edita’s Casting

Editas-Casting

Julia Gavrilova

Julia-Gavrilova

Van Schnider

Van-Schnider

Bryter

Bryter

Daniella Draper

Daniella-Drapper
Sudah anda lihat satu per satu demo website nya? Luar biasa keren bukan? gambar yang baik memang pemikat yang baik pada sebuah website, tapi perlu dipertimbangkan untuk membuat gambar besar tersebut menjadi lebih kecil ukuran file nya, mungkin di kompres atau pemilihan format gambar juga bisa mempengaruhi ukuran file. Diperlukan kebijakan web designer agar website tampil oke namun tetap tidak menyusahkan pengunjung dengan load website yang berat.
Satu hal lagi yang perlu diperhatikan dari contoh-contoh website diatas adalah, penggunaan gambar yang besar akan terlihat sangat baik jika menggunakan font yang baik pula. Anda bisa menggunakan Font Terbaik dan Populer Untuk Website, atau  bisa juga membuat font anda sendiri dengan Software dan Alat Gratis Untuk Membuat Font Sendiri ini.
Jadi apakah anda sudah siap dengan kamera anda? kalau sudah siap mari ambil gambar terbaik untuk proyek website yang sedang anda kerjakan :) Semoga membuat website anda tampil lebih mewah, lebih memikat, memberi pengalaman kepada pengunjung dan lebih mudah untuk di ingat, website yang mudah di ingat mudah untuk dikunjungi kembali dilain waktu, contohnya seperti website posharian.tk ini, semoga anda mudah mengingatnya dan sering berkunjung kesini :)

Inilah! Font Paling Populer Di Dunia

Font paling populer di dunia — Anda tentu bertanya-tanya, dari sekian banyak font yang ada di internet, font apakah yang paling banyak digunakan oleh website-website yang ada di dunia maya tersebut.
Bonfx men-trace hampir 2000 web font paling populer dari 10.000 website yang paling banyak di kunjungi berdasarkan peringkat alexa.
Data ini sangat menarik, ternyata Arial merajai penggunaan font dihampir sebagian website yang ada. Namun apakah arial akan menjadi font paling populer untuk selamnya? Hm…semua mungkin saja berubah, seiring dengan samakin meluasnya penggunaan web font, serta banyak nya layanan web font saat ini seperti google font, atau typekit. Namun seperti nya perubahan tersebut tidak akan terjadi dalam waktu dekat, mengingat arial sudah sangat masif digunakan oleh sebagian besar website.
Berikut adalah gambaran peringkat font teratas yang kami capture dari website Bonfx.
font paling populer di dunia
Bisa kita lihat arial menguasari dengan 2009, dibawahnya ada verdana dengan 960, lalu Georgia dengan 612.
Pengguna font arial paling terkenal yaitu Google, sedangkan Verdana digunakan oleh Taobao, Georgia oleh Yahoo.
Font ternama lain seperti Helvetica berada di peringkat 5 dengan nilai 556 dan pengguna nya adalah Facebook.
Data selengkapnya bisa anda lihat di website bonfx

Mengubah Tulisan Tangan di Kertas Menjadi Gambar Vektor (Video)

Mengubah tulisan tangan menjadi vektor — Jika Anda suka membuat desain tulisan ataupun font di kertas dan Anda merasa desain Anda itu bagus, maka mengapa Anda tidak menjadikannya sebuah tulisan digital yang bisa dilihat dengan lebih baik di komputer.
tulisan vektor
ubah tulisan tangan jadi vektor Image by creativemarket.com
Video singkat berikut ini mengajarkan kita sedikit bagaimana cara membaut tulisan tangan menjadi tulisan digital, dimana prosesnya adalah anda cukup melakukan scan tulisan Anda yang dikertas agar bisa dibuka di komputer, lalu proses selanjutnya menggunakan photoshop dan illustrator untuk membuatnya menjadi gambar vektor.
Tidak perlu pengalaman selama lima tahun dalam penggunaan pen tool untuk mengikuti tutorial ini, prosesnya sangat mudah, bahkan bisa diikuti oleh pemula sekalipun. Berikut adalah video nya.

10 Tutorial Membuat Efek Teks Dengan Illustrator

Tutorial membuat efek teks / tulisan dengan Adobe Illustrator — Membuat efek teks yang keren memiliki kalangan penggemarnya sendiri, banyak desainer yang menyukai seni pembuatan teks (typography) ini. Hal tersebut wajar saja karena seni desain tulisan memang sungguh menarik dan memiliki keberagaman.
Anda yang sampai saat ini belum menyukai seni efek teks ini mungkin perlu mencoba terlebih dahulu, karena jika tidak pernah mencoba tentu tidak pernah suka.
Berikut ini ada beberapa tutorial pembuatan efek teks dengan mengguakan illustrator yang bisa Anda ikuti dan pelajari.

1. Membuat variasi teks dengan illustrator

efek teks illustrator

2. Membuat teks yang eye-catching dengan illustrator

efek teks illustrator

3. Membuat teks bergaya kotor dengan Illustrator

efek teks illustrator

4. Membuat teks retro dengan Adobe Illustrator

efek teks illustrator

5. Membuat efek tesk tarikan dan melingkar dengan Illustrator

efek teks illustrator

6. Membuat efek teks sambung dengan Illustrator

efek teks illustrator

7. Membuat efek tulisan gradien dengan Illustrator

efek teks illustrator

8. Membuat efek teks kartun dengan Illustrator

efek teks illustrator

9. Membuat efek teks dengan dekorasi glamor pada script font

efek teks illustrator

10. Membuat efek tulisan didalam gambar love dengan Illustrator

efek teks illustrator
Itulah beberapa tutorial pembuatan efek teks / tulisan dengan Adobe Illustrator, semoga berguna untuk Anda dan membuat Anda semakin mahir menggunakan Illustrator.

7 Cara Mengetahui Jenis Font Dari Sebuah Gambar atau Web

Cara mengetahui jenis font dari sebuah gambar atau website — Ada banyak sekali font di Internet, ada yang gratis maupun berbayar. Dan desainer biasanya akan mencari font yang bagus untuk menunjang tampilan desain yang dia buat. 
Terkadang ketika kita melihat sebuah desain hasil karya orang lain yang bagus, kita jadi terinspirasi untuk membuat hal yang sama, atau menggunakan font yang sama dengan yang dia gunakan. Namun sayangnya font tersebut sudah menjadi gambar(jpg,png & lainnya) dan sulit untuk diketahui apa jenisnya. Berbeda dengan font yang ada di website yang bisa di lihat script nya, nanti akan diketahui jenis font nya.
Nah untuk Anda yang kesulitan mengetahui jenis font dari sebuah gambar, maka Anda bisa mencoba website-website berikut ini.

1. Font Matcherator

Font Matcherator
Font Matcherator (Image: Twitter.com)
Upload sebuah gambar yang ada tulisannya, maka mereka akan mengetahui jenis font nya. Begitu menurut tagline yang ada di website Font Matcherator.

2. WhatTheFont

WhatTheFont
WhatTheFont (Image: vandelaydesign.com)
WhatTheFont adalah salah satu tool yang paling bagus untuk mengetahui jenis font dari sebuah gambar, dengan alat ini Anda cukup upload gambar tersebut, baik JPG, PNG, GIF, dengan ukuran maksimumnya 2MB dan nanti sistem mereka akan menganalisa dan membantu Anda mengetahui jenis font yang ada di gambar tersebut.

3. Identifont

identifont
Identifont ini agak berbeda dengan WhatTheFont, karena mereka bekerja dengan cara menanyakan beberapa pertanyaan terkait font yang Anda cari. Alat ini tentu berguna jika Anda tidak memiliki sample gambar dari font tersebut.

4. Flickr Typeface Identification

Ternyata Flickr bukan hanya soal foto-foto, namun bisa digunakan untuk mengidentifikasi font, hal ini karena Flickr memili group yang didedikasikan untuk mencari jenis font tertentu dengan nama Flickr Typeface Identification, selain itu disitu terdapat beberapa gambar yang sudah diidentifikasi jenis font nya.

5. WhatFontIs

WhatFontIs
WhatFontIs (Image; vandelaydesign.com)
Hampir sama cara kerjanya dengan tools yang lain, di website WhatFontIs ini anda juga cukup mengupload sebuah gambar yang ada teks nya nanti akan diketahui jenis font nya.

6. Fount

Fount adalah font yang dikhususkan untuk mengetahui jenis font yang digunakan oleh sebuah website, Fount merupakan sebuah addon untuk browser, jadi anda cukup menginstall fount, dan nanti Anda akan bisa mengetahui font apa yang digunakan oleh setiap website yang Anda kunjungi.

7. FontFace Ninja

fontfaceninja
Ketika Anda mengunjungi sebuah website dan ingin mengetahui font yang digunakan pada website itu, maka Anda bisa memanfaatkan FontFaceNinja, fungsinya sama dengan Faunt.

SEO Reports for posharian3.blogspot.com