Web tasarımında tipografinin etkin kullanımı

2015, teknoloji sektöründe derin gelişmelerin yaşandığı bir yıl oldu. Dünya, mobil ve web tasarım ve geliştirme teknolojisinde meydana gelen bazı abartılı değişikliklere tanık oldu.

Bu bilgi parçasında, yazı tipi ve tipografi açısından web geliştirme sektöründe takip edilen en son trendlerden bahsedeceğiz.

Tipografi, mesajınızı hedef kitleniz tarafından anlaşılan iletişimsel, görsel olarak hoş ve dengeli bir düzende bir araya getirme sanatıdır. Web siteleri gibi yeni medya teknolojileri, günümüz kullanıcılarına web yazım hatalarını kendi beğenilerine göre değiştirme ve değiştirme gücü vermiştir. Örneğin boyutu artırabilir, renkleri değiştirebilir ve hatta daha iyi okunabilirlik için yazı tiplerini değiştirebilirler. Web tipografisi, normal baskı tipografisinden tamamen farklıdır. Baskı tasarımlarında basılan tipografi artık değiştirilemez. Web siteleri ve ilgili medya açısından durum tam tersidir.

Ancak bunu söylemekle, web'de tipografiyi değiştirmenin kaldıracının, tasarımcıların ustaca ve mantıklı bir şekilde ele alınmış parçalar yaratma sorumluluklarından kaçmalarına izin verdiğini kastetmiyoruz. Birçok kural, baskı tasarımlarında geçerli olanlara benzer kalır. Yazı tipi seçiminde küçük bir fark bulunur. Web sitesi tasarımı için kullanılan yazı tipleri, basılı yazı tiplerinden farklı olarak “web yazı tipleri” olarak bilinir. Onlar hakkında ayrıntılı olarak okuyalım.

Web Yazı Tipleri

Web yazı tipleri, tüm web tarayıcıları tarafından tanınan yaygın yazı tipleridir ve bunları kullanma nedeni de aynıdır. Hiç kimse web sitesi tasarımlarının farklı tarayıcılarda çılgına dönmesini istemez. Son zamanlarda tasarımcıların çok az yazı tipi seçeneği vardı, yani; Georgia, Times, Verdana veya Courier'in bazı versiyonları. Aynı yazı tiplerinin tekrar tekrar kullanılması, tasarımlarda kavramların ve homojenliğin oldukça iç karartıcı tasvirlerine yol açmıştır.

Neyse ki Type kit, Google Web Fonts ve Font Deck gibi yeni web fontlarının gelişiyle. İlk kez, web'de kullanım için geniş bir yazı tipi yelpazesi mevcut ve web tasarımı, tüm avantajlardan yararlanmak için gelişiyor. Ancak seçenekler artık daha fazla olduğu için, tasarımcıların web tasarımlarında hangi yazı tipini kullanacaklarını seçmeleri daha da zorlaştı. Burada size web tasarımınız için uygun bir yazı tipi seçmenize yardımcı olacak birkaç ipucu sunuyoruz.

Dağınıklık Yapmayın

Tasarım sürecinizin başında taban ve ekran yazı tiplerini işe alın. Web tasarım sürecinde kullanılacak yazı tiplerini işe almak sadece tüm süreci kolaylaştırmakla kalmaz, aynı zamanda tasarımı birden fazla yazı tipiyle doldurmanızı da engeller.

Sapma Yok

Artık temel yazı tipini ve ekran yazı tipini seçtiğinize göre, yalnızca bu seçime bağlı kalmanız gerekir. Ekran yazı tipleri büyük olduğundan ve yalnızca başlıklar için ideal olduğundan, yazı tiplerini değiştirmek için mantıklı bir neden yoktur, ta ki kullandığınız yazı tipleri aynı olmadıkça, yalnızca seçime bağlı kalmanızı öneririz.

Uygun Yazı Tiplerini Seçin

Tasarım sürecine başlamadan önce uygun bir yazı tipi seçtiğinizden emin olun. Bir el yazısı formu, elle yazılmış bir mektup için işe yarayabilir, ancak kurumsal bir şey oluşturuyorsanız, seçiminizi yeniden yapmanızı öneririz.

Artık web sayfanızı tasarlamaya başlamadan önce yazı tipi seçim sürecinde ne yapacağımızı bildiğimize göre, 2015 yılında dünya çapında tasarım uzmanları arasında trend olan farklı yeni yazı tiplerine bir göz atalım.

