Kromatik Yazı Tipleri ve Düz Tasarım
Web'in düz tasarımla artan nüfuziyeti, daha şekilli bir görünüşe daha iyi bir görünüm sağlamak için, alt gölgeler gibi yapay yapıtların hızlı bir şekilde reddedilmesine yol açmıştır. Fakat bu, tasarımcıyı bir sorunla karşı karşıya bırakıyor: Düz tasarımın ilkelerine bağlı kalarak nasıl bir tarz oluşturuyorsunuz?
Bir çözüm, kromatik yazı karakterleri için yenilenen ilgidir. 19. yüzyıl ahşap blok baskısında yaygın kullanımda, kromatik tip yüzler farklı alanları tanımlamak için birden fazla renk kullanır. Bu, modern logo tasarımına karşı kutup karşıtı bir yaklaşımdır; burada, şekillerin tek bir tonda çalışması gerektiğini öğrettik.
Kromatik tasarımların faydası, derinlik, vurgu ve karakter katmalarıdır; gölgeler gibi daha müdahaleci metin dekorasyonuna gerek kalmadan.
Bunun en güzel örneklerinden biri şudur: Sodachrome. Dan Rhatigan ve Ian Moore tarafından tasarlanan Sodachrome, iki ayrı yazı tipinden oluşur; SSF'ler soldan, diğeri sağa işaret ettikleri bir nokta. Birbirinden ayrı olarak iki yazı tipi farklı dengesiz gözükürler, ancak birbirlerinin üzerine farklı renklerde serilirler, çekici bir levha-serif üretirler. Sodachrome'un ek faydası, iki renk arasındaki örtüşmenin, tasarımın merkezinde üçüncü bir yüz, modern bir sans-serif oluşturmasıdır. Sodachrome'daki görsel ilgi, bu üç farklı tasarım arasındaki etkileşim tarafından yaratılmıştır.
Dan Rhatigan ve Ian Moore tarafından Sodachrome.
Web'de kullanılmak üzere kromatik yazı tipleri geliştirmek biraz zor. Gibi tasarımlar gibi Lisa Lonergan'ın Knoxville'i gibi çok geleneksel roma ana hatlarını takip etmek Mark Frömberg'in Pigmenti - Hangi 600 karakter özellikleri - vektör anahat formatlarına kolayca sığmıyor.
Lisa Lonergan'dan Knoxville.
Mark Frömberg tarafından Pigment.
Yazı karakterleri, hatta grunge tarzı yüzler, bir anahat olarak tasarlanmıştır. Ana hatlar ölçeklendirilebilir, renkli ve aralıklı olabilir ancak tasarımcı seçer. OpenType (OT), TrueType (TT), Web Open Font Formatı (WOFF) ve hemen hemen tüm diğer formatlar bu şekilde çalışır. Bu, kromatik bir tasarımın tek bir dosyada belirtilemeyeceği anlamına gelir. Bununla birlikte, kromatik yazı karakterinin iki ayrı yazı tipi dosyası olarak sunulması koşuluyla, diğerinin üzerine kolaylıkla yerleştirilebiliriz.
CSS, içerik özelliğini kullanarak stillerdeki başlığı çoğaltmamıza, işaretlemedeki içeriği iki katına çıkarmamıza ve SEO ve erişilebilirlik üzerinde olumsuz bir etki yaratmamıza izin verir.
Temel biçim şöyledir:
Any old title
Ve CSS’de:
h1{font-family:"Some Chromatic Font A";color: rgba(50, 0, 0, 0.5);position:relative;}h1:after{font-family:"Some Chromatic Font B";color: rgba(0, 50, 50, 0.5);position:absolute;left:0;content:"Any old title";}Şimdilik, web kullanımı için üretilen kromatik yazı tiplerinin olmaması, kullanımlarının çok sayıda başlık gerektiren bloglar gibi siteler için çok uzak bir adım olduğu anlamına gelebilir. Ancak, görüntülerin kabul edilebilir olduğu durumlarda, nadiren değişen logolar veya başlıklar için, kromatik yazı karakterleri düz bir estetiği koruyan canlı ve ilgi çekici bir ayar tipi türüdür.
Kromatik yazı tipleri ile çalıştınız mı? Hangi teknik zorluklarla karşılaştın? Yorumlarda bize bildirin.