2016 yılının en çok okunan makaleleri bu e-kitapta.

Ücretsiz indirmek için tıklayın

E-Bülten listemize abone olun.

ABONE OL
Detayı Gör
İkon fontları mı, SVG ikonlar mı?

İkon fontları mı, SVG ikonlar mı?

Web arayüzlerinde vektörel ikonlar kullanmamızı sağlayan iki yöntem var: ikon font ve SVG kullanımı. Font ikonlar kullanımı son yıllarda oldukça yaygın bir yöntem. İster kendi oluşturduğunuz ikonları ister internetten elde edebileceğimiz ikonları derleyip, ikon font dosyalarına dönüştürmemizi sağlayan birçok araç var. Ancak son zamanlarda, tarayıcılardaki gelişmelerle birlikte SVG kullanımı daha yaygın hale gelmeye başladı. Bu yazımda, font tabanlı ve SVG formatlı ikonların kullanımlarındaki avantajları ve dezavantajları derledim. Devamını oku… →

Detayı Gör
Tipografik detaylar ve Typewolf favorileri #05

Tipografik detaylar ve Typewolf favorileri #05

Okunabilirliğin ön plan olduğu birbirinden farklı deneyimler sunan temiz, modern ve minimal web tipografisi örneklerini incelemeye devam ediyoruz.

Devamını oku… →

Detayı Gör
Tipografik detaylar ve Typewolf favorileri #04

Tipografik detaylar ve Typewolf favorileri #04

2015 yılının son günlerine yaklaşırken, minimal, temiz ve modern görünümü olan gözde web site tasarımları arasından seçtiğim, tasarımlarınızda ilham alabileceğiniz, okunabilir tipografik örnekler içeren site örneklerini detaylıca tanıtmaya çalışacağım.

Devamını oku… →

Detayı Gör
Responsive tasarım ve tipografi

Responsive tasarım ve tipografi

Responsive tasarımın temel unsuru, ekran çözünürlüklerine göre değişen layout değişiklikleri olarak düşünülse de, aslında dikkat edilmesi gereken en önemli unsurlardan biri de tipografidir. ia.net’ki yazıya göre ise, web tasarımın %95’i tipografiden oluşmaktadır.

Devamını oku… →

Detayı Gör
Tipografik detaylar ve Typewolf favorileri #03

Tipografik detaylar ve Typewolf favorileri #03

Harf aralıklarına saygı gösterin.

Bugün, gözde web site tasarımları arasından seçtiğim, tasarımlarınızda ilham alabileceğiniz, güzel ve okunabilir tipografik örnekler içeren site örneklerini detaylıca tanıtmaya çalışacağım.

Devamını oku… →

Detayı Gör
Sık kullanılan CSS birimleri

Sık kullanılan CSS birimleri

“px”, bir geliştirici ve tasarımcı için hayatın anlamı. Bir arayüzü iskeletten alıp ete kemiğe büründüren CSS’te neredeyse bütün ölçüleri piksellerle yapıyoruz. Peki, piksel kullanmanın yetersiz kaldığı durumlarda ne yapacağız? Tarayıcılardaki hızlı değişim ve gelişimle birlikte artık CSS’in çok daha fazla özelliğini rahatlıkla kullanabiliyoruz. Bu yazımızda, sizin için CSS yazarken kullanabileceğiniz birimlerden, bu birimlerin kullanım şekillerinden ve yerlerinden bahsedeceğiz.

Devamını oku… →

Detayı Gör
Tipografik detaylar ve Typewolf favorileri

Tipografik detaylar ve Typewolf favorileri

Birkaç yıl önce, tipografi hakkında ilham alabileceği herhangi bir web sitesinin olmadığını fark eden Tasarımcı Jeremiah Shoaf‘un hayata geçirdiği  Typewolf.com, diğer tipografi sever tasarımcıların da esinlenebileceği bir web sitesidir.

Her gün, tipografisiyle öne çıkan, güzel ve okunabilirliği yüksek tasarımlar paylaşmaya devam ediyor. Özellikle takip ettiğim, esinlendiğim, bazen paylaştığı tasarımların yazı yüzlerini yorumladığım ve ilham alabileceğimizi düşündüğüm kaynaklar arasında.

Devamını oku… →

Detayı Gör
E-posta okuma deneyimini kolaylaştırın!

E-posta okuma deneyimini kolaylaştırın!

Apple Mail Helvetica’yı, Gmail de, Arial’i varsayılan font olarak kullanıyor olsa da, kusursuz olmayan bu iki font, e-posta gönderirken neden kullanılmamalı? Biraz iddialı oldu biliyorum ama aşağıdaki sebepleri okuyunca muhtemelen siz de bu cümleye hak vereceksiniz. Devamını oku… →

Detayı Gör
Kullanım ekseninde ‘tırnaklı’ ve ‘tırnaksız’ yazı tipleri

Kullanım ekseninde ‘tırnaklı’ ve ‘tırnaksız’ yazı tipleri

Tırnaklı ve tırnaksız yazı tipleri okunabilirlik, tutarlılık gibi konular bağlamında karşılaştırılmaya devam ediyor fakat işin gerçeği şu ki, ikisinin de kullanım olarak yeri ve zamanı var. Bu ikisinin tarihi ve terminolojisi üzerine daha fazla bilgi sahibi olmak, bunların benzerliklerini, farklılıklarını ve ikisini projelerinizde nasıl bir araya getirebileceğinizi anlamanızı kolaylaştıracaktır. Devamını oku… →

Detayı Gör
Barack Obama’ya seçim kazandıran font

Barack Obama’ya seçim kazandıran font

Kullandığınız font kariyerinizi etkiler. 

Bazı yazı karakterleri onlarla yazılan her şey dürüstmüş ya da hiç olmazsa adilmiş hissi verir. Gerçek anlamda, fontla ilgili yapılan nitelemelerin duygusal, algısal ve estetik bir boyutu olduğu gibi biçimsel, izleyişsel ve görsel bir boyutu da bulunduğunu unutmamak gerekir. Font, yazıyı görsel açıdan ne kadar sanatsal kılıyorsa okunma açısından da bir o kadar işlevsel kılabilir. Yazı karakterleri arasında belirli bir oranın korunması, karakterlerin kullanım yerlerindeki doğru konumun seçilmesi ve belirli bir eksene göre ölçü uygunluğu sağlanarak, yazıya ifade gücü kazandırılması gerekir. Bir bakıma yazının okunması, alınması ve anlamlandırılması adına istenen simetrinin oluşturulabilmesi için fontun da bir o kadar doğru seçilmesine gerek vardır.

Devamını oku… →