Bagaimana Memilih Font untuk Sebuah Proyek

Bagaimana Memilih Font untuk Sebuah Proyek – Baru-baru ini saya menerima email dari seorang desainer bernama Jared. Dia mengikuti pelajaran tipografi yang saya tawarkan sebagai bagian dari kursus gratis dan dia sangat berterima kasih untuk itu. Dia berkata bahwa dia belajar banyak tetapi juga memiliki satu pertanyaan penting: bagaimana cara memilih font untuk proyek saya?

Bagaimana Memilih Font untuk Sebuah Proyek

monofonts – Dia memberi tahu saya bahwa dia bekerja untuk biro desain dan memilih font untuk situs web tempat mereka bekerja adalah sesuatu yang dia lakukan sepanjang waktu. Itu juga sesuatu yang membuatnya sangat frustasi karena dia tidak pernah belajar desain dan tipografi, jadi dia kebanyakan melakukannya dengan “firasat” nya. Itu, atau dia menyalin font dari situs web yang dia suka. Dia menyadari keterbatasannya dalam membuat pilihan font asli dan rasa frustrasinya tumbuh setiap hari. Dan dia tidak sendirian.

Sejak saya meluncurkan kursus tipografi web gratis pada tahun 2017, saya cenderung menerima beberapa email serupa setiap bulan. Saya menulis tentang memilih font lebih detail di buku tipografi web saya dan saya juga menjelaskan proses saya dengan contoh nyata. Tetapi tidak semua orang membeli buku itu, jadi saya memutuskan untuk menjelaskan proses saya lagi, dengan contoh lain proyek pribadi baru yang baru saja saya kerjakan.

UX Buddy

UX Buddy akan menjadi kursus online untuk UX dan desainer produk yang ingin mengambil langkah selanjutnya dalam karier mereka. Saya harus berganti banyak pekerjaan sebelum saya menemukan pekerjaan yang selaras dengan apa yang ingin saya lakukan dan apa yang harus saya lakukan. Jadi saya ingin berbagi pengalaman dan membantu memandu desainer dengan sedikit pengalaman untuk menemukan pekerjaan UX yang lebih baik.

Saya bekerja untuk GitLab tempat kami menugaskan teman UX kepada desainer yang baru bergabung untuk membantu mereka memulai (teman UX hanyalah desainer lain dalam tim yang ditugaskan untuk membantu desainer baru). Beberapa bulan pertama sangat melelahkan bagi desainer baru, jadi teman UX membantu dengan membimbing mereka, menjelaskan cara kerja berbagai hal, dan mendorong mereka untuk melakukan hal-hal tertentu.

Baca Juga : Font Kuat Terbaik untuk Berbagai Proyek Desain

Dengan kursus ini, saya ingin melakukan hal yang sama untuk para desainer yang terjebak dalam karir UX mereka. Namun alih-alih menjadi teman mereka hanya setelah mereka bergabung dengan sebuah perusahaan, saya ingin membantu dengan semua hal yang datang sebelumnya menemukan perusahaan UX yang bagus, menulis studi kasus, wawancara, dukungan, dll.

Situs web yang sudah selesai untuk UX Buddy

Jadi dari sinilah ide UX Buddy berasal dan apa tujuannya. Ini adalah titik awal yang sangat bagus untuk menentukan branding. Karena kursus berkisar pada pengalaman saya sebagai pencari kerja, dan juga sebagai pewawancara dalam proses perekrutan, saya ingin branding mencerminkan kepribadian saya.

Saya ingin minimalis tapi tidak steril. Hangat tapi tidak profesional. To the point bukannya berbelit-belit. Saya kemudian melakukan sprint desain dua hari untuk menghasilkan proposisi nilai kursus dan beberapa konten untuk situs web. Tujuannya adalah untuk menyajikan kursus pada satu halaman web. Apa yang saya pikirkan adalah:

Dapatkan pekerjaan UX yang lebih baik untuk judul halaman, dan:

