Bazen yazı tipinizin anlamını hissettirmesi gerekir ve bu işlev için daha fazla tasarımcı dramatik tipografiye yönelir. Bu tip tipografi sadece okunaklılık ve okunabilirlikten daha fazlası için kullanılır (yine de asıl amaç buysa da). Dramatik tipografi öne çıkıyor. Cihaz ekranından geçer, izleyicinin dikkatini ister ve ilettiği mesaja yönlendirir. Marka kimliğini görüntülemek, metin içeriğini geliştirmek, mükemmel bir görsel hiyerarşi oluşturmak ve unutulmaz bir izlenim yaratmak için bir fırsattır. Web arayüzlerinde dramatik tipografinin hızla bir trend haline gelmesi sürpriz değil.

İster basit isterse ayrıntılı olsun, bugünün sitelerindeki kelimeler tamamen yeni bir ışıkta okunmaktadır. Bu yazıda, web tasarımında 5 farklı dramatik tipografi örneğine bakacağız.

1. Basit, Ama Dramatik Yazı

Basit tipografi ve dramatik tipografi karşılıklı olarak münhasır değildir. Aslında, basit tipografi, dramatik tipografinin en iyi biçimlerinden biridir. Bu tekniğin sayfanıza dahil edilmesi nispeten kolaydır - sadece basit bir yazı karakteri seçin ve aşağıdaki ipuçlarını izleyin:

  • Yazı büyüklüğünü artırın (özellikle büyük yazı biçimleri, özellikle kahraman görüntüleri ile birleştirildiğinde güçlü bir mesaj gönderir)
  • Arka plana zıt metin rengi çizme (metin kopyasının rengi genellikle bir görüntüye veya parlak renkli arkaplana zıt olan beyaz veya siyahtır.)
  • Kalın bir stil ekle

Yazı tipi boyutu, etkiyi kontrol etmenin bir yoludur; Aşağıdaki örnek, mektup formlarının kendi başlarına nasıl harika olabileceğini mükemmel bir şekilde göstermektedir. Aşırılıkları, yalıtılmış veya gruplar halinde kullanarak, bir mesajı iğrenç olmaksızın güçlü bir şekilde iletmek mümkün hale gelir.

saklanma yeri

Basit yazı tipleri, güven ve açıklık sağlar.

2. Basit Yazı Tiplerinin Yaratıcı Kullanımı

En temel yazı tiplerini almak ve unutulmaz bir deneyim yaratmak kesinlikle mümkündür. Tek ihtiyacınız olan tipografi ile deney yapmak:

Mesajınızı yüksek ve net göndermeniz mi gerekiyor? Kopyalamak için TÜM CAPS kullanın. Gerçekten özel bir şey yaratmak ister misiniz? Animasyonlu efektlerle veya videolarla birlikte basit yazı karakteri kullanın.

dokuma tezgâhı

3. Dekoratif Yazı

Tasarımcılar dekoratif yazı tipleri hakkında karışık duygular. Birçok tasarımcı, dekoratif yüzleri ucuz ve özensiz olarak küçümserken, diğerleri de onlara tapıyor ve yaratıcı ve ilginç şekillerde kaldı. Bana göre, düzgün bir şekilde kullanıldığına inanıyorum, dekoratif tipografi sitenin tonunu ayarlayabilir ve markayı güzel bir şekilde öne çıkarır; ama sadece markanın kişiliği ve sitenin atmosferi ile eşleştiğinde. Bir tasarımcı uygun bir dekoratif tipte kopya ekleyerek bir denge elde ettiğinde, tüm deneyim daha iyi olur. İşte birkaç örnek:

İçinde Hawk & Hen Aşağıdaki örnekte, dekoratif yazı tipi bu mutfak / bar için ilginç ve benzersiz bir tarz oluşturmaya yardımcı olur.

hawkandhen

bir özel yazı Squarespace'in Uyku Bantları deneyim için doğru bir ruh hali ayarlar.

Squarespace

Oynak yazı karakteri HeadOfffice Enerjik atmosferi ayarlar.

headofffice

Kullanılan modern ve orijinal yazı karakteri Maaemo ana sayfa gizemli bir atmosfer yaratır.

Maemo

Muhtemelen yukarıdaki tüm örneklerin ortak bir özelliği olduğunu fark etmişsinizdir: dekoratif yazı biçimi basit ve minimal bir düzen ile birlikte kullanılır. Bu bir tesadüf değil. Gerçek şu ki, dekoratif tipografi kendi başına ilginçtir. Dolayısıyla, ana sayfanızda dekoratif tip kullanacaksanız, kullanıcı dikkatini tek bir öğeye yoğunlaştırmak için basit bir düzen kullanmak daha iyidir.

4. Yazı

Elle çizilmiş tip, uzun bir süre web tasarımının bir parçası olmuştur. Zaman zaman, taranan gerçek bir yazıdır, ancak çoğu durumda, elle çizilmiş görünmek için yapılmış bir yazı tipi. Script yazı tipleri ve harfler, doğru yapıldığında herhangi bir tasarıma zarif bir hava katmaktadır. Elle çizilmiş metin, organizasyonun arkasındaki mesajlaşmayı iletebildiğinden benzersizdir. Şuna baksana Tahıl ve Harç ve femme fatale Aşağıdaki örnekler. Bu tasarım ajanslarının sanatsal kökleri kendi ana sayfa tasarımlarında parlıyor.

grainandmortar

Elle çizilmiş elemanlar bir markayı insancıllaştırmanın harika bir yoludur.

femme fatale

Sadece okunabilirlik nihai hedef ise, mesajın güzellikte kaybolmadığından emin olun. Potansiyel sorunları önlemek için, elle çizilmiş yazı tiplerinin resimlerin üzerine yerleştirilen büyük başlıklarla sınırlandırılmaya çalışın ve normal kopya için başka bir yazı tipi kullanın.

5. Elemanların Üzerinde Bindirildi

Metin almanın en iyi yollarından biri, diğer öğeler (resimler veya diğer grafik nesneler gibi) üzerine yerleştirilmesidir. Genellikle, üst üste bindirilmek üzere seçilen yazı tipleri, tasarımda mevcut olacak diğer dokuları, desenleri ve resimleri dikkate alır:

Metni, bölümünün ötesine başkalarına da genişletebilirsiniz.

agane

Kelimelerin yarısına sahip olmak bir resmin üzerine “kanıyor”.

volta

Hatta kuralları çiğnemek ve birincil imaj için önem vermek ve arkasındaki kelimeleri gizlemek.

tf

Bu teknikle ilgili iki önemli husus, karşıtlık ve okunaklılıktır . Her iki gereksinimin karşılandığından ve sitenin iyi bir kullanıcı deneyimine sahip olduğundan emin olmak için tasarımınızı test etmeniz gerekir.