Contact UsHP : 085646588787Email : [email protected]
Typography & Color
Denny Sagita, S.Kom., M.KomOleh :
DEFINISI FONT
Contact UsHP : 085646588787Email : [email protected]
Font adalah jenis-jenis huruf yang
digunakan dalam suatu tulisan teks
komputer.
Contoh Font : Times New Roman,
Calibri, Arial, Tahoma, Trebuchet, dll
DEFINISI TYPOGRAPHY
Contact UsHP : 085646588787Email : [email protected]
Tipografi atau bahasa Inggris Typography berasal dari bahasa Greek
• Typos = bentuk
• Graphein = menulis)
Teknik dan seni mengatur huruf
menggunakan gabungan bentuk, ukuran
huruf, ketebalan garis, untuk
menghasilkan hasil seni aturan huruf
dalam bentuk fisik atau digital.
ANATOMI FONT
Contact UsHP : 085646588787Email : [email protected]
• Langkah awal untuk mempelajari
tipografi adalah mengenali atau
memahami anatomi huruf.
• Gabungan seluruh komponen dari
suatu huruf merupakan identifikasi
visual yang dapat membedakan antar
huruf yang satu dengan yang lain.
BENTUK GEOMETRI HURUF
Contact UsHP : 085646588787Email : [email protected]
Dari geometrinya huruf dibagi menjadi 4 kelompok yaitu:
Garis tegak datar : E, F, I, H, L
Garis tegak miring : A, K, M, N, V, W, X, Y, Z
Garis tegak lengkung : B, D, G, J, P, R, U
Garis lengkung : C, O, Q, S
KLASIFIKASI FONT
Contact UsHP : 085646588787Email : [email protected]
Pada dasarnya, font dapat kita klasifikasikan kedalam dua kategori:
• SERIF
Dalam definisi yang sangat sederhana, serif adalah detail berupa “stroke” dari
sebuah huruf. Dapat di istilah kan sebagai “ekor/tangkai“. Font Serif adalah font
yang memiliki detail berupa “ekor/tangkai” dari font tsb.
Contoh : Times New Roman, Georgia, Bodoni, dll.
KLASIFIKASI FONT
Contact UsHP : 085646588787Email : [email protected]
Pada dasarnya, font dapat kita klasifikasikan kedalam dua kategori:
• SANS SERIF
Sedangkan Sans-Serif adalah font yang tidak memiliki serif (sans = tanpa) .
diambil dari istilah latin sine, dari istilah perancis sans yang berarti “without”). Jadi
sederhananya, font sans-serif adalah font yang tidak memiliki “ekor”.
Contoh font Sans-Serif :
Arial, Helvetica, Tahoma, dll.
KLASIFIKASI FONT
Contact UsHP : 085646588787Email : [email protected]
JENIS FONT
Contact UsHP : 085646588787Email : [email protected]
HURUF TIDAK BERKAIT (SANS SERIF)
• Tidak memiliki kait (hook/terminal) hanya tangkai
dan batang saja.
• Ujungnya berbentuk tajam atau tumpul.
• Sifatnya kurang formal dan sederhana.
• Sangat mudah dibaca
• Contoh: Arial, avant grade, MS Sans Serif, dll.
JENIS FONT
Contact UsHP : 085646588787Email : [email protected]
Huruf berkait (serif)
• Memiliki terminal.
• Sifatnya formal, elegan, mewah, anggun.
• Kurang mudah dibaca.
• Contoh: Times New Roman, Garamond,
MS Serif.
JENIS FONT
Contact UsHP : 085646588787Email : [email protected]
Huruf Tulis (scipt)
• Setiap huruf terkait seperti tulisan tangan.
• Sifatnya anggun, eksklusif, romantis,
tradisional.
• Sulit dibaca jika terlalu kecil dan banyak.
• Contoh: Shelley Alegro, Bradley Hand,
Lucida Handwriting, dll.
JENIS FONT
Contact UsHP : 085646588787Email : [email protected]
Huruf Dekoratif
• Setiap hurufnya dibuat secara detail dan
komplit.
• Sifatnya mewah, bebas, anggun,
tradisional, istimewa.
• Sangat sulit dibaca, gunakan hanya
sebagai alternative drop cap.
• Contoh: English, Augsburger Initial, dll.
JENIS FONT
Contact UsHP : 085646588787Email : [email protected]
Huruf Monospace
• Identik dengan serif atau sans serif tapi
jarak antar huruf disamakan.
• Sifatnya formal, sderhana, futuristik,
kaku,.
• Mudah dibaca tapi kurang rapi.
• Contoh: Courier
PRINSIP READIBILITAS & LEGIBILITAS
Contact UsHP : 085646588787Email : [email protected]
Readibilitas/keterbacaan adalah tingkat kenyamanan suatu
susunan huruf saat dibaca, yang dipengaruhi oleh:
• Jenis huruf
• Ukuran
• Pengaturan, termasuk di dalamnya alur, spasi, kerning,
perataan, dan
• sebagainya
• Kontras warna terhadap latar belakang
PRINSIP READIBILITAS & LEGIBILITAS
Contact UsHP : 085646588787Email : [email protected]
Legibilitas adalah tingkat kemudahan mata mengenali suatu tulisan tanpa
harus bersusah payah. Hal ini bisa ditentukan oleh:
• Kerumitan desain huruf, seperti
penggunaan serif, kontras, stroke, dan
sebagainya.
• Penggunaan warna
• Frekuensi pengamat menemui huruf
tersebut dalam kehidupan sehari-hari
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Tidak menggunakan terlalu banyak macam font dalam 1 halaman Web
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Tidak menggunakan pengaturan alignment center, right, atau full justified
dalam halaman untuk hal yang tidak perlu
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Berikan ruang teks untuk bernafas
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Tidak menggunakan bold type untuk teks paragraph
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Tidak menggunakan Capital Teks untuk keseluruhan Teks
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Gunakan banyak judul dan subjudul
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Bagi halaman web ke dalam beberapa kolom
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Tidak Menggunakan Teks terlalu Besar
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Tidak menggunakan teks underline kecuali hyperlink
10 Tips Profesional Web Type
Contact UsHP : 085646588787Email : [email protected]
Untuk teks pada Gambar, pilihlah font yang tepat
6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA
Contact UsHP : 085646588787Email : [email protected]
KERNING
6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA
Contact UsHP : 085646588787Email : [email protected]
PEMILIHAN FONT
6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA
Contact UsHP : 085646588787Email : [email protected]
BERAT DAN UKURAN FONT
6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA
Contact UsHP : 085646588787Email : [email protected]
LEADING
6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA
Contact UsHP : 085646588787Email : [email protected]
WARNA
6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA
Contact UsHP : 085646588787Email : [email protected]
WARNA
6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA
Contact UsHP : 085646588787Email : [email protected]
LEBAR PARAGRAF
6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA
Contact UsHP : 085646588787Email : [email protected]
LEBAR PARAGRAF
WARNA
Contact UsHP : 085646588787Email : [email protected]
Warna berfungsi untuk memberikan vibrasi tertentu di dalam suatu desain.
WARNA
Contact UsHP : 085646588787Email : [email protected]
• WARNA MERAH, berhubungan dengan cakra dasar, mempengaruhi vitalitas, seksualitas dan kesadaran. Diantaranya dapat meningkatkan energi.
• WARNA ORANGE, berhubungan dengan cakra limpa yang mengatur sirkulasi dan metabolisme. Berhubungan dengan kegembiraan dan keceriaan.
• WARNA KUNING, berhubungan dengan cakra solar plexus, mempengaruhi intelektual dan pengambilan keputusan. Membantu menstimulasi konsentrasi.
• WARNA HIJAU, berhubungan dengan cakra jantung. Merupakan warna penyembuh karena mampu menyeimbangkan dan menstabilkan energi tubuh.
• WARNA BIRU, berhubungan dengan cakra tenggorokan. Sangat menenangkan dan sangat baik untuk mengatasi insomnia.
• WARNA UNGU, merupakan cakra mahkota. Berhubungan dengan energi dan fungsi tertinggu pikiran. Membantu meningkatkan rasa percaya diri.
• WARNA HITAM, sering dipakai untuk menekan nafsu makan. Bagi yang ingin mengurangi berat badan, gunakan taplak berwarna hitam sebagai alas meja makan.
WARNA MERAH
Contact UsHP : 085646588787Email : [email protected]
Merah adalah warna yang kuat sekaligus hangat. Biasanya di gunakan untuk memberikan efek psikologi ‘panas’ , ‘berani’ , ‘marah’ dan ‘berteriak’.
Beberapa studi juga mengindentifikasi merah sebagai warna yang sexy.
WARNA MERAH
Contact UsHP : 085646588787Email : [email protected]
WARNA HIJAU
Contact UsHP : 085646588787Email : [email protected]
Hijau adalah warna yang tenang karena biasanya di kaitkan dengan lingkungan dan alam.
Di dalam desain, kita bisa menggunakan warna hijau untuk memberikan kesan segar. Dan dengan mudah kita bisa memberikan nuansa membumi dengan kombinasi warna hijau dan coklat gelap.
WARNA HIJAU
Contact UsHP : 085646588787Email : [email protected]
WARNA BIRU
Contact UsHP : 085646588787Email : [email protected]
Biru adalah warna favorit para pria dan termasuk warna yang ‘dingin’. Kalau di dunia desain, biru sering di sebut “warna corporate” karena hampir semua perusahaan menggunakan warna biru sebagai warna utamanya. Tidak heran memang, karena biru merupakan warna yang termasuk tenang dan bersifat penyendiri.
WARNA BIRU
Contact UsHP : 085646588787Email : [email protected]
WARNA KUNING
Contact UsHP : 085646588787Email : [email protected]
Kuning adalah warna yang ceria, menyenangkan. Tidak heran warna kuning identik dengan mainan anak-anak. Kuning juga biasanya di gunakan untuk mendapatkan perhatian dari orang yang melihat desain kita.
WARNA KUNING
Contact UsHP : 085646588787Email : [email protected]
WARNA UNGU
Contact UsHP : 085646588787Email : [email protected]
Ungu adalah warna yang memberikan kesan spiritual, kekayaan dan kebijaksanaan. Ungu juga warna yang unik karena sangat jarang kita lihat di alam.
WARNA UNGU
Contact UsHP : 085646588787Email : [email protected]
WARNA COKLAT
Contact UsHP : 085646588787Email : [email protected]
Coklat adalah warna bumi, memberikan kesan hangat, nyaman dan aman. Namun selain itu, coklat juga memberikan kesan ‘sophisticated’ karena dekat dengan warna emas.
Bisa di bayangkan kesan ‘mahal’ desain dengan kombinasi warna hitam dan coklat muda.
WARNA COKLAT
Contact UsHP : 085646588787Email : [email protected]
WARNA ORANGE
Contact UsHP : 085646588787Email : [email protected]
Oranye adalah hasil peleburan merah dan kuning, sehingga efek yang di hasilkan masih tetap sama, yaitu ‘kuat’ dan ‘hangat’.
Warna ini sering di gunakan pada tombol website yang penting, seperti ‘buy now’ , ‘register now’ dan lainnya yang sejenis, istilahnya adalah ‘call to action’ button.
WARNA ORANGE
Contact UsHP : 085646588787Email : [email protected]
WARNA MERAH MUDA
Contact UsHP : 085646588787Email : [email protected]
Merah muda adalah warna yang feminin, menggunakan warna ini biasanya berkaitan dengan sesuatu yang bersifat kewanitaan.
Efek cinta romantis juga bisa timbul dari warna merah muda ini, agak sedikit berbeda dengan warna merah yang lebih menggambarkan ‘gairah yang berani’.
WARNA MERAH MUDA
Contact UsHP : 085646588787Email : [email protected]
WARNA PUTIH
Contact UsHP : 085646588787Email : [email protected]
Putih adalah warna yang murni, tidak ada campuran apapun. Makanya sering di anggap sebagai warna yang menimbulkan efek suci dan bersih.
Ketika kita ingin membuat desain yang simple dan minimalis, menggunakan warna putih adalah langkah yang tepat
WARNA PUTIH
Contact UsHP : 085646588787Email : [email protected]
WARNA HITAM
Contact UsHP : 085646588787Email : [email protected]
Hitam adalah warna yang gelap, suram, menakutkan tetapi elegan. elemen apapun jika di taruh di atas background hitam akan terasa
lebih bagus (misalnya, pada waktu menampilkan foto, portfolio atau produk).
WARNA HITAM
Contact UsHP : 085646588787Email : [email protected]
Contact UsHP : 085646588787Email : [email protected]