Kursus ini bukan hanya tentang membuat portofolio UX Anda, ini tentang Anda mendapatkan pekerjaan UX yang luar biasa di mana Anda akan melakukan pekerjaan terbaik dalam hidup Anda.

untuk proposisi nilai. Ini bagus dan lebih dari cukup untuk mulai mengerjakan situs web dan, dengan itu, memilih font.

Memilih font

Ok, sekarang bagaimana kita benar-benar memilih font untuk proyek kita? Dalam buku tipografi web saya, saya merekomendasikan tujuh hal untuk dipertimbangkan, tiga kuncinya adalah sebagai berikut:

Tujuan situs web dan kontennya

Tujuannya di sini adalah untuk menyajikan kursus baru saya dan diri saya sendiri sebagai orang yang kredibel dan cakap untuk mengajar tentang topik tersebut. Situs web ini bukan tentang membaca artikel panjang, tetapi perlu mendapatkan perhatian pengunjung dengan cepat.

Teks isi atau judul

Apakah kita memilih font untuk teks isi atau untuk judul? Karena tujuannya adalah untuk memikat pengunjung, saya ingin fokus memilih font yang tepat untuk heading.

Teks

Membaca teks yang kami rancang adalah hal mendasar bagaimana Anda bisa memilih font untuk sesuatu yang Anda tidak tahu tentang apa itu? Membaca sampel teks harus tepat di awal proses. Jangan gunakan Lorem Ipsum, jika Anda tidak bisa mendapatkan sampel konten, coba cari situs serupa dan “pinjam” kontennya sampai Anda mendapatkannya.

Untuk UX Sobat, saya sudah memiliki judul, proposisi nilai, dan nama. Jadi saya baik untuk pergi.

Apa yang saya cari

Pada titik ini, saya memiliki beberapa teks untuk dikerjakan, saya tahu apa tujuannya dan saya juga tahu bahwa saya berfokus untuk menemukan font yang sempurna untuk heading. Itu, dikombinasikan dengan branding yang mencerminkan kepribadian saya, mengarahkan saya untuk menggunakan font geometris sans serif, gaya favorit saya. Jika Anda tidak mengetahui gaya font dasar dan cara membedakannya, lihat panduan saya untuk mengenali gaya font. Ini adalah langkah pertama dalam membuat pilihan font asli.

Saya pertama kali melihat font gaya ini di Google Fonts dan Adobe Fonts tetapi tidak dapat menemukan yang cocok. Misalnya, saya tahu saya ingin font memiliki gaya huruf kecil “a” dan “g” bertingkat satu.

Saya suka kesederhanaannya dan saya pikir itu selaras dengan branding minimalis dan sederhana yang saya kejar. Saya tidak dapat menemukan font seperti itu di penyedia font tersebut, jadi saya melanjutkan untuk mencari di myfonts.

Saya menemukan beberapa pertandingan hebat di sana: Larsseit, Nexa, Axiforma, Mont, Sofia Pro dan Gilroy. Saya juga tahu saya ingin menggunakan bobot yang berani sebagai gaya utama, untuk membantu membangkitkan perasaan ramah itu. Ini dia, sudah diatur dalam warna primer yang saya rencanakan untuk digunakan myfonts. Saya menemukan beberapa pertandingan hebat di sana:

Menariknya, semua font ini memiliki banyak bobot dan memiliki dukungan OpenType dan bahasa yang baik. Font dari myfonts juga dapat langsung dimuat sebagai font web jadi saya tahu tidak akan ada masalah dengan ukurannya dalam kilobyte. Dengan kepastian itu, saya fokus pada gaya font.

Saya melanjutkan untuk menyetel teks yang harus saya kerjakan ke masing-masing font ini dan memeriksanya dengan cermat. Saya mulai dengan nama proyek myfonts juga dapat langsung dimuat sebagai font web jadi saya tahu tidak akan ada masalah dengan ukurannya dalam kilobyte. Dengan kepastian itu, saya fokus pada gaya font. Saya melanjutkan untuk menyetel teks yang harus saya kerjakan ke masing-masing font ini dan memeriksanya dengan cermat. Saya mulai dengan nama proyek.

