tipografi | bildirgec.org

şimdiye kadar elimden geldiğince, fontlara dair birçok içerik paylaştım sizlerle. bunların arasından iki tanesi var ki benim gözümde diğerlerine göre birkaç adım daha önde.

font konferansı: fontlar kişileştirilirse

Bravefont: the Movie (bir font filmi)

fontlarla haşır neşir olanlar veya fontlara az çok ilgi duyanların mutlaka izlemesi gereken bu iki video ile fontların kişileştirilmesine tanık olmuş, zekice hazırlanmış esprileri ile de bizlere tebessüm kaynağı olmuştu.
bu bildiride de yine bir font (yazı tipi) videosuna yer vereceğiz.

video, font konferansının yaratıcısı olan College Humor tarafından hazırlanmış. videoda işlenen konu ise aralarındaki kozları paylaşacak olan iki ayrı çete üyelerinin karşılaşması. arial'ın ve helvetica'nın çetesi.

Bir site tasarlamak sanıldığı kadar kolay bir iş değildir. Tasarımın güzelliği ayrıntılarda gizlidir ve o ayrıntılar web tasarımında o kadar fazladır ki bazen gözümüzden kaçan hatalar başkasının gözüne çok batabilir. Bu makalede sıkça yapılan hatalara dikkat çekilmiş ve tasarımda bize kolaylık sağlayacak öğelere değinilmiştir.

Tipografi
Web sayfalarında en çok göze hitap eden öğeler yazı karakterleridir. Uygun font’ların kullanılması tasarımlarımızı daha da çekici kılar. Fontların değişik işletim sistemlerindeki görünüşüne buradan bakabilirsiniz. Buradaki listede kullanıcı memnuniyetini en üst düzeye çıkarmak için “yazı tipi ailelerini” (font family) nasıl ayarlamanız gerektiğini bulabilirsiniz.

İkiden fazla Font Kullanmayın!
Tasarımlarda çok fazla sayıda font kullanmak sakıncalı olmaktadır. Eğer farklı font kullanmak istiyorsanız, başlıklar için ayrı düz yazılarınız için ayrı olmak üzere toplam 2 font belirleyin ve kullanın. Örneğin Başlıklar için “IMPACT” yazılar için “ARIAL” kullandıysanız, diğer sayfalarda da bu seçimleri kullanın. Ayrıca her font değişik alt, üst değerler ve satır yüksekliği kullanmaktadır. Bu değerleri karşılaştırmak için TypeTester programını kullanabilirsiniz.

Web tasarım konusunda kendinizi geliştirmek veya yeniliklerden haberdar olmak istiyorsanız. Web tasarım, grafik tasarım, css, html gibi ana konuların işlendiği, aşağıda listesi bulunan 160 rss besleme adresini takip edebilirsiniz.

Blog Theme Machine - Bloglar İçin Özel Tasarımlar

Blog Theme Machine

465 Berea Street - Web Standartları, Erişilebilirlik ve Kullanışlılık Makale ve Haberleri

465 Berea Street

CSS Newbie - Web Geliştirme Rehberleri, İpuçları ve Teknikleri

CSS Newbie

daha önce photoshop ile en iyi yazı efektleri yazısında tasarımlarınızda kullanacağınız yazılar üzerinde yapılabilecek efektlerden bahsetmiştik. güzel bir derleme de şurada yapılmış.

broşür deyince son zamanlarda aklıma gelen tek şey alışveriş merkezlerinin, evlerin posta kutularına bıraktırdıkları fiyat listelerini ve kampanyalarını gösteren kuşe kağıtlar oluyor. ancak iş yalnızca bundan ibaret değil elbette. broşürlerin de tasarım harikası olan çeşitleri var. bunların güzel örneklerinden bir derleme ve tasarımcıları şurada yapılmış mesela.

• Pixellolis
  
  
• Anais Lee
  
  
• Creamfields
  
  

Web tasarımında tipografi bir web sitesinin tonunu, temasını ve mesajını aktarmada önemli bir rol oynamaktadır.

Örneğin bir sitenin odağını modernliğe ya da gelenekçiliğe yöneltmek için sırasıyla sans serif ya da serif yazıtipi kullanmayı tercih edebilirsiniz. Sadece yazıtipinin rengini, satır yüksekliğini, stilini ve boyutunu değiştirerek, içeriğin farklı bölümlerine ilgiyi çekebilir, diğer alanların önemini azaltabilirsiniz. Yazıtiplerinin verimli bir şekilde kullanımı tasarımı sadece çekici kılmakla kalmaz, ayrıca içeriğin okunulabilirliğini ve kullanılabilirliğini de arttırır.

Bu kolleksiyonda tipografiyi işlevsel ve verimli bir şekilde kullanan 20 adet web sitesini bulacaksınız.

1. Jason Santa Maria

Jason Santa Maria'nın kişisel sitesindeki tipografi seçimi ve stilleme, sitenin minimalist tasarımında önemli bir rol oynamaktadır. Büyük boyutlu makale başlıkları ilginizi derhal onlara çekiyor. Sitenin altlık başlıkları gibi çeşitli yerlerinde sIFR kullanılmış. Bu sayede herhangi bir görsel ya da metin kullanılmadan web-safe yazıtiplerinin kullanılması mümkün hale getirilmiş.

günümüzde bir tasarımın kalitesini yükseltmekte fontların etkisi çok büyük. bunun yanında seçilen fontlara göre çalışmaların başarı ve etkileyiciliğini de belirleyen önemli bir unsur. kısacası tasarımlarımızın vazgeçilmez parçalarından olan fontları birçok yerde kullanır, onları ailecek çok severiz. öyle ki şimdiye kadar bildirgeç'te, bir font konferansına katılıp onları kişileştirmiş, bir font filmini izlemiş ve bunların ardından herkesin sahip olmak isteyeceği yepyeni ücretsiz fontlara değinip son olarak da fontlara dair ne varsa bahsetmiştik.
bu bildiride de çalışmalarınızın/tasarımlarınızın vazgeçilmez bir parçası olacak 50 adet yepyeni ücretsiz fonta yer vereceğiz.

Staubiges Vergnügen

Chicago House
UNDECAPPED Vinyl

Typechart

Typechart uygulaması ile CSS kodunu incelerken aynı zamanda çeşitli web tipografi örnekleri arasında gezinebilirsiniz. Tüm tipografi stilleri arasında gezinebilir ve ilgilendiğiniz tipografinin CSS kodunu indirebilirsiniz. Eğer siz de farklı tipografi örnekleri ile ilgileniyor ancak çapraz tarayıcı uyumlu kod yazmak için saatler harcamak istemiyorsanız, bu araç oldukça işinize yarayacaktır.

CSS Type Set

Bu mükemmel araç üzerinden ilgilendiğiniz metni girebilir ve ardından yüzlerce farklı CSS tercihleri üzerinde değişiklikler ypabilirsiniz. İstediğiniz sonuca ulaştığınızda ise tek yapmanız gereken şey, sunulan CSS kodunu kopyalayıp siteniz üzerinde kullanmak.

Typetester

Typetester çevrimiçi bir uygulama olup üç adede kadar yazı tipini karşılaştırmanıza ve beğendiğiniz yazı tipine daha kolay karar verebilmenizi sağlıyor. Uygulamanın ana amacı web tasarımcılarının hayatlarını daha da kolaylaştırmak.