Özel Yazı Tipleri Nasıl Oluşturulur: 7 Adım ve 3 Vaka Çalışması

Kabul edelim; Biz tasarımcıların nefret etmeyi sevdiğimiz yazı tipleri var. Aslında “nefret” kelimesi yeterince güçlü olmayabilir. bela mı? Küfür? Veba? dışkı? Her birinin fikirleri iletmek için kullandığımız cansız harflere, sayılara ve sembollere hakaret ettiğini duydum ve tamamen anlıyorum. O kadar kötü tip suçlar gördüm (ve işledim) ki en tuhaf ofis bülteni bile utandırırdı.

Peki ya size neslimizin en çok yerilen yazı karakterlerinin aslında bir marka tasarımcısının en iyi arkadaşı olabileceğini söylesem? Size cansız harf biçimlerini müşterilerin seveceği (ve karşılığında iyi para ödeyeceği) tatlı logolara nasıl dönüştürebileceğinizi gösterseydim? Yazıya bakışınızı kökten değiştirmeye ve kendinizi sonsuz genişleyen yaratıcı seçenekler evrenine açmaya istekli olur muydunuz? Kendi yazı tipinizi yapmaya hazır mısınız?

Eğer öyleyse, okumaya devam edin, çünkü herhangi bir yazı tipini daha iyi hale getirmek için hemen dönüştürmek için kullanabileceğiniz basit bir işlemi tanıtmak üzereyim. Ve sürecin ne kadar etkili olduğunu göstermek için, her bir adımı tasarımcılar tarafından her yerde tutkuyla hor görülen üç yazı tipi kullanarak göstereceğim.

İlk olarak, genellikle doğum günü afişlerinde ve "tuhaf" kartvizitlerde bulunan, palyaço benzeri karakterlerden oluşan tuhaf bir koleksiyon olan Jokerman .

Ardından, King Tut'un mezarının duvarlarından özenle kopyalanan Papirüs ve tercih edilen kahve dükkanı menüleri, ciddi sanatçılar ve James Cameron var.

Son olarak, giriş gerektirmeyen havalı ve sarsılmaz bir şekilde sıradan tipografik kanun kaçağı - tek, tek, Comic Sans .

Bu olası olmayan gruplandırmadan, başkalarının "çöp!" diye bağırdığı yerde hazineyi görmeyi öğreteceğim. ve en yüksek kalibrede özel logolar oluşturun.

Basit ve Güvenilir Bir Süreç

İğrenç yazı tipinden çarpıcı logoya bir yolculuğa çıkalım ve bir yazı tipinin nasıl yapıldığını öğrenelim. Kötü bir şeyle başlayacağız, iyi bir şeyle bitireceğiz ve her seferinde aynı yedi adımı izleyeceğiz. Yedi adım nedir? Ayrıntıları birazdan tartışacağım, ancak önce bu tür işler için ihtiyaç duyacağınız araçlar hakkında birkaç not.

Önerilen Kurulum

Görsel tasarımcılar, çok sayıda yeni ve uygun fiyatlı tasarım aracına erişebilir. Apple kalem gibi dokunmatik ekranlı cihazlar ve gelişmiş ekran kalemleri, fikirleri yakalamayı ve dijital bir iş akışına geçmeyi her zamankinden daha kolay hale getiriyor. Özgürce deney yapın ve sizin için işe yarayan şeye tutunun. Bununla birlikte, Adobe ve Wacom'un güvenilir araçlarıyla denenmiş ve gerçek bir yaklaşımı tercih ediyorum:

• Photoshop — Yazı tiplerini değiştirmek ve katmanlı iyileştirme çizimleri oluşturmak için kullanılır.
• Illustrator — Son iyileştirme çizimlerini vektör olarak izlemek ve renkler, degradeler, dokular, desenler vb. gibi stil öğelerini hızla eklemek için kullanılır.
• Wacom Tablet — Photoshop'ta dijital çizim için kullanılır.

Jokerman - Crass'tan Classy'ye

Jokerman, yazı karakterlerinin Jim Carrey'idir: asla incelikli, her açıdan yüksek sesle, yine de kitlelere tuhaf bir şekilde çekici gelir. Bu çok saçma ve abartılı ve tam olarak bu eğitimin yapıldığı türden bir yazı tipi. Jokerman gibi tuhaf yazı tipleri, meraklı tasarım öğeleriyle doludur, ancak zevkli bir logo için gereken kısıtlamadan yoksundur. Tasarımcılar olarak sağduyulu davranmaya ihtiyacımız var ve bu genellikle daha net iletişim adına ayrıntılardan vazgeçmek anlamına gelir.

Bizi istenmeyen yazı tipinden üst düzey logoya götüren yedi adımlı basit bir süreç. İşin içinde basit bir çizim var, ancak isminizi yazıp bir resmin izini sürebiliyorsanız, kendi yazı tipinizi nasıl yapacağınızı öğrenmek için ihtiyaç duyacağınız tüm becerilere sahipsiniz demektir. Hadi başlayalım.

1. Yazı Tipini İnceleyin