Mari kita ingat pedoman yang saya buat untuk branding proyek:

  • Minimalis tapi tidak steril
  • Hangat tapi tidak profesional
  • Intinya daripada berbelit-belit Ini bagus untuk langkah selanjutnya mempersempit dan membuat pilihan.

Mempersempit

Lihatlah nama sobat UX yang ditetapkan di Larsseit, Nexa, dan Sofia Pro di bawah ini. Apakah Anda memperhatikan kesamaan yang mereka miliki?

Perhatikan lebih dekat huruf “y”. Lihat betapa tiba-tiba dan tajam kelihatannya? Terlihat dingin dan formal. Bahkan mungkin steril, terutama jika dibandingkan dengan tiga font lainnya yang keturunannya sedikit melengkung (Gilroy di sebelah kanan pada gambar di bawah).

Itu tidak sejalan dengan branding yang saya pikirkan, jadi saya langsung menghilangkan ketiga font ini. Sekarang, saya tinggal bersama Axiforma, Mont dan Gilroy. Mari kita lihat bagaimana tampilan judul halaman saat diatur dengan mereka.

Saya segera melihat sesuatu yang menarik tentang Mont: huruf kecil “t” memiliki gaya yang sangat spesifik (lihat kata “lebih baik” pada gambar di atas). Begitu banyak sehingga menonjol. Saya tidak suka itu jadi saya menghilangkan Mont. Axiforma dan Gilroy sepertinya pilihan yang sangat bagus, jadi saya memeriksanya lebih jauh. Saya memutuskan untuk menetapkan proposisi nilai satu kalimat dari kursus di masing-masing kalimat dan membuat perbandingan berdampingan.

Membuat pilihan

Pada awalnya, saya menyukai bagaimana huruf kecil “f” di Axiforma sejajar dengan huruf lain dalam kata (“Portofolio” pada gambar di bawah). Tapi sekarang juga menjadi jelas bahwa itu terlihat agak aneh ketika berada di akhir kata (“dari” pada gambar di bawah). Itu terlihat tidak seimbang dan aneh.

Sesuatu yang lain menjadi jelas pada saat ini. Beberapa keturunan di Axiforma meringkuk ke atas yang mulai menonjol dalam teks yang lebih panjang seperti ini. Perhatikan huruf kecil “j” dan “y”.

Gilroy juga tidak sempurna, saya tidak terlalu suka tanda kutip dan koma. Gaya dari Axiforma terlihat jauh lebih ramah dan hangat.

Tapi secara keseluruhan, saya suka betapa seimbangnya penampilan Gilroy. Itu juga sejalan dengan apa yang ingin saya capai untuk branding proyek, jadi saya memutuskan untuk menggunakannya. Saya ingin itu menonjol di situs web, jadi saya memutuskan untuk menggabungkannya dengan font sistem untuk teks isi.

Font sistem adalah pendamping yang sempurna dalam hal ini karena font apa yang lebih umum daripada font yang dilihat pengguna di mana saja di komputer mereka? Apple San Francisco di Mac OS dan Microsoft Segoe UI di Windows keduanya terlihat bagus di sebelah Gilroy dan ini adalah font yang akan dilihat sebagian besar pengunjung. Inilah kombinasi terakhir seperti yang terlihat di Mac OS:

Ini menyimpulkan contoh praktis memilih font ini. Saya menetapkan pedoman branding sejak awal dan menghasilkan konten yang dapat saya kerjakan. Sejak saat itu, saya mencari font yang cocok dan terus mempersempit sampai saya mendapatkan pilihan terbaik. Dengan pendekatan ini, saya mendapatkan pilihan font yang selaras dengan tujuan proyek dan mereknya, tetapi juga bekerja dengan baik dengan kontennya. Ini jauh lebih baik daripada menggunakan font yang terlihat bagus di situs web yang saya temukan.

BACK TO TOP