Typography Color Oleh Denny Sagita S Kom M

Typography & Color Oleh : Denny Sagita, S. Kom. , M. Kom Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

DEFINISI FONT Font adalah jenis-jenis huruf yang digunakan dalam suatu tulisan teks komputer. Contoh Font : Times New Roman, Calibri, Arial, Tahoma, Trebuchet, dll Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

ANATOMI FONT • Tinggi Font Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

ANATOMI FONT • Bentuk Font Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

BENTUK GEOMETRI HURUF Dari geometrinya huruf dibagi menjadi 4 kelompok yaitu: S Garis tegak datar : E, F, I, H, L S Garis tegak miring : A, K, M, N, V, W, X, Y, Z S Garis tegak lengkung : B, D, G, J, P, R, U S Garis lengkung : C, O, Q, S Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

KLASIFIKASI FONT Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

JENIS FONT Huruf berkait (serif) • Memiliki terminal. • Sifatnya formal, elegan, mewah, anggun. • Kurang mudah dibaca. • Contoh: Times New Roman, Garamond, MS Serif. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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 Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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 Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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 Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Tidak menggunakan terlalu banyak macam font dalam 1 halaman Web Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Tidak menggunakan pengaturan alignment center, right, atau full justified dalam halaman untuk hal yang tidak perlu Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Berikan ruang teks untuk bernafas Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Tidak menggunakan bold type untuk teks paragraph Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Tidak menggunakan Capital Teks untuk keseluruhan Teks Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Gunakan banyak judul dan subjudul Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Bagi halaman web ke dalam beberapa kolom Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Tidak Menggunakan Teks terlalu Besar Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Tidak menggunakan teks underline kecuali hyperlink Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

10 Tips Profesional Web Type Untuk teks pada Gambar, pilihlah font yang tepat Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA KERNING Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA PEMILIHAN FONT Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA BERAT DAN UKURAN FONT Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA LEADING Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA WARNA Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA WARNA Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA LEBAR PARAGRAF Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

6 TIPS MEMBUAT TIPOGRAFI LEBIH MENARIK & MUDAH DIBACA LEBAR PARAGRAF Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA Warna berfungsi untuk memberikan vibrasi tertentu di dalam suatu desain. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA MERAH S Merah adalah warna yang kuat sekaligus hangat. Biasanya di gunakan untuk memberikan efek psikologi ‘panas’ , ‘berani’ , ‘marah’ dan ‘berteriak’. S Beberapa studi juga mengindentifikasi merah sebagai warna yang sexy. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA MERAH Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA HIJAU S Hijau adalah warna yang tenang karena biasanya di kaitkan dengan lingkungan dan alam. S 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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA HIJAU Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA BIRU S 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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA BIRU Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA KUNING S 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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA KUNING Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA UNGU S Ungu adalah warna yang memberikan kesan spiritual, kekayaan dan kebijaksanaan. Ungu juga warna yang unik karena sangat jarang kita lihat di alam. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA UNGU Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA COKLAT S Coklat adalah warna bumi, memberikan kesan hangat, nyaman dan aman. Namun selain itu, coklat juga memberikan kesan ‘sophisticated’ karena dekat dengan warna emas. S Bisa di bayangkan kesan ‘mahal’ desain dengan kombinasi warna hitam dan coklat muda. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA COKLAT Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA ORANGE S Oranye adalah hasil peleburan merah dan kuning, sehingga efek yang di hasilkan masih tetap sama, yaitu ‘kuat’ dan ‘hangat’. S 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. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA ORANGE Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA MERAH MUDA S Merah muda adalah warna yang feminin, menggunakan warna ini biasanya berkaitan dengan sesuatu yang bersifat kewanitaan. S Efek cinta romantis juga bisa timbul dari warna merah muda ini, agak sedikit berbeda dengan warna merah yang lebih menggambarkan ‘gairah yang berani’. Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA MERAH MUDA Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA PUTIH S Putih adalah warna yang murni, tidak ada campuran apapun. Makanya sering di anggap sebagai warna yang menimbulkan efek suci dan bersih. S Ketika kita ingin membuat desain yang simple dan minimalis, menggunakan warna putih adalah langkah yang tepat Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA PUTIH Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA HITAM S Hitam adalah warna yang gelap, suram, menakutkan tetapi elegan. S elemen apapun jika di taruh di atas background hitam akan terasa lebih bagus (misalnya, pada waktu menampilkan foto, portfolio atau produk). Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

WARNA HITAM Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id

Contact Us HP : 085646588787 Email : denny. sagita@ub. ac. id