    {"id":3281,"date":"2018-05-01T16:00:04","date_gmt":"2018-05-01T09:00:04","guid":{"rendered":"http:\/\/student-activity.binus.ac.id\/himdkv\/?p=3281"},"modified":"2018-05-01T20:43:13","modified_gmt":"2018-05-01T13:43:13","slug":"tips-and-tricks-15-basic-typography-rules","status":"publish","type":"post","link":"https:\/\/student-activity.binus.ac.id\/himdkv\/2018\/05\/tips-and-tricks-15-basic-typography-rules\/","title":{"rendered":"Tips and Tricks: 15 Basic Typography Rules"},"content":{"rendered":"<p style=\"text-align: center\"><strong>15 Basic Typography Rules<\/strong><\/p>\n<p style=\"text-align: justify\">Mungkin kalian sudah tidak asing lagi dengan kata Tipografi, apalagi dengan anak-anak desain. Untuk memulai berkarya dengan tipografi, kita harus memahami dulu aturan tipografi. Aturan-aturan ini yang akan menjadi <em>guide\u00a0<\/em>dalam karya tipografi yang baik.<\/p>\n<p style=\"text-align: justify\">Inilah 15 aturan Tipografi untuk para desainer!<\/p>\n<ol style=\"text-align: justify\">\n<li><strong>Huruf klasik.<\/strong><br \/>\nPakailah huruf klasik yang sudah teruji dan memiliki <em>track record<\/em> yang baik seperi Helvetica, Frutiger, Times New Roman, dan lainnya. Huruf-huruf seperti itu berkesan <em style=\"font-size: 1em\">timeless<\/em><span style=\"font-size: 1em\">, mempunyai kualitas dan konsisten untuk memudahkan proses membaca.<\/span><\/li>\n<\/ol>\n<p style=\"text-align: justify\"><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/1a-e1525163822266.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3283 alignleft\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/1a-e1525163822266.jpg\" alt=\"\" width=\"363\" height=\"200\" \/><\/a><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/1-1-e1525163799158.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3282 alignleft\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/1-1-e1525163799158.jpg\" alt=\"\" width=\"200\" height=\"227\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"2\">\n<li><strong>Tidak memakai banyak jenis <em>font<\/em> dan <em>size<\/em>.<\/strong><br \/>\n<em>Font<\/em> dan <em>size<\/em> digunakan untuk penekanan visual atau sebagai pembeda. Paling banyak penggunaan <em style=\"font-size: 1em\">font<\/em><span style=\"font-size: 1em\"> dan <\/span><em style=\"font-size: 1em\">size<\/em><span style=\"font-size: 1em\"> adalah tiga (3) atau dalam satu font yang mempunyai banyak<\/span><em style=\"font-size: 1em\"> family character<\/em><span style=\"font-size: 1em\"> seperti <\/span><em style=\"font-size: 1em\">bold<\/em><span style=\"font-size: 1em\">, <\/span><em style=\"font-size: 1em\">italic<\/em><span style=\"font-size: 1em\">, <\/span><em style=\"font-size: 1em\">medium<\/em><span style=\"font-size: 1em\">, <\/span><em style=\"font-size: 1em\">thin<\/em><span style=\"font-size: 1em\">, dan lain-lain.<\/span><\/li>\n<\/ol>\n<p style=\"text-align: justify\"><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/2-e1525163870280.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3284\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/2-e1525163870280.jpg\" alt=\"\" width=\"275\" height=\"200\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"3\">\n<li><strong>Hindari kombinasi jenis huruf yang terlalu mirip satu dengan yang lain.\u00a0<\/strong><br \/>\n<em style=\"font-size: 1em\">Headline<\/em><span style=\"font-size: 1em\"> dan subheadline tidak memakai jenis serif yang mirip seperti <\/span><em style=\"font-size: 1em\">headline<\/em><span style=\"font-size: 1em\"> memakai Helvetica, <\/span><em style=\"font-size: 1em\">text<\/em><span style=\"font-size: 1em\"> menggunakan Arial atau Frutiger. Tapi, bisa dikombinasikan seperti <\/span><em style=\"font-size: 1em\">headline<\/em><span style=\"font-size: 1em\"> memakai jenis font <\/span><em style=\"font-size: 1em\">script<\/em><span style=\"font-size: 1em\">, lalu <\/span><em style=\"font-size: 1em\">text<\/em><span style=\"font-size: 1em\"> menggunakan jenis font serif.<\/span><\/li>\n<\/ol>\n<p style=\"text-align: justify\"><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/3-e1525164001550.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3285\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/3-640x201.jpg\" alt=\"\" width=\"640\" height=\"201\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"4\">\n<li><strong><em>Text <\/em>jangan menggunakan huruf kapital semua.<\/strong><br \/>\nPenggunaan huruf capital akan mempersulit <em style=\"font-size: 1em\">legibility<\/em><span style=\"font-size: 1em\"> pembacaan karena tidak ada varisasi tinggi seperti ascendes dan descendes.<\/span><\/li>\n<\/ol>\n<p style=\"text-align: justify\"><em><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3286\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/4-640x389.jpg\" alt=\"\" width=\"418\" height=\"254\" srcset=\"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/4-640x389.jpg 640w, https:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/4-768x466.jpg 768w, https:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/4.jpg 1344w\" sizes=\"auto, (max-width: 418px) 100vw, 418px\" \/><\/a><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/4a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3287\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/4a.jpg\" alt=\"\" width=\"360\" height=\"219\" \/><\/a>\u00a0<\/em><\/p>\n<ol style=\"text-align: justify\" start=\"5\">\n<li><em><strong>Use the right font size.<\/strong><br \/>\nText type <\/em>memakai font size yang legibitas pembacaan yang nyaman, biasanya 8pt -11pt untuk pembacaan jarak 30-40cm tergantung <em>font<\/em> masing-masing yang dipakai. Font dengan ukuran 12pt biasa dipakai untuk penulisan formal seperti tesis, skripsi,dan\u00a0 karya tulis.<a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/5-e1525164564502.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3291\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/5-640x505.jpg\" alt=\"\" width=\"391\" height=\"309\" \/><\/a><\/li>\n<\/ol>\n<p style=\"text-align: justify\"><em><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/download.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3289 aligncenter\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/download.png\" alt=\"\" width=\"284\" height=\"178\" \/><\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"6\">\n<li><strong>Perhatikan <em>leading<\/em>.<\/strong><br \/>\nTentukan <em>leading<\/em> yang mudah agar mata pembaca dapat menuju ke baris berikutnya. Biasanya jarak <em style=\"font-size: 1em\">leading<\/em><span style=\"font-size: 1em\"> +1-4pt dari jarak baris. Jangan terlalu sempit dan terlalu lebar.<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3288\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/6-e1525164282543.jpg\" alt=\"\" width=\"500\" height=\"179\" \/><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/6a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3290\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/6a.jpg\" alt=\"\" width=\"443\" height=\"363\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"7\">\n<li><strong>Tidak memakai huruf yang ringan atau berat, dan yang lebar atau sempit. Contohnya <em>font<\/em> yang terlalu di <em>condensed<\/em> atau <em>expand<\/em>.<\/strong><\/li>\n<\/ol>\n<p style=\"text-align: justify\"><em><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/7-e1525164626181.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3292\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/7-640x201.jpg\" alt=\"\" width=\"640\" height=\"201\" \/><\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"8\">\n<li><strong>Tidak distorsi.<\/strong><\/li>\n<\/ol>\n<p style=\"text-align: justify\"><em><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/8.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3293 aligncenter\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/8.jpg\" alt=\"\" width=\"304\" height=\"168\" \/><\/a> <a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/8a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3294\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/8a.jpg\" alt=\"\" width=\"455\" height=\"151\" \/><\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"9\">\n<li><strong>Jarak antar huruf \/ <em>kerning<\/em> dan kata \/ spasi harus konsisten.<\/strong><\/li>\n<\/ol>\n<p style=\"text-align: justify\"><em>\u00a0<a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/9.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3295\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/9.jpg\" alt=\"\" width=\"259\" height=\"194\" \/><\/a><\/em><\/p>\n<p style=\"text-align: justify\"><em>\u00a0<\/em><\/p>\n<ol style=\"text-align: justify\" start=\"10\">\n<li><strong>Tentukan panjang baris yang tepat.<\/strong><br \/>\nPanjang baris biasanya berisi 10-12 kata per baris atau 70 karakter.<\/li>\n<\/ol>\n<p><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/10-e1525164751660.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3296\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/10-640x290.jpg\" alt=\"\" width=\"640\" height=\"290\" \/><\/a><\/p>\n<p style=\"text-align: justify\"><em>\u00a0<\/em><\/p>\n<ol style=\"text-align: justify\" start=\"11\">\n<li><strong>No rag and river.<\/strong><br \/>\nText Type di set flush left dan usahakan agar rag di akhir paragraph tetap konsisten. Lebih baik rata kiri, kalau memakai rata kiri-kanan\/<em style=\"font-size: 1em\">justify<\/em><span style=\"font-size: 1em\"> kadang ada kompensasinya seperti mengurangi kemudahan dan kenyamanan karena spasi antar huruf tidak konsisten.\u00a0<\/span>Rag ideal adalah 75-100% dari lebar teks blok dan kolom. Jangan ada river.<\/li>\n<\/ol>\n<p style=\"text-align: justify\"><em>\u00a0<a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/11-e1525164868610.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3297\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/11-640x421.jpg\" alt=\"\" width=\"640\" height=\"421\" \/><\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"12\">\n<li><strong>Bedakan jenis antar paragraph tapi jangan menggaggu integritas dan konsistensi teks.<\/strong><br \/>\nBiasanya ditandai atau melongkap satu baris tanpa perlu inden. Inden adalah paragraph yang dimasukkan ke dalam (biasanya tekan tab).<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-3299 alignleft\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/11b-e1525164932479.jpg\" alt=\"\" width=\"305\" height=\"205\" \/><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3300 alignleft\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/11c.jpg\" alt=\"\" width=\"259\" height=\"203\" \/><em><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/11a-e1525164920727.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3298\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/11a-640x414.jpg\" alt=\"\" width=\"640\" height=\"414\" \/><\/a> <\/em><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"13\">\n<li><strong>Sejajarkan huruf dengan baseline.<\/strong><br \/>\nHuruf dirancang untuk disusun saling bersebelahan dan segaris dengan baseline, kalau diganggu akan menyusahkan mata pembaca. Jangan mensusun huruf secara vertical. Karena, pembacaan teks Indonesia itu dari kiri ke kanan.<\/li>\n<\/ol>\n<p><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/12-e1525165023638.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3301\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/12-640x268.jpg\" alt=\"\" width=\"640\" height=\"268\" \/><\/a><\/p>\n<p style=\"text-align: justify\"><em>\u00a0<\/em><\/p>\n<ol style=\"text-align: justify\" start=\"14\">\n<li><strong>Hindari widow dan orphan.<\/strong><br \/>\nWidow = 1 kata yang terakhir di paragraph terakhir.<br \/>\nOrphan = 1 penggalan kata yang tersisa di akhir paragraph<br \/>\nBisa dihilangkan dengan modifikasi rag, spasing, atau mengedit teks sesuai dengan persetujuan penulis.<\/li>\n<\/ol>\n<p style=\"text-align: justify\"><em><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/14-e1525165055517.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3302\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/14-e1525165055517.jpg\" alt=\"\" width=\"350\" height=\"106\" \/><\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<ol style=\"text-align: justify\" start=\"15\">\n<li><strong>Mainkan <em>contrast<\/em>.<\/strong><br \/>\nKalau huruf dipadukan dengan warna, usahakan ada kontras yang cukup antara huruf dan warnanya. Background dan huruf jangan yang senada.<\/li>\n<\/ol>\n<p><a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/15a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3304\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/15a.jpg\" alt=\"\" width=\"600\" height=\"140\" \/><\/a> <a href=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/15-e1525165119752.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-3303\" src=\"http:\/\/student-activity.binus.ac.id\/himdkv\/wp-content\/uploads\/sites\/11\/2018\/05\/15-640x341.jpg\" alt=\"\" width=\"640\" height=\"341\" \/><\/a><\/p>\n<p style=\"text-align: justify\">Sudah mengerti? Intinya, desainlah dengan rasa yang enak di masing-masing pribadi.<br \/>\nYuk, mari bekarya dengan huruf-huruf!\u00a0 Selamat mencoba!<\/p>\n<p>&nbsp;<\/p>\n<p>All photos are taken from google.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>15 Basic Typography Rules Mungkin kalian sudah tidak asing lagi dengan kata Tipografi, apalagi dengan anak-anak desain. Untuk memulai berkarya dengan tipografi, kita harus memahami dulu aturan tipografi. Aturan-aturan ini yang akan menjadi guide\u00a0dalam karya tipografi yang baik. Inilah 15 aturan Tipografi untuk para desainer! Huruf klasik. Pakailah huruf klasik yang sudah teruji dan memiliki [&hellip;]<\/p>\n","protected":false},"author":101,"featured_media":3312,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,38],"tags":[],"class_list":["post-3281","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-culture","category-tips-tricks"],"_links":{"self":[{"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/posts\/3281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/users\/101"}],"replies":[{"embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/comments?post=3281"}],"version-history":[{"count":4,"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/posts\/3281\/revisions"}],"predecessor-version":[{"id":3308,"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/posts\/3281\/revisions\/3308"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/media\/3312"}],"wp:attachment":[{"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/media?parent=3281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/categories?post=3281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/student-activity.binus.ac.id\/himdkv\/wp-json\/wp\/v2\/tags?post=3281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}