Hepimiz bunu yaptık: gönderenin tam niyetini belirlemek için kısa mesaj veya e-postaları incelemek için çok fazla zaman harcadık. Kelimelerin ardındaki anlamı analiz etmek veya belirli bir bağlamda hangi kelimenin daha iyi uyduğunu tartışmak düzenli olarak yaptığımız bir şeydir. Ancak metnin yazılı ifadenin tonunu görsel olarak nasıl yansıtabileceğini ne sıklıkla düşünüyoruz?
Bir grafik tasarımcının rolünün bir parçası, kelimelerin duygularını, mesajlarını veya atmosferini görünüşleri aracılığıyla ifade etmektir. Örneğin, bir yol işaretine sıvalı bir düğün davetiyesinin süslü yazı tipini düşünün. İstenilen bir etkisi yoktur.
Bu kılavuzda tipografinin gücünü inceleyeceğiz. Tipografinin tanımını, tipografinin temel unsurlarının bir özetini ve web sitesi tasarımınız için doğru yazı tipinin nasıl seçileceğine dair ipuçlarını bulacaksınız :
Tipografi nedir?
Tipografi tipin görsel yönünü ifade eder. Metni okunaklı ve estetik bir şekilde düzenleme pratiğidir. Bunun ötesinde, belirli bir ruh halini atmak veya bir mesajı güçlendirmek için kullanılabilir. Bunu yapmak için, farklı yazı karakterleri ve yazı tipi stilleri kullanabilir, ayrıca boyutu, harfler ve kelimeler arasındaki boşluğu ve daha fazlasını ayarlayabiliriz.
Temel klasik tasarım terimlerinden biri olan tipografi, herhangi bir tasarımın önemli bir parçasıdır. Aynı kelimeler, tasarlanma şekline bağlı olarak farklı bir duygu taşıyabilir. Eğer İster bir logo oluşturarak web sitenizi güncellemek veya hatta bir çocuk kitabı yazma, kopyalama görsel markanızın kişiliğini veya çekirdek mesajın tonu ayarlayabilirsiniz nasıl düşünün.


Tipografinin ana unsurları
Tipografi dünyasına girmek için hangi değişkenlerin oynayabileceğini bilmeniz gerekir. Tipografi terimlerinin kapsamlı bir listesi olsa da, aşağıdaki öğeler başlamak için gerekenlerdir:
Yazı tipleri ve yazı biçimleri
Aralarında belirgin bir fark olduğu için, yazı tipi ve yazı tiplerinin tanımı konusundaki karışıklığı gidermenin zamanı geldi.
Bir yazı tipi, bir yazı tipi ailesinin (örneğin Helvetica, Times New Roman veya meşhur Comic Sans ) toplu adıdır , oysa yazı tipi, o yazı tipi içinde kalın, italik veya kısaltılmış gibi belirli bir stile karşılık gelir. Bu blog yayınının tek bir yazı biçiminde nasıl yazıldığına, ancak birden çok yazı tipi içerdiğine dikkat edin.


Üç farklı yazı tipinde Futura PT yazı tipi.
okunabilirlik
Tipografi ile yaratıcı olmak için bolca fırsat olsa da, metnin nihayetinde okunacak olduğunu unutmayın. Net ve okunaklı bir yazı tipi seçmenin yanı sıra, dikkat edilmesi gereken ek faktörler vardır.
Metninizin boyutunu ve harfler ile satırlar arasındaki boşluğu (veya profesyonel terimlerle ‘karakter aralığı’ ve ‘satır başı’) not edin. Ayrıca, metin ile arka plan rengi arasında yeterli kontrast sağlayın. Bu, web sitenizin erişilebilirliğini artırmanıza da yardımcı olacaktır .


Serif ve Sans Serif
Tipografiyi tartışırken, bu terimleri çok duyacaksınız. Serif yazı tipi, harf konturlarının ucunda küçük dekoratif çizgiler veya “kuyruklar” içerirken, sans serif tam anlamıyla “serifsiz” anlamına gelir. Bu nedenle, sans serif yazı biçimleri (bu blog yazısında kullanılanlar gibi) genellikle harflerin uçlarında herhangi bir bezeme olmadan daha temiz çizgilerden oluşur.


