Contact Us HP : 085646588787 Email : [email protected]

Contact UsHP : 085646588787Email : [email protected]

Typography & Color

Denny Sagita, S.Kom., M.KomOleh :

DEFINISI FONT


Font adalah jenis-jenis huruf yang

digunakan dalam suatu tulisan teks

komputer.

Contoh Font : Times New Roman,

Calibri, Arial, Tahoma, Trebuchet, dll

DEFINISI TYPOGRAPHY


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


• 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.

ANATOMI FONT


• Tinggi Font

ANATOMI FONT


• Bentuk Font

BENTUK GEOMETRI HURUF


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


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


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


JENIS FONT


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


Huruf berkait (serif)

• Memiliki terminal.

• Sifatnya formal, elegan, mewah, anggun.

• Kurang mudah dibaca.

• Contoh: Times New Roman, Garamond,

MS Serif.

JENIS FONT


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


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


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


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


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


Tidak menggunakan terlalu banyak macam font dalam 1 halaman Web



Tidak menggunakan pengaturan alignment center, right, atau full justified

dalam halaman untuk hal yang tidak perlu



Berikan ruang teks untuk bernafas



Tidak menggunakan bold type untuk teks paragraph



Tidak menggunakan Capital Teks untuk keseluruhan Teks



Gunakan banyak judul dan subjudul



Bagi halaman web ke dalam beberapa kolom



Tidak Menggunakan Teks terlalu Besar



Tidak menggunakan teks underline kecuali hyperlink



Untuk teks pada Gambar, pilihlah font yang tepat

6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA


KERNING



PEMILIHAN FONT



BERAT DAN UKURAN FONT



LEADING



WARNA



WARNA



LEBAR PARAGRAF



LEBAR PARAGRAF

WARNA


Warna berfungsi untuk memberikan vibrasi tertentu di dalam suatu desain.

WARNA


• 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


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


WARNA HIJAU


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


WARNA BIRU


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


WARNA KUNING


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


WARNA UNGU


Ungu adalah warna yang memberikan kesan spiritual, kekayaan dan kebijaksanaan. Ungu juga warna yang unik karena sangat jarang kita lihat di alam.

WARNA UNGU


WARNA COKLAT


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


WARNA ORANGE


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


WARNA MERAH MUDA


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


WARNA PUTIH


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


WARNA HITAM


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 Us HP : 085646588787 Email : [email protected]

Documents