1 / 58

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

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.

clark-bartlett
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. DEFINISI FONT Font adalahjenis-jenishuruf yang digunakandalamsuatutulisantekskomputer. Contoh Font : Times New Roman, Calibri, Arial, Tahoma, Trebuchet, dll Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  3. DEFINISI TYPOGRAPHY • TipografiataubahasaInggrisTypographyberasaldaribahasa Greek • Typos = bentuk • Graphein= menulis) Teknikdansenimengaturhurufmenggunakangabunganbentuk, ukuranhuruf, ketebalangaris, untukmenghasilkanhasilseniaturanhurufdalambentukfisikatau digital. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  4. ANATOMI FONT • Langkahawaluntukmempelajaritipografiadalahmengenaliataumemahamianatomihuruf. • Gabunganseluruhkomponendarisuatuhurufmerupakanidentifikasi visual yang dapatmembedakanantarhuruf yang satudengan yang lain. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

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

  7. BENTUK GEOMETRI HURUF • Dari geometrinyahurufdibagimenjadi 4 kelompokyaitu: • Garistegakdatar : E, F, I, H, L • Garistegak miring : A, K, M, N, V, W, X, Y, Z • Garistegaklengkung : B, D, G, J, P, R, U • Garislengkung : C, O, Q, S Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  8. KLASIFIKASI FONT • Padadasarnya, font dapatkitaklasifikasikankedalamduakategori: • SERIF • Dalamdefinisi yang sangatsederhana, serif adalah detail berupa “stroke” darisebuahhuruf. Dapat di istilahkansebagai “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

  9. KLASIFIKASI FONT • Padadasarnya, font dapatkitaklasifikasikankedalamduakategori: • SANS SERIF • Sedangkan Sans-Serif adalah font yang tidakmemiliki serif (sans = tanpa) . diambildariistilahlatinsine, dariistilahperancissans yang berarti “without”). Jadisederhananya, font sans-serif adalah font yang tidakmemiliki “ekor”. Contohfont Sans-Serif : Arial, Helvetica, Tahoma, dll. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

  11. JENIS FONT • HURUF TIDAK BERKAIT (SANS SERIF) • Tidakmemilikikait (hook/terminal) hanyatangkaidanbatangsaja. • Ujungnyaberbentuktajamatautumpul. • Sifatnyakurang formal dansederhana. • Sangatmudahdibaca • Contoh: Arial, avant grade, MS Sans Serif, dll. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

  13. JENIS FONT • HurufTulis (scipt) • Setiaphurufterkaitsepertitulisantangan. • Sifatnyaanggun, eksklusif, romantis, tradisional. • Sulitdibacajikaterlalukecildanbanyak. • Contoh: Shelley Alegro, Bradley Hand, Lucida Handwriting, dll. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  14. JENIS FONT • HurufDekoratif • Setiaphurufnyadibuatsecara detail dankomplit. • Sifatnyamewah, bebas, anggun, tradisional, istimewa. • Sangatsulitdibaca, gunakanhanyasebagai alternative drop cap. • Contoh: English, Augsburger Initial, dll. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  15. JENIS FONT • HurufMonospace • Identikdengan serif atau sans serif tapijarakantarhurufdisamakan. • Sifatnya formal, sderhana, futuristik, kaku,. • Mudahdibacatapikurangrapi. • Contoh: Courier Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  16. PRINSIP READIBILITAS & LEGIBILITAS • Readibilitas/keterbacaanadalahtingkatkenyamanansuatususunanhurufsaatdibaca, yang dipengaruhioleh: • Jenishuruf • Ukuran • Pengaturan, termasuk di dalamnyaalur, spasi, kerning, perataan, dan • sebagainya • Kontraswarnaterhadaplatarbelakang Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  17. PRINSIP READIBILITAS & LEGIBILITAS Legibilitasadalahtingkatkemudahanmatamengenalisuatutulisantanpa harusbersusahpayah. Hal inibisaditentukanoleh: • Kerumitandesainhuruf, sepertipenggunaan serif, kontras, stroke, dansebagainya. • Penggunaanwarna • Frekuensipengamatmenemuihuruftersebutdalamkehidupansehari-hari Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  18. 10 TipsProfesional Web Type Tidakmenggunakanterlalubanyakmacam font dalam 1 halamanWeb Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  19. 10 TipsProfesional Web Type Tidakmenggunakanpengaturan alignment center, right, atau full justified dalamhalamanuntukhal yang tidakperlu Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  20. 10 TipsProfesional Web Type Berikanruangteksuntukbernafas Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  21. 10 TipsProfesional Web Type Tidakmenggunakan bold type untukteksparagraph Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  22. 10 TipsProfesional Web Type TidakmenggunakanCapital TeksuntukkeseluruhanTeks Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  23. 10 TipsProfesional Web Type Gunakanbanyakjuduldansubjudul Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  24. 10 TipsProfesional Web Type Bagihalaman web kedalambeberapakolom Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  25. 10 TipsProfesional Web Type TidakMenggunakanTeksterlaluBesar Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  26. 10 TipsProfesional Web Type Tidakmenggunakanteks underline kecualihyperlink Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  27. 10 TipsProfesional Web Type UntuktekspadaGambar, pilihlah font yang tepat Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

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

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

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

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

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

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

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

  36. WARNA Warnaberfungsiuntukmemberikanvibrasitertentu di dalamsuatudesain. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  37. WARNA • WARNA MERAH, berhubungandengancakradasar, mempengaruhivitalitas, seksualitasdankesadaran. Diantaranyadapatmeningkatkanenergi. • WARNA ORANGE, berhubungandengancakralimpa yang mengatursirkulasidanmetabolisme. Berhubungandengankegembiraandankeceriaan. • WARNA KUNING, berhubungandengancakra solar plexus, mempengaruhiintelektualdanpengambilankeputusan. Membantumenstimulasikonsentrasi. • WARNA HIJAU, berhubungandengancakrajantung. Merupakanwarnapenyembuhkarenamampumenyeimbangkandanmenstabilkanenergitubuh. • WARNA BIRU, berhubungandengancakratenggorokan. Sangatmenenangkandansangatbaikuntukmengatasi insomnia. • WARNA UNGU, merupakancakramahkota. Berhubungandenganenergidanfungsitertinggupikiran. Membantumeningkatkan rasa percayadiri. • WARNA HITAM, seringdipakaiuntukmenekannafsumakan. Bagi yang inginmengurangiberatbadan, gunakantaplakberwarnahitamsebagai alas mejamakan. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

  38. WARNA MERAH • Merahadalahwarna yang kuatsekaligushangat. Biasanya di gunakanuntukmemberikanefekpsikologi ‘panas’ , ‘berani’ , ‘marah’ dan ‘berteriak’. • Beberapastudijugamengindentifikasimerahsebagaiwarna yang sexy. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

  40. WARNA HIJAU • Hijauadalahwarna yang tenangkarenabiasanya di kaitkandenganlingkungandanalam. • Di dalamdesain, kitabisamenggunakanwarnahijauuntukmemberikankesansegar. Dan denganmudahkitabisamemberikannuansamembumidengankombinasiwarnahijaudancoklatgelap. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

  42. WARNA BIRU • Biruadalahwarnafavoritparapriadantermasukwarna yang ‘dingin’. Kalau di duniadesain, birusering di sebut “warna corporate” karenahampirsemuaperusahaanmenggunakanwarnabirusebagaiwarnautamanya. Tidakheranmemang, karenabirumerupakanwarna yang termasuktenangdanbersifatpenyendiri. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

  44. WARNA KUNING • Kuningadalahwarna yang ceria, menyenangkan. Tidakheranwarnakuningidentikdenganmainananak-anak. Kuningjugabiasanya di gunakanuntukmendapatkanperhatiandari orang yang melihatdesainkita. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

  46. WARNA UNGU • Unguadalahwarna yang memberikankesan spiritual, kekayaandankebijaksanaan. Ungujugawarna yang unikkarenasangatjarangkitalihat di alam. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

  48. WARNA COKLAT • Coklatadalahwarnabumi, memberikankesanhangat, nyamandanaman. Namunselainitu, coklatjugamemberikankesan ‘sophisticated’ karenadekatdenganwarnaemas. • Bisadi bayangkankesan ‘mahal’ desaindengankombinasiwarnahitamdancoklatmuda. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

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

  50. WARNA ORANGE • Oranyeadalahhasilpeleburanmerahdankuning, sehinggaefek yang di hasilkanmasihtetapsama, yaitu ‘kuat’ dan ‘hangat’. • Warnainisering di gunakanpadatombol website yang penting, seperti ‘buy now’ , ‘register now’ danlainnya yang sejenis, istilahnyaadalah ‘call to action’ button. Contact Us HP : 085646588787 Email : denny.sagita@ub.ac.id

More Related