hiyerarşi
Tasarımın temel ilkelerinden biri olarak, tipografide hiyerarşi esastır. Kopya bitleri arasında bir ayrım oluşturmak için kullanılabilir ve okuyucuların hangi bilgilerin en önemli olduğunu anında anlamalarına yardımcı olur. Hiyerarşi, boyuttan (büyük veya küçük), genişliğe (kalın veya ince), öğe yerleşimine (ekranın altındaki metin üst kattaki metinden daha az önemli görünme eğilimi gösterir) kadar bir şey kullanılarak elde edilir.
Örneğin, bir gazete makalesindeki başlık genellikle gövde metninden daha büyük veya daha belirgindir, bu da okuyucuların başlığı gözden geçirerek makalenin özünü elde etmelerini sağlar. Bu aynı zamanda açık ve sindirilebilir bir düzen oluşturulmasına yardımcı olur.
Beyaz boşluk
Beyaz boşluk veya başka bir deyişle “negatif boşluk”, metni veya resimleri çevreleyen boş alanları ifade eder. Grafik öğeleri arasına sağlıklı bir alan eklemek dağınıklığı önlemeye yardımcı olur ve netlik sağlar. Kenar boşlukları veya metnin etrafına boş alan eklemek de buna daha fazla dikkat çekecek ve bölümler veya bilgi blokları arasında ayrım yapmaya yardımcı olacaktır.


hizalanma
Tipografik hizalama, sayfadaki metin akışı ayarını ifade eder. Dört temel ayar vardır:
-
Sola yasla : Metin sol kenar boşluğu boyunca hizalanır.
-
Sağa sola : Metin sağ kenar boşluğuna hizalanır. Soldan sağa okunan dillerde, sezgisel olduğu için genel olarak sağa yaslanma önerilmez.
-
İki yana yaslı: Metin sol kenar boşluğu boyunca hizalanır ve boşluk otomatik olarak ayarlanır; böylece metin hem sol hem de sağ kenar boşluklarıyla aynı hizada olur.
-
Ortalanmış : Metin ortalanmıştır, yani herhangi bir kenar boşluğuna hizalanmamış demektir. Bu, büyük miktarda metinden çok başlıklar için daha uygundur. Kenarlar pürüzlü olduğundan ve okuyucunun her seferinde bir sonraki satırın başlangıcını araması gerektiğinden, uzun biçimli metinlerde okumak zor olabilir.


Web siteniz için tipografi ipuçları
Web sitesi içeriği yazmak bir şeydir, ancak sitenizde en iyi nasıl sunulacağına karar vermek başka bir şeydir. Aşağıdaki ilkeler özellikle web sitesi oluşturmak için hazırlanmıştır, ancak poster veya bülten tasarımı gibi diğer bağlamlarda da uygulanabilir . Tipografi ilkelerini başarıyla web tasarımınıza nasıl uygulayacağınız konusunda ilham almak için grafik tasarım web sitelerinin bu etkileyici koleksiyonuna bir göz atın .
Dikkate alınması gereken altı tipografi ipucu:
01. Marka kimliğinizi yansıtın
İşletmeniz için yaratıcı bir girişime başlamadan önce marka kimliğinizi açıkça tanımladığınızdan emin olun . Eğlenceli ve enerjik misiniz? Yoksa daha geleneksel bir yaklaşımınız mı var?
Her neyse, benzersiz kişiliğinizi ifade eden bir yazı tipi arayın. Amacıyla web siteniz için en iyi yazı türünü , size aradığınızı daha iyi anlaşılmasını sahip zamanlar size his sağa, sonra daraltmak bir kaç toplayarak başlayın.
02. Arayüzünüzde tutarlı olun
Sağlam bir marka kimliği oluşturmanın bir kısmı tutarlılığı içerir. Bu, marka renklerinizden tipografi seçeneklerinize kadar her şeyde gereklidir . Web sitenizdeki, mikro kopyanızı oluşturan küçük metin parçalarından, web sitesi menünüzdeki etiketlere ve ana sayfanızdaki başlıklara kadar çok çeşitli kopyalar arasında tutarlılık önemlidir.
Web sitenizde aynı yazı tiplerini ve yazı tiplerini kullanarak bütünsel bir deneyim yaşayın. Aynı sitede en fazla iki veya üç yazı tipi birleştirebilirsiniz (aşağıda daha fazla), aynı bağlamlarda aynı olanları kullanın. Örneğin, bir sayfadaki başlık Helvetica Bold’da 40px olarak yazılmışsa, diğer başlıkların aynı olduğundan emin olun. Hayatınızı biraz daha kolaylaştırmak için, metin temalarını sitenizde tekrar tekrar kullanmak üzere özelleştirebilir ve kaydedebilirsiniz .
Bir fitness web sitesi için oluşturulan aşağıdaki şablonun , çeşitli kopya bölümlerinde tutarlılığı nasıl koruduğuna dikkat edin .