Photoshop'ta bir yazı tipi seçin (bu durumda Jokerman), logo tipiniz için ihtiyacınız olan işletme adını yazın ve ölçek, orantı, harf ağırlığı vb. gibi tasarım olanakları hakkında fikir edinmek için her harfi hızlıca inceleyin.

2. Fikir

Wacom tabletinizi kullanarak logonuzun gevşek bir taslağını yapın. Burada kesin olmaya gerek yok. Sadece tasarımınız için bir iskelet görevi görecek hızlı ve kolay bir şey çizin.

3. Yazı Tipini Bozun

Seçtiğiniz yazı tipini kullanarak, ölçeklendirin, uzatın, eğin ve her harfi fikir taslağınızın üst kısmından ezin. Bu adımda işleri mükemmelleştirmeye gerek yok. Daha sonra düzelteceksin, o yüzden devam et.

4. Düzeltme Kroki

Şimdi, bozuk harflerinizin üzerine hızlı bir çizim yapın. Orijinal yazı tipinin eksikliklerini iyileştirmeye ve kendi tasarım detaylarınızı eklemeye başladığınız yer burasıdır.

5. İyileştirme Kroki

Bu, Photoshop'ta eskiz ve iyileştirmenin son aşamasıdır. Çalışmayan her şeyi temizleyin ve harflerinizi doldurun, böylece şekil ve harfler arasındaki boşlukların ilişkisi hakkında daha iyi bir fikir edinebilirsiniz.

6. Vektör İzi

İyileştirme çiziminizi Illustrator'a bırakın, kalem aracını açın ve güzel çerçeve eğrilerine giden yolu dikkatlice tıklayın.

7. Son Dokunuşlar

Vektör izlemeyi bitirdikten sonra renkler, gölgeler, vurgular, ana hatlar vb. gibi ince düşünülmüş ayrıntılarla görsel etki katın.

Papirüs — İnce Bir Dönüşüm

İtiraf: Papirüs'ü severim ve kimin bildiği umurumda değil. Cidden, biz tasarımcıların basmaktan hoşlandığı tüm yazı tipleri aslında o kadar da kötü değil. Aşırı kullanılmış mı? Belki. Kalitesiz? Tamam, evet. Ancak bir yazı tipinin, birisine onun amatör tasarım belgesinin saygınlığı olduğunu hissettirmesi, bunun kötü olduğu anlamına gelmez. Ben de Papyrus hakkında böyle hissediyorum. Old Navy'den aldığım gömlek gibi: Çok yakışıyor ve özel günlerde şık olmamı sağlıyor.

Bununla birlikte, gömleğimin kasıtlı olarak yıpranmış kenarları yok. Bakalım Papyrus'un harf formlarının güzel kısımlarını korurken genel görünümü ve hissi biraz daha çağdaş hale getirebilecek miyiz?

1. Yazı Tipini İnceleyin

Yine Photoshop'ta başlıyoruz. Yazı tipinizi (Papirüs) seçin ve logo tipi adını girin. Her mektuba bir göz atın ve olası tasarım ayrıntılarını not edin.

2. Fikir

Wacom tabletinizi çıkarın ve hızlıca bazı kompozisyon fikirleri çizin. Bu adımı fazla düşünme. Adını bir deftere karalamak gibi.

3. Yazı Tipini Bozun

Tıpkı Jokerman için yaptığımız gibi, oluşturduğunuz fikir taslağının üzerindeki her harfi ölçekleyin, uzatın, çarpın ve ezin. Ortalık karışacak ama merak etmeyin!

4. Düzeltme Kroki

Tüm adımlar arasında bu en ürkütücü gibi gelebilir, ancak bunu vurgulamayın.

Sıfırdan inşa etmiyorsun. Gittikçe kendi geliştirmelerinizi eklerken orijinal yazı tipinin yapısını kullanıyorsunuz.

Bu eskiz süper korkunç ve çirkin olabilir. Photoshop'taki katmanların güzelliği, her biri gerçek tasarım amaçlarınıza yaklaşarak birden fazla geçiş yapabilme yeteneğidir.

5. İyileştirme Kroki

Bu Photoshop'taki son adımımız. Tasarımınızın çalışmayan kısımları hakkında kendinize karşı dürüst olun. Harflerinizi renklendirmeye de yardımcı olur, böylece yan yana nasıl göründüklerini görebilir ve formdaki düzensizlikleri ortaya çıkarabilirsiniz.

6. Vektör İzi

İyileştirme çizimini Illustrator'a yerleştirin ve kalem aracıyla vektör izlemenize başlayın.

7. Son Dokunuşlar

Vektör iziniz tamamlandıktan sonra renkler, gölgeler, vurgular ve ana hatlar gibi ayrıntılar ekleyerek logonuzu hayata geçirin.

Comic Sans - Kırışık Bir Gömleği Ütülemek Gibi

Comic Sans ile alay etmeyi reddediyorum. Elbette, uygunsuz zamanlarda ortaya çıkıyor, biraz darmadağınık bir uykudan yeni uyanmış gibi görünüyor. Ancak, bir tasarım özetiyle karşılaştı ve dünyadaki en iyi bilinen yazı tipi olabilir.

