Bir web sitesi tasarlamak, çok fazla çalışmayı gerektiren yoğun bir süreçtir. Renk şeması ve logodan gezinme, düzen ve metin tasarımına kadar düşünülecek çok şey var. Fakat bir web sitesi tasarlamanın belki de en zor yanı, tüm bu farklı unsurları tek bir mantıksal, derli toplu ve dengeli bir birliğe sığdırmaktır.
Web sitesi yazı tipleri bu birliğin önemli bir parçasıdır. Web siteniz hakkında genel bir izlenim edindikten sonra, ziyaretçileriniz siz ve markanız hakkında daha fazla bilgi edinmek için kaçınılmaz olarak metne odaklanacaktır. Bu yüzden bu tasarım parçalarını birbirine yapıştırmaya çalışırken, yazı tipi tasarımınıza özellikle dikkat etmeniz önemlidir. Kaliteli yazı tiplerini bulabileceğiniz tonlarca yer var. Fakat seçtiğiniz yazı tipinin okunabilir, temiz ve tasarımın geri kalanından çok fazla dikkat çekmeden dikkati tam olarak doğru tarafta olduğundan emin olmanız gerekir.
Siteniz bir portföy, blog, web mağazası veya büyük bir şirket web sitesi olsun, doğru yazı tipini seçmek iyi bir web sitesi tasarımına sahip olmanın anahtarıdır. Hangi yazı tipinin markanızın özüne en uygun olduğunu anlamanıza yardımcı olmak için bu süreci sizin için biraz daha basit hale getirmeye çalıştık. İşte web siteniz için ideal yazı tipini seçerken göz önünde bulundurmanız gereken bazı şeyler.
1. Temelden başlayın
Web sitesi yazı tiplerine gelince, incelenecek çok şey var ve çok hızlı bir şekilde bunaltıcı olabilir. Bu yüzden daha ileri gitmeden önce en temel bilgilerden başlamak en iyisidir.
-
Serif veya Sans’a gitmeli misiniz: bu, temel yazı tipi kategorisi sınıflandırmalarından biridir. Roma alfabesine dayanan Serif yazı biçimleri, harflerin dikey ve yatay vuruşlarının sonunda bulunan dekoratif bir vuruşla karakterize edilir.
En ünlü serif yazı tiplerinden bazıları Times New Roman ve Georgia’dır. Özellikle Times New Roman yazı tipi, klasik web uyumlu yazı tipleri kategorisine girer. Genel olarak bunun gibi varsayılan yazı tipi türlerini seçerken yanlış gidemezsiniz, çünkü genellikle okunması kolaydır ve uzun süredir kullanılmaktadır, bu nedenle birçok internet kullanıcısı bunlara alışmıştır. Yine de daha cesur bir yaklaşım denemek istiyorsanız, Noe Display, Freight Text veya Portrait koleksiyonu gibi yazı tiplerini incelemenizi öneririz. Elbette, birkaç isim vermek gerekirse Playfair Display, Cormorant Garamond veya Crimson Text gibi Google’ın ücretsiz olarak kullanabileceğiniz serif yazı biçimleri her zaman vardır.
Playfair Display yazı tipiyle Attika teması
Cormorant Garamond yazı tipi ile Etienne teması
Crimson Text yazı tipiyle Bard teması
Sans yazı karakterlerinin harfleri üzerinde serif yoktur (“sans” kelimesi Fransızca’da “yok” anlamına gelir) ve serif muadillerine göre daha modern ve temiz bir tasarıma sahip olmaları ile tanınırlar. Helvetica, Tahoma, Verdana, Futura ve Arial, yaygın olarak kullanılan sans serif yazı tiplerine örnektir. Ücretsiz yazı tiplerine gelince, Google Yazı Tipleri ücretsiz yazı tipi kitaplığı için şunları denemenizi öneririz: Roboto, Source Sans Pro, Poppins, Heebo veya Montserrat.
Poppins yazı tipine sahip Foton teması
Heebo yazı tipi ile Quart teması
Montserrat yazı tipiyle yele teması
Hangi türü seçeceğiniz büyük ölçüde hedef kitlenize ve yazı tipi tasarımınızla uyandırmak istediğiniz ruh haline bağlıdır. Genel olarak serif yazı karakterleri daha resmi ve zarif bir ton ortaya çıkarmak amacıyla kullanılır, bu nedenle pek çok zarif yazı tipi arasında sıklıkla bulabilirsiniz. Web sayfanıza alternatif bir görünüm vermek için de kullanılabilirler ve genellikle dergilerde ve moda endüstrisinde bulunabilirler.
yazı tipleri olmadandiğer taraftan, çoğu zaman minimalizmi, basitliği ve açık sözlülüğü sembolize eder. Bununla birlikte sans serif yazı tiplerinin en büyük özelliklerinden biri, son derece esnektirler. Örneğin eski tarz bir yazı tipiyle eşleştirilirse, sans serif niteliklerini alabilir ve karşılığında daha geleneksel bir hava verebilir.
-
Karakter aralığı, satır başı ve izleme: Bu üç tasarım öğesi, yazı tipinizin görünümünü belirlerken hayati olabilir. Bu yöntemlerin amacı, harfler arasındaki boşluğu değiştirme görsel olarak hoş ve kolay okunabilir bir yazı tipi elde etmek için. Karakter aralığı, iki harf arasındaki boşluk anlamına gelir, satır aralığı metin satırları arasındaki boşluğu temsil eder ve izleme (veya harf aralığı), harf grupları arasındaki boşluktur.
-
Kontrast: tipografik web tasarımında kontrast, farklı metin parçalarını birçok yolla vurgulayın, hepsi önemli parçaları daha fazla öne çıkarmak amacıyla. Farklı kontrast türleri arasında boyut, ağırlık (metnin belirli bölümlerinin kalın görünmesi), renk, biçim (örneğin, büyük veya küçük harfler) ve yapı (farklı yazı tipleriyle karıştırılmış farklı biçimler) bulunur.
-
Hizalama: Metnin sayfaya nasıl yerleştirileceğini anlamak da font tasarımınıza büyük katkı sağlayabilecek bir unsurdur. Yapabilirsiniz metninizi sola, sağa veya ortaya hizalayın. Ek olarak metnin sağda düzensiz mi yoksa iki yana yaslı mı olmasını istediğinizi seçebilirsiniz.
Genel konuşma, sola hizalanan metin okunması en kolay olanıdır. Tamamen iki yana yaslanmış metin, kenar boşluğunun her iki yanında eşit şekilde sıralandığı için daha resmi kabul edilirken, düzensiz metin daha resmi olmayan ve arkadaş canlısı olma ününe sahiptir. Kitlenizin türüne, beklentilerine ve alan sınırlamalarını düşünmeniz gerekip gerekmediğine bağlı olarak dizilişinizi kurabilirsiniz. Yazma alanını tam olarak kullanmanız gerekiyorsa, o zaman kesinlikle gerekçeli hizalamaya gidin. Mükemmel şekilde hizalanmış metninizin daha az sıkıcı görünmesini istiyorsanız, aralarına bazı görseller veya bir alt başlık ekleyerek metnin farklı bölümlerini her zaman bölebilirsiniz. Bunu yaparsanız, sayfanıza daha temiz ve düzenli bir görünüm vermek için metninizi resimlerin etrafına sardığınızdan emin olun.
Metninizi hizalarken, ayrıca dikkat et Çizgi Uzunluğu (metin bloğunun sol ve sağ tarafı arasındaki mesafe). Satır uzunluğunu ölçmenin en etkili yolu, satır başına ortalama karakter sayısıdır. En uygun satır uzunluğu 45 ila 80 karakterdirboşluklar dahil.
2. Tipografik seçimleriniz tasarım amacınızı yansıtmalıdır
Web’de aralarından seçim yapabileceğiniz pek çok farklı yazı tipi vardır ve yazı tipi seçenekleriniz neredeyse sınırsızdır. Bu kendi içinde iyi olsa da, ne istediğiniz (veya istemediğiniz) hakkında en azından bir fikriniz yoksa, işleri kolayca aşırı karmaşık hale getirebilir. Bu yüzden önemli Web tasarımınızın amacını ve çekmek istediğiniz kitle türünü dikkatlice düşünün.. Daha sonra düşündüğünüz yazı tipinin stilinin, ziyaretçilerinize iletmek istediğiniz genel mesaja karşılık gelip gelmediğine bakın.
Lato yazı tipi ile Patlama Teması
Bu temel ilkeleri bulduktan sonra, yazı tipi tasarımınızı seçerken kendinize sormanız gereken bazı ek sorular şunlardır:
-
Markanızın doğası nedir? Örneğin ciddi mi yoksa rahat mı?
-
Web siteniz bir proje etrafında dönüyorsa, bu ne tür bir projedir? Kısa vadeli mi yoksa uzun vadeli mi? Uzun vadeli bir projenin (örneğin, bir dergi veya haber bülteni) kısa vadeli bir projeden daha fazla gereksinimi olabilir ve zaman ilerledikçe yazı tiplerinin değiştirilmesi gerekebilir. Her ihtimale karşı farklı seçeneklere sahip olmak için farklı varyantlara ve ağırlıklara sahip büyük bir yazı tipi ailesi seçmek en iyisidir. Kısa vadeli bir proje (bir ürün lansmanı veya bir pazarlama kampanyası gibi) üzerinde çalışıyorsanız, ek ağırlık olmadan basit yazı tipi sürümlerine bağlı kalmak yeterli olabilir.
-
Pratikliği ve işlevselliği hedefleyip web uyumlu yazı tiplerinden birini mi tercih etmek istiyorsunuz yoksa diğerlerinden sıyrılıp daha benzersiz bir yazı tipi seçimi mi denemek istiyorsunuz?
-
Web siteniz daha görsel mi olacak (fotoğraflar, animasyonlar ve video gibi grafikler) yoksa çoğunlukla markanız veya ürünleriniz hakkında bol miktarda bilgi sağlayan büyük metin bölümlerinden mi oluşacak?
Kendinize bu soruları sormak, en azından ne istediğiniz hakkında genel bir fikir edinmenize yardımcı olacaktır, bu yüzden bir yazı tipine rastladığınızda, sizin için işe yarayıp yaramadığına karar vermek en azından biraz daha kolay olacaktır.
3. Yazı tipi sayısını seçin ve önem sırasına göre sıralayın
Tipografide, çok fazla iyi olan bir şey kolaylıkla kötüye dönüşebilir. Web siteniz için yazı tipi sayısını seçerken önerimiz şudur: en fazla üç farklı yazı tipini hedefleyin. Bunu daha ayrıntılı olarak ele almamıza izin verin.
-
Birincil yazı tipi: Bu durum sayfanızdaki en görünür yazı tipi olacağından, birincil yazı tipiniz marka kimliğinizle en eş anlamlı olmalıdır. Birincil yazı tipleri çoğunlukla başlıklar gibi daha büyük metinler için kullanılır.
Montserrat yazı tipi ile Capri Teması
Mümkünse, marka logonuzun birincil yazı tipinizin ipuçlarını da içerdiğinden emin olun. Birincil yazı tipinizi seçerken daha cesur yazı tiplerini tercih edebilirsiniz. Fakat günün sonunda bu tamamen markanıza bağlıdır. Voga, Ikaros veya Qontra gibi yazı tiplerine bakmanızı öneririz.
-
İkincil yazı tipi: Gövde kopyanız için bu yazı tipini kullanmalısınız. Bu durum sayfanızdaki herhangi bir makale veya açıklamanın ikincil yazı tipinizde olacağı anlamına gelir. Her şeyden önce, ikincil yazı tipiniz temiz ve okunması kolay olmalıdır. Futura, Roboto veya Verdana gibi yazı tiplerinin tümü, gövde metniniz için sağlam bir yazı tipi seçimi olabilir.
-
Üçüncül (vurgulu) yazı tipi: Bize sorarsanız, bu tamamen isteğe bağlıdır. Vurgulu yazı tipleri, harekete geçirici mesaj veya gezinme menüsü gibi belirli web sitesi öğeleri için kullanılabilir. Ziyaretçilerinizin dikkatini hızla çekebilmek için yeterince belirgin olmalıdırlar. Fakat iki yazı tipini eşleştirmenin, karışıma üçüncüyü atmadan yeterince zor olduğunu unutmayın. Bununla birlikte biraz denemeye hazırsanız ve üçüncül bir yazı tipi kullanmayı denemek istiyorsanız, ek ilham almak için göz atabileceğiniz birçok deneysel yazı tipi de vardır.
Montserrat yazı tipi ile Aoki Teması
Bütün bunlarla birlikte, her markanın kendi gereksinimleri vardır, bu nedenle hiçbir şey kesin değildir. Sadece bunu hatırla ne kadar çok yazı tipiniz varsa, hepsini bir arada uyumlu hale getirmek o kadar zor olacaktır. Bu yüzden mümkünse, aksi kesinlikle gerekli olmadıkça, yazı tipi numaranızı minimumda tutmaya çalışın.
4. Yükleme sürelerine dikkat edin
Bu gün ve yaşta kimsenin yavaş siteler için ne zamanı ne de sabrı var. Bu yüzden bir yazı tipinin yüklenmesi çok uzun sürerse sizin için en iyi çözüm olmayabilir. Bir yazı tipinin web sitenizin hızını yavaşlatmasını önlemek için yapabileceğiniz bazı şeyleri burada bulabilirsiniz.
-
Sınırlı sayıda yazı tipine sadık kalın. Çok fazla yazı tipine sahip olmanın neden en iyi fikir olmayabileceğinden daha önce bahsetmiştik. Yükleme hızı, yazı tipi numaranızda aşırıya kaçmamanızın bir başka nedenidir.
-
Yalnızca ihtiyacınız olan stilleri seçin. Bu şekilde, yazı tiplerinizin boyutu minimum olacak ve daha az boyut, daha az yükleme süresine eşittir. Örneğin bir yazı tipi indirirken yalnızca normal ve kalın stili seçin.
-
Kullanmayacağınız dilleri indirmeyin. Belirli bir yazı tipi için yalnızca bir veya birkaç farklı dile ihtiyacınız varsa, indirirken ihtiyaç duymayacağınızdan emin olduğunuz dillerin seçimini kaldırdığınızdan emin olun.
5. Yazı tipi kombinasyonlarını düşünün
Farklı yazı tiplerini eşleştirirken dikkate alınması gereken birçok şey vardır. Ne de olsa, her yazı tipinin kendine özgü bir karakteri vardır – bazı yazı tipleri daha ciddi, bazıları daha rafine görünürken, diğerleri daha tuhaf ve spontane bir his uyandırır.
Montserrat ve Salı Gecesi yazı tipleriyle Arrosa Teması
Farklı “ruh hallerine” sahip iki yazı tipini karıştırmak aslında işe yarayabilir Zıt kutupların birbirini çektiğini söylüyorlar ve bu kural yazı karakterleri için de geçerli. Künt yazı tipi türlerini daha nötr, bastırılmış olanlarla birleştirmeyi deneyin. İlki başlıklar için kullanılmalı, ikincisi ise gövde kopyası için en iyi sonucu verir.
Nadiren yanlış gidebileceğiniz bir başka iyi kombinasyon da serifleri ve sans serifleri karıştırın. Yazı tiplerinin eşleştirilmesi tamamen kontrast yaratmakla ilgilidir ve serifler ve sans serifler, eşleştirildiğinde ince ama belirgin bir fark yaratmak için fazlasıyla yeterlidir.
Hangi yazı tiplerini bir araya getireceğinizden hala emin değilseniz, her zaman güvenli bir yol seçebilir ve aynı yazı tipi ailesini paylaşan iki yazı tipi kullanın, ilk etapta birlikte gitmek için yapıldıkları için. Hatta aynı yazı tipi ailesinden gelen yazı tiplerini eşleştirmek, bir tutarlılık duygusu getirmenize yardımcı olabilir, böylece…