{"id":11098,"date":"2020-12-31T00:00:00","date_gmt":"2020-12-31T00:00:00","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/2020\/12\/31\/7-tips-to-quickly-improve-your-uis\/"},"modified":"2024-09-24T02:20:15","modified_gmt":"2024-09-24T02:20:15","slug":"7-tips-to-quickly-improve-your-uis","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2020\/12\/31\/7-tips-to-quickly-improve-your-uis\/","title":{"rendered":"7 tips to quickly improve your UIs"},"content":{"rendered":"

Menciptakan Uls<\/i> yang indah tapi praktis, membutuhkan waktu dengan banyak revisi. Saya tahu, saya pernah melakukan berkali-kali. Tetapi apa yang saya temukan selama bertahun-tahun adalah bahwa hanya dengan mmebuat penyesuaian yamg sederhana Anda dapat dengan cepat meningkatkan desain sedang Anda buat.<\/span><\/p>\n

1. Gunakan Superfamilies <\/em>saat Anda mencari kombinasi font<\/i> yang bagus tapi cepat.<\/span><\/h4>\n

\"\"<\/p>\n

Saat Anda ingin meningkatkan keterampilan dalam menggabungkan jenis huruf dan Anda dihadapkan dengan 1000-an jenis, pilihlah superfamilies. <\/i><\/span>Superfamilies<\/i> adalah kumpulan typeface dengan tampilan berbagai jenis Serif <\/i>dan Sans Serif<\/i> dengan tujuan mereka dibuat adalah untuk memberikan harmonis visual<\/i> yang erat.<\/span><\/p>\n

Beberapa yang sangat saya rekomendasikan adalah Merriweather<\/i> dan Merriweather Sans<\/i>, Roboto<\/i> dan Roboto Slab<\/i>. Jika Anda ingin menggabungkan berbagai jenis huruf secara efektif dan tanpa khawatir untuk memilih. Kombinasi yang terlihat jelek membuat Anda untuk jarang memilih Superfamilies<\/i>.<\/span><\/p>\n

2. Kurangi jarak huruf pada judul anda untuk memberikan pandangan atau space<\/i> yang lebih baik.<\/span><\/h4>\n

\"\"<\/p>\n

Mengurangi spasi huruf pada body text<\/i> yang panjang? Dari saya tentu saja \u201ctidak\u201d, <\/span>Tapi untuk judul jawaban dari saya \u201cya!\u201d<\/span><\/p>\n

Judul Anda kemungkinan besar akan jauh lebih besar daripada body text<\/i> yang lain. Dari yang terlihat, jarak antara huruf terkadang tempak lebih besar, inilah yang tidak selalu Anda inginkan saat Anda mencari nilai atau estetika yang sempurna. <\/span>Gunakan skala kecil dalam mengurangi jarak-huruf (letter-spacing<\/i>) sehingga membuat judul Anda lebih seimbang, mudah dibaca, dan secara umum lebih menyenangkan dan enak dipandang.<\/span><\/p>\n

3. Dapatkan ritme vertikal yang tepat untuk judul dan body text<\/i><\/span><\/h4>\n

\"\"<\/p>\n

Disaat Anda ingin mencapai ritme secara vertikal yang baik, serta hierarki visual yang kuat antara elemen teks dalam desain Anda, ada baiknya untuk mengatur Margin<\/i> Anda. <\/span>Saya telah melihat banyak desain, yang paling umum dalam daftar artikel dimana mereka telah menerapkan margin atas dan bawah yang sama ke heading, dan dengan demikian telah kehilangan hubungan dengan body text dibawahnya. <\/span>Dalam kasus seperti ini, saya akan selalu memberikan lebih banyak margin atas ke heading<\/i> dan sangat sedikit dibagian bawah sehingga hubungan antara judul dan konten dibawahnya lebih kuat sehingga terdapat irama vertikal yang baik dan hierarki visual<\/i> yang dipertahankan diantara semua artikel.<\/span><\/p>\n

4. Cobalah untuk menggunakan huruf besar pada judul pendek seperti Kickers<\/i>.<\/span><\/h4>\n

\"\"<\/p>\n

Jika Anda ingin menggunakan huruf besar semua pada judul Anda, pastikan judul Anda cukup pendek sebaiknya 1 baris. Menggunakan huruf besar untuk teks yang panjang adalah ide yang sangat buruk. Salah satu tempat yang baik berada di Kickers<\/i> (terkadang disebut Overlines<\/i>) ini merupakan bentuk frasa – frasa singkat dan biasanya hanya beberapa kata, yang dapay muncul diatas judul Anda dan bahkan ingin menerapkan huruf kapital semua.<\/span><\/p>\n

Dan seperti tips sebelumnya dengan menambahkan sedikit spasi huruf ke judul dengan huruf kapital semua juga dapat memungkinkan terlihat lebih baik dan enak dipandang.<\/span><\/p>\n

5. Jika Anda dapat membuat judul pendek dan ringkas, ‘Lakukan saja!’<\/span><\/h4>\n

\"\"<\/p>\n

Jika Anda bisa dan cocok, tetap pertahankan judul yang pendek, tajam dan langsung pada inti. <\/span>Sebagai contoh, setidaknya ini adalah gaya dan cara Anda, maka cukup gunakan sesuatu seperti \u201cgaya anda, cara anda\u201d. <\/span>Pastikan pada judul yang pendek karena pasti orang akan membaca, serta makna yang kuat akan membantu mereka mencerna informasi dengan lebih cepat.<\/span><\/p>\n

6. Saat memilih typeface<\/i> yang multi-guna, cobalah temukan yang memiliki banyak bobot.<\/span><\/h4>\n

\"\"<\/p>\n

Apakah typeface<\/i> yang Anda cari memiliki banyak pilihan bobot dan gaya? <\/span>Coba dan pastikan jika Anda berniat menggunakannya untuk beberapa proyek Anda hanya satu bobot atau gaya. <\/span>Nah, saya sarankan untuk tidak menggunakannya jika \u2018Anda bisa\u2019.<\/span><\/p>\n

Tentu saja akan ada pengecualian dan proyek tertentu yang akan membutuhkan jenis huruf \u2018hanya satu gaya\u2019 yang lebih rumit, tapi untuk sebagian besar proyek Anda memungkinkan typografi dengan cukup banyak \u2018pilihan\u2019. Bahkan jika Anda memutuskan untuk menggunakan hanya 2 atau 3 jenis, berhenti dan bernafaslah dahulu kebih dalam untuk melanjutkan proses desain.<\/span><\/p>\n

7. Pilih jenis huruf yang tepat untuk memberikan \u2018suara\u2019 yang benar pada desain Anda.<\/span><\/h4>\n

\"\"<\/p>\n

Saat mengerjakan teks pada sebuah proyek, dalam hal memilih jenis huruf yang tepay akan memengaruhi jenis suara yang digunakan dalam teks Anda, bisa jadi keras atau lembut, ramah atau formal, serius atau menyenangkan.<\/span><\/p>\n

Setiap typeface<\/i> memiliki suara khasnya sendiri, dan ini semua tentang menemukan suara yang sesuai untuk proyek yang sedang Anda kerjakan. Saat Anda baru saja bekerja dengan typeface<\/i>, ini dapat terlihat menakutkan. Jadi jangan takut untuk terinspirasi oleh proyek serupa diluar sana dan ambilah ide-ide yang tampak didepan Anda untuk membantu Anda dalam membuat keputusan serta meningkatkan pemahaman Anda tentang apa itu \u2018cocok\u2019.<\/span><\/p>\n

Artikel merupakan terjemahan dari artikel asli yang berjudul \u201c7 tips to quickly improve your UIs<\/a>\u201d oleh Marc Andrew<\/a> yang diterbitkan pada situs medium.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Menciptakan Uls yang indah tapi praktis, membutuhkan waktu dengan banyak revisi. Saya tahu, saya pernah melakukan berkali-kali. Tetapi apa yang saya temukan selama bertahun-tahun adalah bahwa hanya dengan mmebuat penyesuaian yamg sederhana Anda dapat dengan cepat meningkatkan desain sedang Anda buat. 1. Gunakan Superfamilies saat Anda mencari kombinasi font yang bagus tapi cepat. Saat Anda […]<\/p>\n","protected":false},"author":10,"featured_media":11099,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11098","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=11098"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11098\/revisions"}],"predecessor-version":[{"id":11797,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11098\/revisions\/11797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11099"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}