Tipografi/yazı tipleri, ilgi çekici bir kullanıcı deneyimi yaratmada ana rol oyuncuları olduğundan, içerik oluşturucular, tasarımları için doğru yazı tiplerini seçmek için zamanlarının ve çabalarının önemli bir kısmını harcarlar. Aşağıda, bu yıl trend olan ve birçok tasarımcının tasarımlarında kullanmayı tercih ettiği yazı tiplerinin listesi yer almaktadır:

1. Brandon Grotesk

   

   Bu temiz, modern ve okunaklı yazı tipi, temizliği ve sadeliği nedeniyle günümüzde birçok web tasarımında kullanılmaktadır. Geometrik sans-serif tarzından ilham almıştır ve web tasarımına mükemmel bir görsel hiyerarşi için aralarından seçim yapabileceğiniz çoklu ağırlıklarla birlikte iletişimin netliğini verir.

2. sanat müzesi

   

   Museo sans, iyi bilinen bir müzeye dayanan popüler yazı tiplerinden biridir. Çoklu ekran ve metin kullanım gereksinimlerine uygun, güçlü, düşük kontrastlı ve oldukça okunaklı sans serif yazı tipidir.

3. Raleway

   

   Google ailesine ait, başlangıçta tek ağırlıkta tasarlanan ancak daha sonra çok yönlülüğü ve popülaritesi nedeniyle zarif bir yazı tipi, dokuz ağırlık ailesine genişletildi. Geometrik sans serif stilinden ilham alan başka bir yazı tipi. Bazı tasarımcılar, kişiliği nedeniyle kullanmayı sevdiklerini söylüyor; şık, temiz ve zarif.

4. oyun fuarı ekranı

   

   Adından da anlaşılacağı gibi, bu yazı tipi başlıklar ve başlıklar için kullanılmaya uygundur. Play Fair, raleway, roboto, lato ve çok daha fazlası gibi sans serif yazı tipleriyle kolayca eşleşen popüler bir Google yazı tipidir.

   

Artık yazı tiplerini ve kullanımlarını kısaca tartıştığımıza göre, web tasarım sürecine geçelim.

Profesyonel web sitesi tasarımı son birkaç yılda çok önem kazanmıştır. Bir ziyaretçinin web sitenizde kalması için en son tahmini süre bugün sadece 4 saniyedir; 8 saniye önceydi. Ziyaretçi anında karar verir ve bu 4 saniyede onu ikna etmenin en önemli anahtarı, onu daha fazla kalmaya ve sunduğunuz hizmetler konusunda yalın olmaya teşvik edecek derin bir web sitesi tasarımına sahip olmaktır. Onu 10 saniyeden fazla tutmayı başarırsanız, başarılı bir satışa dönüşme olasılığı neredeyse %50 artar. Web sitenizde kalmalarını sağlamak için neredeyse anında dikkatlerini çekmelidir.

Bu nedenle, ziyaretçinizin web sitenize bağlı kalmasını sağlamak için bu düşünceyle, akılda tutulursa ziyaretçileri web sayfalarınızda daha fazla zaman geçirmeye teşvik eden bazı önemli faktörleri tartışalım.

Bugünün müşterisi öğrenilir. Belirli bir hizmeti aramadan önce insanlar normalde bu konuda araştırma yapmak için zaman ayırırlar. Bu nedenle, bir müşteri web sitenize ne zaman girerse, %90'dan fazla bir ihtimal, internette, herhangi bir arama motorunda sizin hakkınızda bilgi sahibi olduğu yalanını söyler ve müşteri tam olarak ne aradığını bildiğinden, asıl noktaya gelmek ister. zaman kaybetmeden. Aradıklarını ilk birkaç saniye içinde bulamazlarsa, sonsuza dek ortadan kaybolacaklar. Eminiz ki hiçbir işletme böyle bir durumla karşılaşmak istemez. Ne zaman ne olduğunu bilmek için web sitenizde test teknikleri uygulamalısınız!

Dünyanın dört bir yanındaki dijital pazarlama uzmanları, ürün satmaya yönelik herhangi bir web sitesinin yukarıdan aşağıya ve soldan sağa yüklenmesi gerektiğini öne sürüyor. Web siteniz, okuyucuların okuyup aradıkları hayati bilgileri bulması için kaliteli içeriğe sahip olmalı ve bu içerik tasarım yardımıyla optik olarak optimize edilmelidir. Doğru içerik, doğru tasarlanmış maksimum etki!

