1. Design & Illustration
  2. Logo Design

Tipografi dalam Tindakan: Desain Logo Tipe Sederhana & Efektif

by
Read Time:16 minsLanguages:
This post is part of a series called How to Create a Logo.
Quick Tip: Create a Colorful Sliced Sphere to use as a Logo Design
How to Design a Weathered Illustrative Logo Set in Adobe Illustrator

Indonesian (Bahasa Indonesia) translation by Nindya Novita (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Tipografi memainkan peranan besar dalam cara merek dipersepsikan, dan seberapa sukses merek dengan konsumen. Pilihan tipe yang bijak dapat membuat logo lebih mudah diingat, lebih aspiratif, lebih dapat dipercaya, dan lebih menarik. Logo tipografi minimal mudah untuk dicapai, dan sering dapat memiliki dampak lebih dari desain logo simbolis.

Di sini, kita akan melihat bagaimana tipografi dapat digunakan dengan sukses di seluruh desain logo, dan memecah bagaimana Anda dapat membuat branding yang efektif untuk berbagai jenis bisnis komersial, menggunakan tip tipografi dan trik yang sangat mendasar.

Kami akan menyelidiki bagaimana perubahan sederhana pada jenis huruf, ukuran, huruf besar, berat, pelacakan, pelurusan, dan warna dapat benar-benar meningkatkan desain tipografi Anda, dan membuatnya sesuai dengan industri dalam sekejap. Jika Anda ingin membuat ulang desain saat Anda membaca, Anda harus memiliki akses ke Adobe InDesign.

Menciptakan Desain Menggunakan InDesign

Desain yang digambarkan di seluruh tutorial ini telah disatukan menggunakan Adobe InDesign.

Untuk membuat ulang logo saat Anda membaca, buka InDesign dan buat dokumen baru untuk Print. Atur Ukuran ke A4, dan orientasi ke Lanskap. Atur Nomor Halaman ke 1 untuk saat ini; Anda dapat menambahkan halaman sesuai kebutuhan. Klik OK.

1. Mainkan sebuah Ampersand

Banyak perusahaan dibentuk melalui kemitraan atau kolaborasi dan akan memiliki ‘and’ sebagai bagian dari identitas perusahaan mereka, mis. Smith and Sons, D & G, H & M, Jones & Rekan.

Pertimbangkan untuk menekankan ‘and’ pada nama perusahaan dengan memberikan keunggulan ke ampersand, ‘&’, dalam desain merek. Hiasan dekoratif dan hiasan tampak anggun dan kuno, memberi logo penampilan yang canggih dan dewasa. Sebuah ampersand besar juga menekankan sifat kolaboratif perusahaan, yang meyakinkan konsumen atau klien bahwa mereka sedang diawasi oleh tim ahli.

Bisnis formal yang menyediakan layanan klien, seperti firma hukum atau konsultan keuangan, akan sesuai dengan desain merek semacam ini, seperti institusi pendidikan atau akademis, seperti universitas dan museum.

Contoh desain logo ini dibuat menggunakan Caslon 540 LT Std, diatur dalam Roman dan Italic, meskipun font serif apa pun dengan desain ampersand yang bagus dapat berfungsi dengan baik. Berat Italik Caslon memiliki ampersand curling yang indah, yang melengkapi karakter huruf besar serif yang lebih tradisional.

exaggerated ampersandexaggerated ampersandexaggerated ampersand

Anda juga dapat mengatur ampersand yang menonjol dalam jenis huruf sans serif. Ini mengubah tampilan dan suasana desain logo. Desain contoh ini diatur dalam BonvenoCF Light. Ini mungkin bekerja dengan baik untuk biro digital atau perusahaan teknologi, atau untuk rumah sakit modern atau kepercayaan kesehatan.

sans serif fontsans serif fontsans serif font

Buat Logo di InDesign

Langkah 1

Untuk membuat ulang desain serif ampersand ini, lompat ke InDesign dan bukalah dokumen yang kami siapkan sebelumnya.

Seret panduan ke bawah dari penggaris atas (View > Show Rulers) untuk menyediakan baseline untuk teks Anda.

new documentnew documentnew document

Buka panel Layers (Window> Layers) dan klik dua kali judul Layer 1 default untuk mengubah nama layer. Ganti namanya sebagai Pemandu dan klik OK.

Klik ikon Create New Layer di kanan bawah panel Layers untuk membuat lapisan kedua di atas Panduan. Ubah nama ini sebagai Teks Hitam. Ulangi proses untuk membuat dua lapisan lainnya, yang pertama bernama Putih, dan lapisan atas bernama Blue Ampersand.

layers panellayers panellayers panel

Langkah 2

Klik pada layer Black Text untuk memastikan Anda bekerja pada layer itu. Sekarang pilih Type Tool (T) dari panel Tools dan seret untuk membuat bingkai teks persegi.

Ketik satu huruf ke dalam bingkai dan atur Font ke Caslon 540 LT Std Roman, Ukuran 150 pt. Duduk bagian bawah surat pada baseline, ditandai oleh panduan. Pilih bingkai teks dan Edit> Salin, Edit> Tempel, edit surat. Duduklah di bingkai kedua di sebelah kanan huruf, dengan jarak sekitar 20 mm di antara dua huruf.

text framestext framestext frames

Langkah 3

Kembali ke panel Layers dan klik pada lapisan atas, Blue Ampersand, untuk mengaktifkannya. Buat bingkai teks ketiga dan ketik '&' ke dalamnya. Atur Font ke Caslon 540 LT Std Italic, Ukuran 170 pt. Anda dapat menariknya keluar dalam warna tebal untuk kontras — di sini saya menggunakan warna biru yang kuat, C = 86 M = 0 Y = 19 K = 0.

ampersandampersandampersand

Langkah 4

Kunci layer Blue Ampersand, dan lompati satu layer ke bawah, ke White. Anda dapat menerapkan sentuhan putih untuk menciptakan tampilan bahwa sisi kiri huruf ‘W’ telah dihapus oleh ampersand.

Pilih Ellipse Tool (L) dan drag untuk membuat oval kecil agar muat di sudut kanan atas ampersand. Atur Stroke ke [None] dan Fill ke [Kertas]. Ulangi untuk membuat oval kecil kedua yang berada di mangkuk ampersand.

blocking out background textblocking out background textblocking out background text

Dan selesai! Desain logo klasik yang elegan disatukan oleh sebuah ampersand yang berani.

final designfinal designfinal design

2. Frame Dapat Memberi Logo Stempel Otoritas

Beberapa merek harus memiliki lebih dari sekadar nama mereka sebagai bagian dari identitas merek mereka. Seorang klien mungkin meminta Anda untuk menyertakan slogan atau lokasi kantor (s) juga.

Anda dapat menyeimbangkan berbagai bagian teks dengan menerapkan aturan A, B, C. A adalah nama perusahaan, dan harus menjadi judul terbesar. B adalah sub-pos, untuk bagian informasi terbesar dan berikutnya yang paling penting berikutnya. Judul C adalah bagian terkecil dan paling tidak penting dari teks.

Jadi dalam contoh ini, 'The Hotel Company' adalah A, 'New York London Paris' adalah B, dan 'Layanan Kelas Dunia Sejak 1952' adalah C.

wihout frameswihout frameswihout frames

Semua teks diatur dalam Arial Bold and Regular. Meningkatkan Pelacakan (ruang antara semua huruf) juga meningkatkan keterbacaan logo dan memberikan surat beberapa ruang untuk bernafas.

Itu semua bagus dan teks terlihat seimbang, tetapi teksnya masih terlihat, yah, seperti teks. Bagaimana kita bisa mengubahnya menjadi sesuatu yang lebih mirip logo?

Stroke dan bingkai sangat sederhana untuk diterapkan pada desain branding Anda, tetapi terkadang diabaikan. Dibingkai oleh empat goresan solid hitam sederhana, teks diubah menjadi logo yang sederhana dan minim.

with lineswith lineswith lines

Taruh bingkai hitam di sekitar teks, dan logo tampak lebih seperti prangko. Gaya desain ini akan sangat sesuai dengan merek gaya hidup, atau ritel mewah.

with a framewith a framewith a frame

Membuat Logo di InDesign

Langkah 1

Kembali ke InDesign dan seret panduan ke bawah dari penggaris atas (View > Show Rulers) untuk membuat garis dasar.

Pilih Type Tool (T) dan seret untuk membuat bingkai teks yang panjang dan sempit. Posisikan secara terpusat pada halaman. Ketik nama perusahaan, dan atur Font ke Arial Bold, Ukuran 40 pt dan Semua Caps. Tingkatkan Tracking ke 130.

text frametext frametext frame

Langkah 2

Buat bingkai teks kedua yang lebih sempit, dan ketik di lokasi kantor. Setel Huruf ke Arial Bold, Ukuran 15 pt, All Caps dan naik Tracking ke 130. Posisikan bingkai ini di atas nama perusahaan.

Setel bingkai teks ketiga di bawah nama perusahaan, atur Font ke Arial Reguler, Ukuran 11 pt, All Caps dan Tracking ke 130, seperti sebelumnya.

three text framesthree text framesthree text frames

Langkah 3

Pilih Alat Garis (\) dari panel Alat dan, tahan Shift pada keyboard Anda, seret dari kiri ke kanan untuk membuat garis horizontal lurus sempurna. Posisikan ke sisi kanan judul B logo, dan rentangkan agar sesuai dengan karakter terakhir dari nama perusahaan.

Atur Stroke Color ke [Black] dan Stroke Weight ke 0,3 mm. Buka Stroke Panel (Window> Stroke) dan atur Cap ke Round Cap, untuk melunakkan titik akhir dari garis.

black lineblack lineblack line
stroke panelstroke panelstroke panel

Langkah 4

Edit> Salin dan Edit> Tempelkan baris, posisikan ke sisi kiri heading B. Tempelkan dua sapuan lagi, posisikan ke salah satu sisi heading C, dan rentangkan panjangnya jika diperlukan.

strokes either side of textstrokes either side of textstrokes either side of text

Langkah 5

Untuk membuat bingkai di seluruh teks sebagai gantinya, pilih Rectangle Tool (M) dan seret untuk membuat bingkai yang memungkinkan sekitar 13 mm margin antara tepi frame dan teks di semua sisi.

Dari panel Stroke, atur Bobot ke 1 mm dan Ketik ke Tebal-Tipis.

framed logoframed logoframed logo

3. Pilih Tipe Retro untuk Branding yang Ramah

Banyak bisnis membutuhkan tampilan merek yang lebih ramah dan mudah diakses daripada perusahaan di sektor yang lebih formal atau eksklusif. Merek makanan, kafe, badan amal, dan agen kreatif harus didekati, dan tipografi yang mereka gunakan dalam desain merek mereka benar-benar dapat membantu memperkuat etos terbuka yang ceria ini.

Desain yang terinspirasi gaya Retro sangat cocok untuk jenis bisnis ini. Sekaligus trendi dan nostalgia, jenis huruf yang terinspirasi vintage yang tepat dapat membuat merek tampak hangat dan mengundang.

Font yang mereferensikan gaya desain 1950-an, dengan ceria, estetika yang menyenangkan, sangat cocok untuk desainer logo. Lihat contoh desain logo ini untuk merek kopi. Bertentangan dengan latar belakang berwarna pastel, jenis ini berjalan di sepanjang jalur melengkung. Anda harus menjaga desain tetap datar (tidak ada bayangan atau gradien) untuk tampilan modern pada tampilan vintage, agar tetap segar dan relevan.

final logofinal logofinal logo

Membuat Logo di InDesign

Langkah 1

Kembali ke dokumen InDesign Anda dan buat halaman baru. Buka panel Swatches (Window> Color> Swatches) dan klik ikon New Swatch di kanan bawah panel.

Klik dua kali nama swatch baru untuk mengeditnya. Atur Mode ke CMYK dan nilainya menjadi berikut: C = 35 M = 1 Y = 20 K = 0. Klik OK.

Pilih Rectangle Tool (M) dari panel Tools dan drag untuk membuat bingkai 180 mm dalam Lebar dan 60 mm Tinggi. Atur Warna Stroke ke [None] dan Warna Isi ke carikan baru Anda, C = 35 M = 1 Y = 20 K = 0.

mint backgroundmint backgroundmint background

Langkah 2

Pilih Ellipse Tool (L) dan drag untuk membuat oval kasar, sekitar 195 mm dalam Lebar dan 100 mm Tinggi. Posisikan secara terpusat di atas persegi panjang berwarna, dengan setengah bagian atas oval duduk di area berwarna.

Pilih Type on a Path Tool (Shift-T), yang dapat Anda temukan pada menu drop-down di bawah Type Tool (T) di panel Tools. Arahkan kursor ke sisi kiri tepi atas oval hingga ikon kecil ‘+’ muncul di sebelah kursor Anda. Klik sekali dan ujung oval akan diubah menjadi jalur teks.

Ketik ‘The Little Coffee Co.’ dan tetapkan Font di Grand Hotel yang gratis untuk diunduh. Tingkatkan Ukuran Font menjadi 70 pt, dan atur Warna Font 'The' dan 'Co' menjadi [Paper]. Setel 'Little Coffee' di carikan CMYK baru, yang dapat Anda buat dari panel Swatch, C = 64 M = 55 Y = 50 K = 50.

Jika Anda perlu menyesuaikan jumlah kurva di bawah tipe, Anda dapat menarik jangkar pusat bawah dari bentuk oval ke atas (untuk mengurangi kedalaman kurva) atau ke bawah (untuk menambah kedalaman).

ellipse toolellipse toolellipse tool

Langkah 3

Pilih Type Tool (T) dan seret untuk membuat bingkai teks kecil yang sempit. Duduklah secara terpusat di bawah nama perusahaan. Ketik ‘~ (spasi) Est. 2005 (spasi) ~ ’dan mengatur Font dalam jenis sans serif tipis. Di sini saya menggunakan BonvenoCF Light, yang memiliki tampilan sedikit retro.

Atur Ukuran Font menjadi 20 pt, Warna Font ke [Paper], All Caps dan Align Center.

type on a pathtype on a pathtype on a path

Langkah 4

Dalam contoh desain ini, kami memperkenalkan warna untuk memberi logo tampilan yang lebih vintage. Namun, kiat hebat untuk menguji kekuatan dan keserbagunaan desain logo, terutama jika telah dirancang dengan warna, adalah mengaturnya menjadi hitam. Jika desain terlihat sedikit 'mati' ketika warnanya dilucuti, desain mungkin perlu lebih dipikirkan.

without a backgroundwithout a backgroundwithout a background

Anda juga dapat mengatur logo dengan warna putih dan mengaturnya di depan latar belakang fotografi untuk menguji lebih lanjut bagaimana itu akan bekerja di berbagai jenis layout dan desain. Apakah itu bekerja sama baik berdiri sendiri pada dokumen cetak karena akan menjadi bagian dari desain halaman web, misalnya?

with a photo backgroundwith a photo backgroundwith a photo background

4. Jadikan Tulisan Desain Anda Ikonik

Ketik logo dapat berisiko terlihat agak hambar dan membosankan di samping rekan-rekan berbasis gambar mereka. Kami telah melihat bagaimana menyesuaikan jenis huruf dan ukuran karakter dan memperkenalkan bingkai dapat membuat logo lebih menarik dan dinamis. Tapi bagaimana Anda bisa memastikan desain logo Anda akan mudah diingat?

Banyak bisnis, khususnya di sektor ritel, menciptakan 'ikon', serta logo, untuk mewakili merek mereka. Ikon dapat berfungsi sama seperti logo pada ukuran kecil, dan biasanya dibuat dengan tata letak persegi, bukan persegi panjang. Mereka sering mengandung lebih sedikit informasi (tidak ada subjudul atau informasi tambahan lainnya) dan, akibatnya, seringkali lebih fleksibel dan mudah diingat daripada logo.

Merek pakaian, misalnya, mungkin memilih untuk menggunakan ikon yang mudah diingat dan dicetak untuk mencetak pada barang dagangan. Kecil, desain simbolis menarik perhatian bahkan pada skala kecil, dan dapat lebih menarik mata dengan aplikasi warna dan kontras.

Jika Anda mendesain logo yang perlu menonjol, dan itu akan terlihat menarik di beragam media, dari barang dagangan hingga jendela toko, pertimbangkan untuk mengatur jenis Anda dalam tata letak persegi atau lingkaran. Berusaha untuk menghapus informasi tambahan yang tidak perlu dan menjaga desain tetap mencolok dan minimal.

Ambil contoh desain logo ini, untuk merek pakaian dan aksesoris fiktif, Jodie. Logo jenisnya bagus, tapi tidak terlalu menarik.

jodie logo with no colorjodie logo with no colorjodie logo with no color

Versi ikon dari desain membungkus nama merek dalam lingkaran berwarna, dan mengatur teks dalam warna putih untuk kontras tambahan. Versi ini terlihat lebih modern dan mudah diingat.

jodie iconjodie iconjodie icon

Ini juga merupakan desain yang lebih serbaguna — Anda dapat dengan mudah mengganti warna ikon untuk memberikan identitas yang berbeda ke rentang merek yang berbeda (misalnya untuk wanita, untuk pria, untuk anak-anak, dll.).

alternative color iconsalternative color iconsalternative color icons

Membuat ikon di InDesign

Langkah 1

Kembali ke dokumen InDesign Anda dan buat halaman baru jika diperlukan (tambahkan dari panel Halaman [Window> Halaman]).

Pilih Type Tool (T) dan tarik untuk membuat bingkai teks 115 mm dalam Lebar dan 40 mm Tinggi. Posisikan bingkai secara terpusat pada halaman, dan ketik ‘Jodie’ ke dalam bingkai.

Atur Font ke Callie Hand Regular, atur Ukurannya menjadi 122 pt dan atur teks ke Align Center.

text frametext frametext frame

Langkah 2

Buat bingkai teks kedua yang jauh lebih kecil dan ketik ‘TM.’ Ke dalam bingkai. Posisikan ke kanan atas bingkai teks pertama, tepat di atas titik ‘i’.

Atur Font ke Fira Sans Reguler, Ukuran 12 pt dan Align Center.

second text framesecond text framesecond text frame

Langkah 3

Pilih Ellipse Tool (L) dari panel Tools dan, tahan Shift, drag untuk membuat lingkaran sempurna dengan diameter 91 mm. Posisikan di atas bingkai teks ‘Jodie’. Klik kanan (Windows) atau Kontrol-Klik (Mac OS)> Atur> Kirim ke Kembali.

Atur Warna Stroke ke [None] dan Warna Isi ke CMYK Swatch pink baru, C = 0 M = 51 Y = 20 K = 0 (pilih Swatch Warna Baru dari panel Swatch [Window> Color> Swatches]).

ellipse toolellipse toolellipse tool

Langkah 4

Sesuaikan warna teks dari kedua bingkai teks ke [Kertas] dari panel Kontrol Pemformatan Karakter yang berjalan di sepanjang bagian atas layar atau dari panel Swatch.

text color to whitetext color to whitetext color to white

KEsimpulan

Merancang logo dan ikon bisa sangat sederhana ketika bekerja dengan tipografi saja. Ingatlah kiat-kiat ini saat merancang untuk membuat desain branding Anda efektif, mudah diingat, dan sesuai dengan klien:

  • Tingkatkan ampersand untuk memberikan gaya dan bakat pada logo formal yang konservatif. Jangan takut karakter yang tumpang tindih atau secara dramatis menyesuaikan pelacakan atau kerning untuk memberikan logo Anda tampilan yang unik dan elegan.
final ampersand logofinal ampersand logofinal ampersand logo
  • Frame dan garis dapat digunakan untuk menarik bersama beberapa baris teks dan memberikan logo tampilan yang berwibawa. Tetap pada aturan A, B, C untuk mengukur judul untuk memberikan desain Anda rasa struktur dan ketertiban.
final framed logofinal framed logofinal framed logo
  • Untuk membuat desain logo lebih ramah dan kurang formal, gunakan font retro atau hand-drawn untuk sentuhan nostalgia. Setel warna hangat, pelengkap untuk menyuntikkan lebih banyak optimisme ke dalam desain.
final retro logofinal retro logofinal retro logo
  • Pertimbangkan untuk merancang ikon berbasis-jenis untuk meningkatkan daya ingat dan dampaknya. Tetap gunakan desain minimal dan kontras warna sederhana untuk memaksimalkan keserbagunaan ikon.
colored iconscolored iconscolored icons

Cari tahu lebih lanjut tentang memilih font untuk logo dan desain cetak lainnya dengan tutorial yang menyenangkan ini dari Julie Felton.

One subscription.
Unlimited Downloads.
Get unlimited downloads