03. Kolayca okunabilir hale getirin
Metin bir amaca hizmet etmek için orada. Elbette, bu yılın web tasarım trendlerinde gördüğümüz gibi dekoratif olabilir veya genel tasarıma eklenebilir . Ancak, harekete geçirici mesaj düğmeniz için tipografi hazırlıyor veya logonuz için bir yazı tipi seçiyor olsanız da , okunaklı olması gerekir. Bir blog gönderisini okumak için şaşı kalmaktan veya yanlış düğmeyi tıklamaktan daha kötü bir şey yoktur çünkü üzerinde ne yazıldığını yanlış anladınız.
Kopyanızın hem masaüstü hem de mobil cihazlarda okunabilecek kadar büyük olup olmadığını kontrol edin. Seçtiğiniz yazı tipi, seçtiğiniz yazı tipi boyutunda da iyi çalışmalıdır. Bazı yazı tipleri üstbilgi olarak harika görünebilir, ancak daha küçük boyutlarda daha az okunabilir.
04. İki veya üç yazı tipine sadık kalın
Yaratıcılık söz konusu olduğunda sınırlama koymak paha biçilmez bir uygulama olabilir. Aynı şey tipografi için de geçerli. Birden çok yazı tipinden oluşan bir web sitesi dağınık ve tutarsız görünebilir. Bunun yerine, en fazla iki veya üç yazı tipi seçin ve bunları her sayfada tutarlı bir şekilde kullanın.
İyi bir uygulama, esas olarak başlıklar veya başlıklar için kullanılacak bir yazı tipi ve açıklamalar ve blog gönderileri gibi daha uzun metin blokları için kullanılacak bir yazı tipi seçmektir. Biraz çeşitlilik eklemek istiyorsanız, harekete geçirici mesajlar ve diğer mikroskoplar için üçüncü bir yazı biçimi kullanın.
05. Yazı tipi eşleştirmelerini keşfedin
Siteniz için en iyi yazı tipi eşleştirmelerini bulurken, marka kimliğinizi karar verme sürecinizde ön planda tutun. Hangi yazı tipinin başlıklar için ve hangisinin uzun biçimli metin için kullanılacağını akılda tutun. İkincisi özellikle temiz ve okunması kolay olmalı, ancak başlıkları biraz daha etkileyici hale getirerek markanızı gerçekten konuşan bir yazı tipi seçmelisiniz.


06. Web’de güvenli yazı tipleri seçme
Web sitenizin tüm cihazlarda aynı göründüğünden emin olmak için web tarayıcı dostu yazı tiplerini kullanın. Her aygıtın kendi yerleşik yazı tipi kümesi olduğundan, sitenizde web için güvenli olmayan bir yazı tipi varsa, metin orijinalden farklı bir yazı tipinde görünebilir. Tüm titiz tasarım çalışmalarınızdan sonra tam olarak bakacağınız görünüm değil.
Bununla birlikte, önceden yüklenmiş profesyonel yazı tiplerini kullanarak Wix’te bir web sitesi oluştururken bunu kolayca önleyebilirsiniz . Ayrıca, çevrimiçi kaynaklardan ( Google Yazı Tipleri gibi ) birinden güvenli web yazı tipleri indirebilir ve ardından kendi yazı tipinizi Wix Editör’e yükleyebilirsiniz .
KAYNAK: https://www.wix.com/blog/2020/02/what-is-typography/