Hangi Grafik Formatlarını Kullanmalısınız?

Bu soru muhtemelen web tasarımı açısından en önemli sorudur. Ben size sormak istiyorum. Resimlerin yüklenmesi çok uzun süren bir web sitesini kaç kez ziyaret ettiniz? Resimlerin yüklenmesinin bitmesini mi beklediniz yoksa taşındınız mı? Bahse gireriz, taşınmış olmalısın. Yavaş yüklenen web siteleri, web sitesi tasarımı ve geliştirme endüstrisinde büyük bir başarısızlık olarak kabul edilir. Bunun cevabı, müşteri söylemeyi unutmuş olsa bile, web sitesinin yüklenme süresinin düşük olması gerektiğini akıllarında tutan profesyonel bir web sitesi tasarım ve Geliştirme Şirketi kiralamaktır.

.JPG formatı:

.JPG yapılandırması, resimlerin 16 milyona kadar renk tonu içermesine izin verir. Ayrıca, ince öğenin bir yüzdesi pahasına resmin ölçüsünü azaltmanıza izin veren Değişken Sıkıştırmayı da destekler. Bu öğeden yararlanmak için, resmi optimize ettikten sonra görmenize izin verecek bir tasarım programına ihtiyacınız olacak.

JPG, yalnızca birkaç renk tonu olan resimler veya resim olarak yapılan içerik için önerilen bir format değildir. Tamamlanan resim düşük kalitede olacaktır.

.GIF formatı:

.GIF 256'ya kadar tonu destekler. Ayrıca, resmin temelinin algılanamaz olduğunu belirtmenize izin veren “doğrudan anlaşılırlığı” destekler ve bu satırlar boyunca web sitesi sayfa tonlarının görünmesini sağlar.

İçlerinde bu biçimin aşılandığı tasarımlar neredeyse etkilenmez, bu da görüntüyü sıkıştırdığınızda kalitelerinin fazla etkilenmeyeceği anlamına gelir.

Genel olarak, sitenizdeki temsil için hangi grubu kullanmanız gerektiğini anlamak için iyi bir yaklaşım:

• Tasarımınızda çok sayıda renk varsa (örneğin bir fotoğraf) yapılandırma olarak .JPG kullanın, ancak kayıt boyutunun web sitesi sayfasının hızla yığılmasını önleyecek kadar geniş olmadığını doğrulayın. Resim kalitesi ve belge boyutu arasında uygun bir uyum bulun.
• Tasarımınızın yalnızca birkaç rengi varsa (örneğin bir grafik), yapılandırma olarak .GIF kullanın.

Açıkçası, bu bir dereceye kadar site planınızdaki resimlerin hayati bölümünü bozuyor. Web çevrenizi oluşturmak için uzman bir web anahat organizasyonu kullanırsanız, yapılandırma sürecinde bu kuralları takip etmesi gerekir. Oluşturucudan aldığınız devam eden çalışmaların harika konfigürasyon modellerine hızlı bir şekilde sahip olduğunu doğrulamanız gerekir.

Daha Fazla İstemesini Sağlayın

Açıkçası, siteniz ne kadar düzenli olursa olsun ve misafirin dikkatini çekmede ne kadar başarılı olursa olsun, sitenizi bilgilendirici ve alakalı olarak görmeleri gerekir. Onlara kalmaları ve sitenizi taramaları, sitenizi tekrar anmaları için yer imlerine eklemeleri ve yeni misafirler oluşturabilmeniz için siteniz hakkında başkalarını bilgilendirmeleri için motivasyon sağlamanız gerekir.

Bugünün makalesi bu kadar. Bir sonraki makalede, arama motorunun web sitenizi optimize etme tekniklerini ve bununla ilgili sorunları ve bunların çözümlerini ayrıntılı olarak tartışacağız. Arama motoru optimizasyonu, gelişmekte olan ve sürdürülebilir işletmeler için yıllar içinde etkinliğini kanıtladı ve bu tekniklerle işletmeler aslında çok gelişti. Arama motoru üzerinden organik sonuçlar elde etmenize yardımcı olur ve internette benzersiz içerik dahil etme ve bağlantı oluşturma gerektirir. SEO ayrıca dünya çapında çok beğenilen bir meslek olarak kabul edilir.