<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>İlgiselcom &#187; font</title>
	<atom:link href="http://ilgisel.com/blog/etiket/font/feed/" rel="self" type="application/rss+xml" />
	<link>http://ilgisel.com/blog</link>
	<description>İlgi alanlarına dair konular</description>
	<lastBuildDate>Fri, 11 May 2012 19:59:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Bitmap Font&#8217;u bedavaya kullanın</title>
		<link>http://ilgisel.com/blog/yazi/bitmap-fontu-bedavaya-kullanin/</link>
		<comments>http://ilgisel.com/blog/yazi/bitmap-fontu-bedavaya-kullanin/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 19:55:37 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Web Tasarım]]></category>
		<category><![CDATA[bitmap]]></category>
		<category><![CDATA[bitmap font]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[indir]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://ilgisel.com/blog/?p=1986</guid>
		<description><![CDATA[Bir web tasarımcı için font seçimi ve kullanımı önemli bir konudur. İşte hangi font'u seçeceğini bilemeyen yada bu tip bir font arayan tasarımcılar için bu fontu nerede bulacaklarını bu yazıda göstereceğim.]]></description>
			<content:encoded><![CDATA[<p>Bir web tasarımcı için font seçimi ve kullanımı önemli bir konudur. İşte hangi font&#8217;u seçeceğini bilemeyen yada bu tip bir font arayan tasarımcılar için bu fontu nerede bulacaklarını bu yazıda göstereceğim.</p>
<p>Bitmap font aşağıda da gördüğünüz gibi bir font tipidir. Robotikte denebilecek bu font la güzel logolar yada görseller tasarlayabilirsiniz.</p>
<p><img class="aligncenter size-full wp-image-1987" title="04b03" src="http://ilgisel.com/blog/wp-content/uploads/2010/03/04b03.gif" alt="04b03" width="158" height="63" /></p>
<p><img class="aligncenter size-full wp-image-1989" title="04b03b" src="http://ilgisel.com/blog/wp-content/uploads/2010/03/04b03b.gif" alt="04b03b" width="158" height="63" /></p>
<p><img class="aligncenter size-full wp-image-1988" title="04b11" src="http://ilgisel.com/blog/wp-content/uploads/2010/03/04b11.gif" alt="04b11" width="182" height="67" /></p>
<p>İlgili font&#8217;u indirmek için;</p>
<p><a href="http://dsg4.com/04/extra/bitmap/" target="_blank">http://dsg4.com/04/extra/bitmap/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/bitmap-fontu-bedavaya-kullanin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Tasarımcıları için 50 Kalın yazı fontu</title>
		<link>http://ilgisel.com/blog/yazi/web-tasarimcilari-icin-50-kalin-yazi-fontu/</link>
		<comments>http://ilgisel.com/blog/yazi/web-tasarimcilari-icin-50-kalin-yazi-fontu/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 12:04:25 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Web Tasarım]]></category>
		<category><![CDATA[başlık]]></category>
		<category><![CDATA[big font]]></category>
		<category><![CDATA[bold font]]></category>
		<category><![CDATA[büyük font]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[headline]]></category>
		<category><![CDATA[kalın font]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://ilgisel.com/blog/?p=1823</guid>
		<description><![CDATA[Bu yazıda Web 2.0 akımıyla birlikte popülerleşen Kalın Yazı Fontlarını sizlere sunacağım.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-1824 border" title="headlines" src="http://ilgisel.com/blog/wp-content/uploads/2009/09/headlines.jpg" alt="headlines" width="397" height="162" /></p>
<p>Web 2.0 akımıyla birlikte sadece şeker tadında tasarımlar popülerleşmedi, bunun yanında Kalın yazı fontuna sahip Logolar ve içerik başlıkları da popülerleşti. İşte bu yazıyla da Kalın yazı fontları bulabileceğiniz bir kaynağı sizlere sunuyorum.<br />
Konuyu biraz daha derinlemesine anlatmak istersek;<br />
<span id="more-1823"></span><br />
&#8216;<strong>50+ Fonts for Big, Bold Headlines</strong>&#8216; başlığıyla gelen sitede bize sunulan yazı Fontlarının hepsinin Resim halleri bulunmakta. Yani o yazı fontunun neye benzediğini doğrudan görüyoruz. Web Tasarımcıları ve Photoshopta uğraşanların işine yarayacağını sandığım bu kaynağa ulaşmak için aşağıdaki linke tıklamanız yeterli.<br />
<a href="http://designm.ag/resources/headline-fonts/" target="_blank">http://designm.ag/resources/headline-fonts/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/web-tasarimcilari-icin-50-kalin-yazi-fontu/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Tasarım: Uyulması gereken yazı (Typography) kuralları</title>
		<link>http://ilgisel.com/blog/yazi/web-tasarim-uyulmasi-gereken-yazi-typography-kurallari/</link>
		<comments>http://ilgisel.com/blog/yazi/web-tasarim-uyulmasi-gereken-yazi-typography-kurallari/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 22:28:42 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Web Tasarım]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[font okunabilirliği]]></category>
		<category><![CDATA[typografi]]></category>
		<category><![CDATA[yazı kuralları]]></category>

		<guid isPermaLink="false">http://www.dincerdegre.com/weblog/?p=351</guid>
		<description><![CDATA[Bir web sitesi tasarlarken genelde sitenin renklerine, yaptığımız şekile veya kodlamasına çok kafayı takarız ama site oluşturulurken asıl önemli olan sitedeki içeriğin kolayca okunmasıdır.]]></description>
			<content:encoded><![CDATA[<p>Bir ziyaretçi Web sitemize girdiğinde sitenin ne renkte olduğundan, görsel tasarımın nasıl olduğundan çok yazılarla alakalıdır. Ziyaretçi için ilgili yazıyı gözlerini fazla yormadan okuyabilmek esastır.</p>
<p><span id="more-351"></span></p>
<p>Bazı web tasarımcılar yazıyla ilgili tasarımı herhangi bir siteden kopyalayıp, o anki projelerinde kullanmaya çalışırlar. Bu yanlıştır. Görsel tasarıma ne kadar önem veriyorsanız, yazıda bunun parçası olduğundan ona da önem vermeniz gerekmektedir. Yoksa tasarımınızda bir yerlerde yanlış görünen birşeyler olduğu gerçeğiyle karşı karşıya kalırsınız.</p>
<h3>Sitemizde kullanılan Font nasıl olmalı?</h3>
<p>Seçtiğimiz font&#8217;un her sistemde nasıl görüneceği önemlidir. Bu yüzden her bilgisayarda ve farklı sistemlerde kolayca okunabilecek bir Font seçmek gereklidir. Özel fontlar, banner ve grafiklerde güzel görünebilir ama içerikteki yazı için kullanacağımız font, basit, çok ince olmayan ve genel olarak çoğu işletim sisteminde ve web tarayıcıda kullanılan bir font olmalıdır. Böylece sitenizin okunurluğu artmış olacaktır.</p>
<h3>Siteyi tasarken Lorem İpsum gibi örnek yazılar kullanın</h3>
<p><a href="http://tr.lipsum.com/" target="_blank">Lorem ipsum</a>, kullanmanın amacı, sürekli &#8216;buraya metin gelecek, buraya metin gelecek&#8217; yazmaya kıyasla daha dengeli bir harf dağılımı sağlayarak okunurluğu artırmasıdır. Şu anda birçok masaüstü yayıncılık paketi ve web sayfa düzenleyicisi, varsayılan mıgır metinler olarak <a href="http://tr.lipsum.com/" target="_blank">Lorem Ipsum</a> kullanmaktadır. Yazı odaklı bir site tasarlarken <strong>Lorem Ipsum</strong>&#8216;u kullanmak tasarım aşamasında olabilecek sorunları da görmemizi ve ona göre siteyi tasarlamamızı sağlar.</p>
<h3>Siteyi sade bir görüntüde tasarlayın</h3>
<p>Sade bir siteye girdiğimizde neyi, nereden okuyacağımızı kolayca buluruz. Aşağıdaki örnekten gidecek olursak, sitede gözümüze ilk takılan Welcome yazısı olacaktır.</p>
<p><a href="http://www.rikcatindustries.com/"><img class="size-full wp-image-352 aligncenter" title="3hierarch" src="http://www.dincerdegre.com/weblog/wp-content/uploads/2009/08/3hierarch.jpg" alt="3hierarch" width="492" height="438" /></a></p>
<p>Daha sonra yazının başlığını, yazıyı görüyoruz. Biraz yukarı baktığımızda sayfa linklerini görüyoruz. Sağ tarafta ise Recent Post ve Contact Info görünüyor. Eğer yazı odaklı bir site tasarlamışsanız, düzgün ve temiz bir hiyerarşi sitenizin okunurluğunu arttıracaktır.</p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/web-tasarim-uyulmasi-gereken-yazi-typography-kurallari/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Tasarım: Kolay okunabilen içerikler yazmak</title>
		<link>http://ilgisel.com/blog/yazi/web-tasarim-kolay-okunabilen-icerikler-yazmak/</link>
		<comments>http://ilgisel.com/blog/yazi/web-tasarim-kolay-okunabilen-icerikler-yazmak/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 13:38:52 +0000</pubDate>
		<dc:creator>Degre</dc:creator>
				<category><![CDATA[Web Tasarım]]></category>
		<category><![CDATA[alt başlık]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[font okunabilirliği]]></category>
		<category><![CDATA[içerik kontrol]]></category>
		<category><![CDATA[içerik yazmak]]></category>
		<category><![CDATA[içerikte önemli yerler]]></category>
		<category><![CDATA[laf salatası yapma]]></category>
		<category><![CDATA[paragraf kullanmak]]></category>
		<category><![CDATA[stephen king]]></category>
		<category><![CDATA[stephen king kural]]></category>
		<category><![CDATA[tipografi]]></category>
		<category><![CDATA[typografi]]></category>
		<category><![CDATA[vurgu]]></category>
		<category><![CDATA[ziyaretçi]]></category>

		<guid isPermaLink="false">http://www.dincerdegre.com/weblog/?p=206</guid>
		<description><![CDATA[Lise'den beri internet ve web tasarımıyla uğraşan biri olarak, bir sitenin görsel olarak göze hoş görünmesi ve kolay okunmasının sitenin kodlamasından daha önemli olduğunu söyleyebilirim.]]></description>
			<content:encoded><![CDATA[<p>Yazı tipi, renklerin kullanımı, paragraflama, sadelik gibi şeylerin bir web sitesinde olması gerektiği taraftarıyım.<br />
<span id="more-206"></span></p>
<p>Bir Blog (Günlük) yazarı olarakta, bunları uygulamaya ve daha önemlisi neyin nasıl yapılması gerektiğini öğrenmeye çalışıyorum. Yabancı kaynaklara göre sitenize gelen ziyaretçilerin %95&#8242;i içeriğin %80&#8242;ini okumuyor. İstatistik programları yardımıyla Hemen çıkma oranlarından bunun ne kadar doğru olduğunu görebilirsiniz.</p>
<p>Bu tip bir durumla karşı karşıyayken bizim yapmamız gereken bu değeri %20&#8242;lerden daha yukarıya çekmeye çalışmak veya en azından %20&#8242;ye yakınlaştırmak olmalı. Peki bunun için ne yapmalıyız.</p>
<h3>Yazılarınızı Paragraflara Ayırın</h3>
<p>Kolay okunma sağlaması amacıyla yazılarınızı paragraflara ayırın. Böylece yazı daha kolay seçilebilecek ve ziyaretçi yazınızı daha kolay okuyacaktır. Kullanıcıların büyük bir çoğunluğu ne yazıyor, yazının neresini okuyorum diye konsantre olmaya çalışmazlar, eğer yazınızı okuyamazlarsa, sitenizden çıkarlar.</p>
<p>İnsanlar internete girdiklerinde sadece bir siteye odaklanmazlar. Genelde MSN türü bir program arkada açık olur, tercihen facebook&#8217;a göz gezdiriyorlardır, onun dışında web tarayıcının bir sayfasından da sizin sitenizdeki bir içeriği okumaya çalışıyorlardır. (Çocuk çığlıkları, evdeki ebeveynlik görevleri veya gençlerse anne-baba&#8217;larının o anda onlara seslenmesi gibi dış etkenleri dile getirmiyorum bile)</p>
<p>Böyle bir durumda acaba kaç kişi paragraflara ayrılmamış bir yazıya odaklanabilir ki.</p>
<h3>Alt Başlıklar Kullanın</h3>
<p>Alt başlıklar kullanılması ki bu yazıda da alt başlıklar kullanıyoruz, ziyaretçinin ilgilendiği içeriğe daha çabuk ulaşmasına ve yazıyı daha iyi okumasını sağlar. Burada önemli nokta alt başlıklarınızın, başlığın altındaki içerikle ilgili olmasıdır. Yoksa bunları kullanmanın bir mantığı olmaz.</p>
<h3>Gereksiz yere Laf Salatası yapmayın</h3>
<p>Bir ziyaretçi sitenize uzun uzun birşeyler okumak için girmez, onların yaptığı okumak deil sayfayı taramak ve istediği şeyi almaktır. Bu yüzden uzun cümleler yerine, kısa ve öz anlatımlar kullanın. Örnek vermek gerekirse;</p>
<blockquote><p>Sitedeki yazarlarla ve site geneliyle ilgili bilgilere ulaşacağınız sayfa</p></blockquote>
<p>yerine aşağıdaki gibi kısa ve öz olun;</p>
<blockquote><p>Hakkımızda sayfası</p></blockquote>
<p>Sanırım örnek göz önüne alındığında ne demek istediğimi anlaşılmıştır.</p>
<h3>İçerikteki önemli yerlerin vurgulandığına ve yazı içinde öne çıktığına emin olun</h3>
<p>Herşey içeriğin daha kolay ve daha fazla süre okunmasını sağlamak amaçlı olduğunu söylemiştim. Yazıyla ilgili bazı bölümleri belirtmek ve yazıyı tarayan ziyaretçinin bunları görmesini sağlamak gerekir. İşte bu adımda önemli yerleri <strong>koyu</strong>, <em>italik yazı tipi</em>, <span style="text-decoration: underline;">altı çizili</span> kullanarak öne çıkarabiliriz. Burada deminde değindiğimiz doğru alt başlık kullanımı yazının öne çıkmasına yardım eder. Hatta değişik büyüklüklerdeki alt başlıklar kullanarak hangisinin, hangisinden daha önemli olduğunu bir hiyerarşi içinde verebiliriz.</p>
<h3>Sitenizde kullandığınız Font&#8217;un (Yazı Tipinin) okunabilirliğinden emin olun</h3>
<p>Çoğu Web tasarımcı bunu es geçer, seçtiğimiz font neredeyse en önemli etkendir. Tasarımcının Font seçerken yapması gereken en önemli optimizasyon, seçtiği font&#8217;un her sistemde nasıl görüneceğini görmesi ve her bilgisayarda kolayca okunabilecek bir Font seçmesi gerekliliğidir. Özel fontlar banner ve grafiklerde güzel görünebilir ama içerikteki yazı için kullanacağımız font, basit, çok ince olmayan ve genel olarak çoğu işletim sisteminde ve web tarayıcıda kullanılan bir font olmalıdır.</p>
<h3>Ziyaretçilerin soru ve yorumlarını nereye yazabileceklerini açıkça belirtin</h3>
<p>Bazı durumlarda içeriğin tam olarak anlatılmamış yerleri olabilir, bunlara ulaşmak içinse ziyaretçilerin soruları ve yorumları güzel bir seçenektir, onlara bu yolla içeriğe birşeyler katma şansını verin, böylece içeriğinizde eksik kalan kısımlar ziyaretçilerinizin yorumlarıyla tamamlanmış olacaktır. Eğer blog tarzı bir siteniz yoksa size ulaşmaları için bir iletişim formu veya hiç yoktan bir e-mail adresini görebilecekleri bir yere ekleyin.</p>
<h3>İçeriğinizi başka birine kontrol ettirin</h3>
<p>Bir konuyu yazıp, yayınlamadan önce kendimiz kontrol etmiş olsakta, bazen işimiz olduğundan, bazense dalgınlığımıza denk geldiği için bazı hataları göz ardı edebiliriz. Bu yüzden içeriği yayınlamadan önce başka birininde içeriği okuyup hata olup olmadığını kontrol etmesini sağlayın. Böylece içeriğinizdeki hata oranı minimuma düşecektir.</p>
<h2>Sonuç</h2>
<p>Kullanışlı içerik için aklıma gelenler ve internet üzerinde yaptığım araştırmalarda bu ana noktalara dikkat etmek gerektiğini öğrendim. Bunun dışında Gelişmiş ziyaretçiler için linklendirme kullanılarak anlatılan konunun teknik özelliklerini de eklemek gerektiği, içeriği güncel tutmanın önemi ve Stephen King&#8217;in %10 kuralı gibi şeyleri de okudum ama değinmeye değer görmedim. Çünkü yukarıda benzer şeyler geçiyor.</p>
<p>Anlatmadıklarım içinde Stephen King&#8217;in %10 kuralına değinmek istiyorum. bu kural bir formüle bağlanmış.</p>
<blockquote><p>İkinci Taslak = Birinci Taslak &#8211; %10</p></blockquote>
<p>Bu kurala göre bir konuyu yazıyoruz sonra kelimeleri sayıyoruz. Saydığımız kelimelerin yüzde 10&#8242;unu hesaplıyoruz ve çıkan kadar kelimeyi, ilk yazdığımız yazıdan çıkarıyoruz. Böylece daha basit, daha kısa ve okunabilirliği daha fazla olan bir içeriğimiz oluyor.</p>
<p>Bu teknikleri öğrendiğimize göre şimdi bunları web sitelerimizde uygulama zamanı. Bende şu anda gezdiğiniz tasarımı yeni oluşturdum. Benim içinde bu teknikleri göz önüne alarak yazıları ona göre ayarlamanın zamanıdır. Kolay okunabilen içerikler yazmanız dileğiyle.</p>
]]></content:encoded>
			<wfw:commentRss>http://ilgisel.com/blog/yazi/web-tasarim-kolay-okunabilen-icerikler-yazmak/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