Tamamen estetik bir bakış açısından, Comic Sans hakkında sevilecek pek bir şey yok. Kaba, yapmacık ve harflerdeki küçük kıvrımlar ve düğmeler oldukça dikkat dağıtıcı. Yine de, bir logo tipi için işe yarayabilecek bazı ilginç tuhaflıkları var ve tüm zamanların en kötü yazı tipi olarak genel algısı, onu yedi aşamalı iyileştirme tekniğimiz için mükemmel bir meydan okuma haline getiriyor.

Bu sefer mekaniğe daha az odaklanacağım ve size her adımda yaratıcı düşünce sürecim hakkında biraz daha bilgi vereceğim.

1. Yazı Tipini İnceleyin

Bu adım için kendinizi garip bir ergen çocuğun ebeveyni olarak düşünün. Çete gibi görünen bir aptal olduğu inkar edilemez, ancak tüm bunların ötesinde, güçlü, çok yönlü bir genç adam olacağı bir güne kadar görebilirsiniz.

2. Fikir

Fikir, risk alan sanatsal yönünüzü serbest bırakmanın zamanıdır. Kendinizi daha sonra acımasızca düzenleyebilirsiniz, ancak şimdilik şansınızı deneyin.

Comic Sans'ı incelerken, fikir eskizlerime dahil etmeye çalıştığım bir tür hareketli oyunbazlık fark ettim.

3. Yazı Tipini Bozun

Belki siz de benim gibisiniz… Photoshop'ta katmanları düzenleme ve tahribatsız düzenleme tekniklerini kullanma konusunda biraz takıntılısınız. Bu adımda böyle olmayın!

Sözcüğünüzü yazın, yazı tipini rasterleştirin ve bu harflerin tamamını çarpıtın.

4. Düzeltme Kroki

Dediğim gibi, Comic Sans'ın küçük düzensizlikleri çıldırtıcı, bu yüzden bu adım için çizgileri düzeltmeye ve eğrileri yumuşatmaya odaklandım.

5. İyileştirme Kroki

Uzun bir süre boyunca, doğrudan Photoshop'taki Düzeltme Çizimi adımından Illustrator'daki Vektör İzlemeye geçtim. Ancak, vektör harflerimin doldurulduğunu ilk kez gördüğümde, her zaman biraz garip görünüyorlardı.

Bu iyileştirme adımı, mektuplarınızın iyi aralıklarla yerleştirildiğinden emin olmanın harika bir yoludur. Sonuçta harflerin kendileri kadar harflerin arasında oluşan şekiller de aynı derecede önemlidir.

6. Vektör İzi

Kalem aracını kullanırken beyninizi kapatmak kolay olabilir. Tutamaçları işaret etmeye, tıklamaya ve sürüklemeye başlarsınız ve tasarımınızı iyileştirmenin yollarını aramayı bırakırsınız.

Bunu yapma! Elle çizim yaptığınızda, sürekli olarak anlık kararlar ve düzeltmeler yaparsınız. Kalem aracını da benzer şekilde kullanmalısınız.

7. Son Dokunuşlar

Vektör izinin ortaya çıkma şeklinden memnun kaldım, bu yüzden basit bir blok gölge ve birkaç iç vurgu çizgisi ile gitmeyi seçtim.

İdeal olarak, harf formlarınız herhangi bir süsleme olmadan kendi başlarına durabilecektir. Son Dokunuşlar tasarımınızı öne çıkarmak içindir, ancak çok fazla özel efekt eklemeye karşı dikkatli olmalısınız.

İstenmeyen Şeylerin Fırsatı

Biz tasarımcılar, mesleğimizde var olan trendlere, araçlara ve düşünce tarzlarına bağlı kalmak konusunda akıllıyız. Bir topluluk olarak öğreniyor ve büyüyoruz ve alanımızın büyük bir kısmı bir şeyi kötü görüyorsa, nedenini anlamaya çalışmalıyız.

Bununla birlikte, özellikle popüler düşüncenin kaprisine göre tasarım uygulamalarını doğrudan reddetme dürtüsüne de direnmeliyiz. Jokerman kullanmak gibi kötü olarak görülen bir şeyle karşılaştığımızda, diğer tasarımcıların neden böyle hissettiğini öğrenmek güzel, ancak potansiyel olarak değerli bir kaynağı çöp yığınına atmak dar görüşlülüktür.

Bunun yerine, aklınızda dosyada tutabildiğiniz kadar saklayın. Zihinsel notlar alın, gözlemler yapın, sevdiğiniz ve sevmediğiniz şeyleri kategorilere ayırın ve diğer tasarımcıların çeşitli fikirlerini saklayın.

Asla bilemezsiniz, bir gün müşterinizin güzel yeni logosunun temeli olarak Comic sans'ı kullanarak düşünülemez ve riskli tasarım topluluğu alayını yapabilirsiniz.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
• Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
• En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
• Mobil Arayüzler için Sezgisel İlkeler
• Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır