Advertisement
  1. Web Design
  2. Web Typography

Jump Start Your Web Typography Dengan 'Archetype'

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

Archetype adalah alat desain tipografi yang benar-benar dapat membantu standarisasi dan mempercepat alur kerja tipografi Anda. Mari jelajahi apa yang bisa dilakukan untuk Anda dalam tutorial video ini!

Memperkenalkan pola dasar

Bekerja dengan pola dasar

Menciptakan gaya tipografi yang konsisten dan seimbang untuk web bisa menjadi canggung, namun Archetype bertujuan untuk membantu mengatasi kesengsaraan tipografi web Anda. Mendapatkan tipografi yang benar, dari awal proyek Anda, akan memastikan bahwa sisa proyek memiliki landasan yang kokoh.

httpsarchetypeappcomhttpsarchetypeappcomhttpsarchetypeappcom
archetypeapp.com
  • Kunjungi aplikasi di archetypeapp.com
  • Langsung dari kelelawar Anda disajikan dengan gaya default yang disarankan oleh pembuat alat. Anda akan melihat gaya untuk judul dan paragraf.
  • Anda dapat menyimpan kemajuan Anda kapan pun, atau masuk dengan Google untuk mempertahankan akses ke semua proyek Anda.
  • Di sidebar sebelah kiri Anda akan menemukan kontrolnya. Di sinilah Anda bisa memilih font, menyesuaikan ukuran dan jarak, dan sebagainya.
  • Anda juga dapat menggunakan saklar toggle untuk menentukan apakah Anda merancang untuk seluler atau desktop.
  • Ketika memilih font yang Anda dapat mengambil inspirasi dari saran berpasangan.
  • Pilih ukuran dengan menentukan ukuran font dasar (1.6em secara default) dan rasio skala. Dari titik ini mulai skala dibangun, dan Anda kemudian dapat menetapkan setiap elemen ukuran yang diinginkan.
  • Setelah Anda senang dengan gaya pilihan Anda dapat melihat pratinjau dokumen untuk melihat bagaimana semua itu tampak bersama-sama.
  • Anda kemudian dapat men-download font Anda dipilih untuk diinstal pada sistem Anda sendiri.
  • Anda juga dapat mengekspor ke sketsa (benar-benar keren), dengan mengikuti petunjuk, menginstal plugin sketsa, dan copy/paste potongan kode yang disediakan untuk membangun dokumen dalam sketsa.
  • Terakhir, Anda dapat mengekspor semua gaya CSS.

Pelajari lebih lanjut tentang Web tipografi

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.