Adobe Muse'da tipografi ve fontları kullanma hakkında bilgi için bu makaleyi okuyun.

Not:

Adobe Muse artık yeni özellikler eklemeyecek ve 26 Mart 2020'de desteği sonlandıracak. Ayrıntılı bilgi ve yardım için bkz. Adobe Muse hizmet sonu sayfası.

Not:

  Typekit'in adı Adobe Fonts olarak değiştirildi ve Creative Cloud ve diğer aboneliklere dahil edildi. Daha fazla bilgi alın.

Adobe Muse kullanarak web sayfaları tasarlarken metne font uygulamak için üç farklı font arasından seçim yapabilirsiniz. Sayfaları yayınladığınızda veya dışa aktardığınızda, uyguladığınız font türü metnin nasıl taranacağını belirler. Üç farklı font türü, site davranışını ve performansını da farklı derecelerde etkiler; bu nedenle, bu font türlerini seçerken sonuçlar hakkında bilgi sahibi olmak önemlidir.

Bir web sayfasına metin eklemek için şunları yapabilirsiniz:

  • Metin aracını kullanarak metni doğrudan sayfaya yazabilirsiniz
  • Dosya > Yerleştir'i işaretleyip harici bir TXT dosyası seçerek metin içeriğini yerleştirebilirsiniz
  • Başka bir kaynaktaki metni kopyalayıp sayfaya yapıştırabilirsiniz

Metin içeren bir metin çerçevesi oluşturduktan sonra, Metin veya Kontrol panelindeki seçenekleri kullanarak font rengini, boyutunu, stilini, hizasını ve diğer formatlama seçeneklerini ayarlayabilirsiniz. Ayrıca, Font menüsünü kullanarak sayfa tasarımınıza uygun bir font (Arial veya Helvetica gibi) seçebilirsiniz.

Bu makalede, Font menüsünü kullanarak uygulayabileceğiniz üç farklı font türü hakkında genel bilgiler edineceksiniz. Her bir font türüyle bağlantılı avantajlar ve olası sorunlar ile metni kontrol etme ve metin çerçevelerini düzenleme stratejileri ile ilgili bilgi alacaksınız.

Web fontları, standart fontlar ve sistem fontları arasındaki farkı anlama

Metin içeriğini formatlamak için font uygularken üç seçenek sunulur:

  • Web fontları
  • Standart fontlar
  • Sistem fontları

Her bir seçeneği kısaca şöyle açıklayabiliriz:

Adobe Muse'daki web fontları Typekit fontları, Edge Web Fontları ve Kişisel olarak barındırılan Web Fontlarından oluşur. Bu fontlar Adobe Muse'daki sayfalarınıza uygulayabileceğiniz yüzlerce font tipi içeren geniş bir kitaplığa erişmenizi sağlar. Metin içeriğine web fontları uyguladığınızda, Adobe Muse font ailesine yönlenen bağlantıları oluşturacak kodu otomatik olarak sayfaya ekler. Bir tarayıcı sayfayı ziyaret ettiğinde, sayfa görüntüsünü oluşturmak için gereken web fontlarını indirerek içeriği metin halinde görüntüler. Üstbilgilerinizi ve diğer önemli metin içeriklerinizi çok çeşitli fontlar kullanarak tasarlamanızı ve yayınlanan ya da dışa aktarılan sayfaların metni seçilebilir metin olarak görselleştirmesini sağladığı için web fontlarının birçok avantajı vardır. Ancak, aynı sayfada çok fazla web fontu kullanmamaya dikkat edin. Tıpkı yoğun görüntüler içeren tasarımlarda olduğu gibi, çok fazla bağlantılı dosya olduğunda tarayıcının dosyayı yüklemesi daha fazla zaman alabilir. Tasarımları her sayfada en fazla üç web fontu içerecek şekilde sınırlamak ve font boyutunu nispeten büyük tutarak metnin kolay okunmasını sağlamak en iyi yöntemlerden biridir. Daha fazla bilgi için bkz. Typekit ve diğer Web Fontları.

Standart fontlar (yedekli), sitenizi ziyaret eden tüm makinelerde yüklü olabilecek fontlardır. Bu fontlar arasında Arial, Georgia ve Times New Roman gibi standart font aileleri bulunur. Yayındaki sitede metin olarak taranan küçük bir sık kullanılan Standart fontlar kümesinden seçim yapabilirsiniz. Standart fontlar hızlı yüklenir, fakat dekoratif değildir. Standart fontlar, web üzerinde okunabilirlik açısından optimize edildikleri için metin içeriğinden oluşan uzun paragrafların formatını belirlerken tercih edilecek en iyi seçenektir. Sitenizin iyi bir performans sergilemesi ve yüklenmesinin uzun sürmemesi için mümkün olduğunca standart fontları kullanın.

Sistem fontları, tasarımcının makinesine yüklediği belirli fontlara dayanarak daha özgün bir tipografi kullanmasını sağlar. Örneğin, bir bahçıvanlık sitesi gibi özel bir teması olan bir site tasarlıyorsanız Typekit web fontu kitaplığında bulunmayan sıra dışı bir çiçek fontu yükleyebilirsiniz. Metne ara sıra sistem fontlarının uygulanmasında sakınca yoktur; ancak bu durumda metin içeriğinin görüntü olarak dışa aktarılacağını unutmayın. Bu, sayfanın yüklenmesinin daha uzun sürmesine ve ziyaretçilerin sayfadaki metinde seçme, kopyalama veya yapıştırma işlemleri yapamamasına yol açar. Sistem fontları, üstbilgiler gibi küçük metin parçaları için de uygundur. Siteyi kullanımı kolay bir hale getirmek için adresler, telefon numaraları ve ziyaretçilerin kopyalayıp takvimlerine veya e-posta mesajlarına yapıştırmak isteyebilecekleri herhangi bir içeriğe sistem fontları uygulamaktan kaçının. Bazı ziyaretçilerin küçük metinleri okumakta güçlük çekebileceğini ve tarayıcıyı font boyutunu artıracak şekilde ayarlayabileceğini de unutmayın. Bu strateji, görüntü dosyası olarak dışa aktarılan metinleri okumalarına yardımcı olmaz. Ayrıca bir arama motoru dizin sitelerinin bir sitenin arama sonuçlarındaki sıralamalarını belirlemek için metin içeriği arayacağını da unutmayın. Bu nedenlerden ötürü sistem fontlarını yalnızca tasarımda bir etki yaratmanız gerektiğinde uygulamanız en iyisi olacaktır. Benzer bir web fontu veya Standart bir font varsa sistem fontları yerine bu fontu uygulayın.

Bu üç font türünden her birini uygulamak için Metin aracını kullanarak metni seçin ve fontlar menüsünden istediğiniz seçeneği belirleyin.

Fontlar menüsü
Fontlar menüsü aracılığıyla kullanmak istediğiniz fontu seçin.

Font menüsünün üst kısmında son kullandığınız fontların listesi görünür. Bu özellik, sayfaları tasarlarken bu fontları yeniden uygulamanızı kolaylaştırır. Daha sonra bu kadar fazla font görmek istemediğinize karar verir ya da son kullanılan fontların tümünü temizlemek isterseniz Adobe Muse tercihler alanından ayarlarınızı güncelleyebilirsiniz.

En son kullanılan fontlar
Son fontların sayısını belirleyin veya Fontlar menüsündeki son fontlar listesini temizleyin.

İlerleyen bölümlerde, her bir font türü hakkında ayrıntılı açıklamalar bulabilir ve uygulanan her bir font türünün yayındaki bir web sitesindeki metin içeriklerini nasıl etkilediği hakkında bilgi edinebilirsiniz.

Seçilen metne font uygulama

Fontlarda en iyi görüntü işleme sonuçlarını almak için kullanım amacınıza en uygun fontu seçin. Örneğin, paragraflara (küçük boyutlarda fontlarla görüntülenen büyük miktarda sürekli metin) font eklerken süslü ve dekoratif fontlardan kaçının (bunlar genellikle büyük boyutlu fontlarla görüntülenen üstbilgiler içindir).

Web sitelerindeki metinler açısından dikkate alınması gereken en önemli noktalardan biri, metinlerin okunaklı olmasını sağlamaktır. Web, süslü fontların içerdiği görsel ayrıntı miktarını işleyecek yeterlikte çözünürlükte olmadığı için süslü fontlar küçük boyutlarda olduğunda iyi taranmazlar.

Ayrıca, metni vurgulayarak kişi adlarını, kitap veya film adlarını ve bir paragraf içinde ayrılmasını istediğiniz diğer içerikleri öne çıkarabilmeniz için bir paragraf fontunun normal, eğik, kalın ve kalın eğik stillerde kullanılması gereklidir. Dekoratif ve oldukça stilize edilmiş çoğu font ailesinde bu stil seçenekleri bulunmaz.

Fontlar teknik olarak belirli kullanımlara göre de optimize edilebilir. Bir font, özellikle büyük boyutlarda kullanıldığında daha iyi işlenen bir vurgulama formatı kullanabilir ya da tüm platformlarda küçük boyutlarda olduğunda en iyi şekilde işlenen font ipuçları içerebilir. Daha önce de belirttiğimiz gibi, Adobe Muse'da web fontlarına eriştiğinizde, web fontu kitaplığından fontları filtreleyerek paragraf ya da başlık alanlarında kullanılması önerilen listeyi görebilirsiniz. Belirli bir fontun tasarımınızdaki başlık veya paragraflar için uygun olup olmadığına karar veremiyorsanız fontları bu paragraf veya başlık önerilerine göre seçtiğinizde oluşturduğunuz sayfaların kolayca okunabileceğinden emin olabilirsiniz.

Web fontları içeren bir metne, Standart fontlar ve sistem fontları uygulamak için kullanılan işlemleri kullanarak stil uygulayabilirsiniz. Web fontlarını kullanarak metin stilini belirlemek için şu adımları uygulayın:

  1. Metin aracını kullanarak bir metin çerçevesindeki belirli bir metni seçin.

  2. Font menüsünden Web Fontlarını seçip listeden Font ailesinin adını işaretleyerek uygulamak istediğiniz fontu belirleyin.

    Web Fontlarını seçme
    Font adını belirleyerek seçilen metin içeriğine bir web fontu uygulayın.

    Bir fontu uyguladıktan sonra, Metin panelini veya Kontrol panelindeki seçenekleri kullanarak fontun boyutunu, rengini ve diğer niteliklerini dilediğiniz şekilde ayarlayabilirsiniz.

    Not:

    Web fontları sayfalarınızı tasarlarken tıpkı diğer font türlerinin davranışını sergiler. Metin formatını düzenleyebilir, metin çerçevesini düzenleyip yeniden boyutlandırabilir ve sayfada görünmesini istediğiniz yere yerleştirebilirsiniz.

  3. Site tasarımınızı tamamladığınızda, Önizle'yi tıklatarak tasarımın Adobe Muse'da nasıl göründüğünü görebilirsiniz. Dilerseniz Dosya > Sayfayı Tarayıcıda Önizle'yi seçerek tasarımı bir tarayıcı penceresinde gözden geçirebilirsiniz.

    Yukarıda da belirttiğimiz gibi, yüzlerce font arasından seçim yapabildiğiniz için ve sayfadaki benzersiz tipografi sistem fontlarının tersine görüntü dosyaları olarak değil, metin olarak dışa aktarılması nedeniyle, web fontları özellikle ilginç sayfalar tasarlarken kullanışlıdır.

  4. Sayfayı bir tarayıcıda önizlediğinizde, web fontu metninin metin içeriği olarak işlendiğini göreceksiniz. Web fontu metnini seçin ve kopyalayarak nasıl bir davranış sergilediğini kontrol edin.

    Web fontu metni seçilebilir
    Web fontu metni, metin olarak dışa aktarıldığı için bir web tarayıcısında seçilebilir niteliktedir.

Metin içeriğini görüntü olarak değil, metin olarak dışa aktarmak daha çok tercih edilir. Sistem fontlarını seçtiğinizde, metin içeriği görüntü olarak dışa aktarıldığı için sayfa daha uzun sürede yüklenir.

Web fontları kullanıldığında, ziyaretçiler metin içeriğini doğrudan sitedeki sayfalardan kopyalayıp yapıştırabilir. Bu özellik, ziyaretçilerin başka bir kişiyle paylaşmak veya çevrimdışı olarak Adres Defterlerinde saklamak istedikleri adreslere, telefon numaralarına ve diğer önemli bilgilere erişmelerini ve bu bilgileri saklamalarını sağlar.

Arama motorları web sitelerinin içeriklerini dizine aldığında metin içeriğini görüntü dosyalarına göre daha kolay ayrıştırdığı için web fontlarının metin olarak taranması aynı zamanda bir sitenin arama sonuçlarının daha yüksek sıralarda yer almasına yardımcı olur. Bu nedenle, web fontlarının kullanılması sitelerin daha fazla ziyaretçi toplamasını ve ziyaretçiler için sayfaların daha verimli şekilde yüklenmesini sağlar.

Sonuçta, metin içeriği gezinmek için metin okuyucu kullanan ziyaretçiler için daha kolaydır. Sayfa üstbilgileri gibi önemli alanların metin olarak taranması sitenize herkesin erişmesini kolaylaştırır.

Standart fontlarla çalışma

Font menüsünde, Standart fontlar listesinin yer aldığı bir bölüm bulunur. Standart fontlar modern bilgisayarların tümünde yüklü olduğu için bu fontları dilediğiniz gibi kullanarak tasarım sayfalarınıza uygulayabilirsiniz. Makinenize yeni herhangi bir şey yüklemenize gerek yoktur. Ziyaretçilerin bilgisayarlarında sayfalardaki metin içeriğini taramak için bu fontlar zaten yüklüdür.

Standart fontlar, tüm bilgisayarlarda metin içeriğini görüntülemek için bulunan sık kullanılan bilgisayar fontlarından oluşmuş küçük bir gruptur. Standart fontların kullanıldığı metinler, yayındaki sitelerde metin olarak taranır.

Tıpkı web fontları gibi, Standart fontlar da metinlerin metin olarak taranması sayesinde elde edilen aşağıdaki avantajların tümünü sunar:

  • Ziyaretçiler web sayfası içeriğini seçebilir, kopyalayabilir ve yapıştırabilir
  • Metin içeriği içeren sayfalar yoğun şekilde görüntü kullanılan sayfalara göre daha hızlı yüklenir
  • Arama motorları metin içeriğini dizine aldığı için arama sonuçları daha yüksek sıralarda yer alır
  • Ekran okuyucu kullanan ziyaretçiler metin içeriğine görüntü içeriğinden daha kolay erişebilir

Ancak, Standart fontları kullanmanın dezavantajı, sayfa tasarlarken az sayıda seçenekle sınırlı kalmanızdır.

Standart Fontları seçmek için Font menüsünü kullandığınızda tüm liste görüntülenir.

Standart Fontlar tam listesi
Font menüsünden Standart Fontlar'ı seçerek listenin tamamını görebilirsiniz.

Standart fontlar şunlarla sınırlıdır:

  • Arial
  • Comic Sans
  • Courier New
  • Geneva
  • Georgia
  • Helvetica
  • Lucida Sans
  • Palatino
  • Times
  • Trebuchet
  • Verdana

İmlecinizi bir seçeneğin üzerine getirdiğinizde, alternatif fontlar listesini gösteren bir araç ipucu görüntülenir.

Bu araç ipucu, ziyaretçinin bilgisayarında sizin uygulamış olduğunuz fontun yüklü olmaması halinde bu fontun yerine otomatik olarak benzer görünümlü bir fontun kullanılacağını belirtir. Sayfa tasarımı orijinal tasarım gibi görünür ve eksik olan font ziyaretçi farkına varmadan kontrollü bir şekilde devre dışı kalır. Ziyaretçiler hata mesajı almaz ve sayfa içeriği yüklenir. Metin, ziyaretçilerin makinesinde yüklü olan benzer bir fontla görüntülenir.

Standart fontlar genel anlamda okunaklı ve ziyaretçilerin gezinmesi açısından kolay olması gereken sayfa içerikleri için iyi bir tercihtir; ancak, grubun sınırlı olması, sitenin estetiğini yansıtacak bir yazı tipi bulmayı zorlaştırır.

Sistem Fontlarıyla çalışma

Sistem fontları, kişisel bilgisayarınıza yüklemiş olduğunuz fontlardır. Bu fontları, görüntü düzenleme programları da dahil olmak üzere çok çeşitli programlarda kullanmak üzere yükleyebilirsiniz. Ayrıca bu fontları, Adobe Muse'da tasarladığınız sayfalara uygulamak için de kullanabilirsiniz.

Örneğin, deprem ile ilgili bir web sitesi tasarlıyorsanız çatlak veya pütürlü görünümlü bir font yükleyerek sayfa başlıklarının tasarımın temasına uygun olmasını sağlayabilirsiniz. Yüklediğiniz her fontu Adobe Muse'da kullanabilirsiniz; yani sayfa mizanpajları için herhangi bir sınırlama uygulanmamaktadır, sayfalarınızı dilediğiniz gibi özelleştirebilirsiniz (hatta müşterinin sitesindeki özel bir fontu bile kullanabilirsiniz). Sistem fontları, sayfalara canlılık katabileceğiniz çok çeşitli benzersiz fontlar kullanmanızı sağlar.

Kullandığınız fontlar ziyaretçilerin makinesinde yüklü olmasa bile ziyaretçiler metni sistem fontları tam olarak stil uyguladığınız şekilde uygulanmış olarak görecektir. Adobe Muse bunu başarmak için sistem fontlarının kullanıldığı her metni otomatik olarak görüntü dosyaları halinde dışa aktarır. Bu işlem, arka planda gerçekleşen sorunsuz bir işlemdir. Sayfa tasarlarken sistem fontu metni düzenlenebilir olma özelliğini kaybetmez; böylelikle değişiklik yapmaya devam edebilirsiniz.

Font menüsünden Sistem Fontları'nı seçtiğinizde, makinenize yüklemiş olduğunuz fontların listesini görürsünüz.

Sistem Fontları listesi
Sistem Fontları bölümünde yüklediğiniz fontların listesi görüntülenir.

Metnin yayındaki sitede görüntü halinde işlenmesi nedeniyle metin içeriğine göre daha uzun sürede yüklenmesi, metne sistem fontları uygulamanın getirdiği bir dezavantajdır.

Tasarımcının makinesine yüklemiş olduğu belirli fontlar temel alınarak daha özel bir tipografi elde edilebildiğinden sistem fontlarının kullanılması daha çok tercih edilebilir bir seçenektir. Ancak, bu font ailesinin uygulanmasının sonucunda sayfalar görüntü ağırlıklı olacak ve daha uzun sürede yüklenecektir. Ayrıca bu durum sitenin performansını da etkileyebilir.

Bu nedenle, tasarımlarınızda sistem fontlarını metne dikkatli şekilde uygulamalısınız.

Bunun yanı sıra metin bağlı olmasa bile sistem fontları uygulanmış metinleri seçmek ve Köprü menüsündeki Başlık alanına açıklayıcı bir başlık girmek en iyi uygulama yöntemidir.

Sayfayı bir tarayıcıda önizlerken imleci metnin üzerine getirdiğinizde, Başlık bir araç ipucu olarak görüntülenir.

Başlık metni araç ipucu olarak görünür
Girdiğiniz Başlık metni bir araç ipucu olarak görünür.

Başlık etiketi, sitenizdeki içerikleri görsel olarak okumaktan çok dinlemeyi tercih eden ekran okuyucu kullanan ziyaretçiler için kullanışlı bir etikettir. Bir web sitesini dizine alan arama motorlarında site içeriğini daha iyi kategorize edebilmek için görüntünün başlığı kullanıldığından, özellikle de görüntü metni sayfa üstbilgileri gibi önemli bilgiler içeriyorsa başlık eklemek son derece önemlidir.

Mümkün olduğunda, yüklemiş olduğunuz sistem fontlarına benzer Standart fontları arayın ve sistem fontlarının yerine bu fontları kullanın.

Son kullanılan fontları uygulama ve sıfırlama

Adobe Muse'daki metne font uyguladıktan sonra Font menüsünün birinci bölümünde fontların adı görüntülenir. Bu özellik, fontların kolaylıkla bulunmasını sağladığı için site tasarımınızdaki diğer metinlere aynı fontların yeniden uygulanmasını da kolaylaştırır. Hangi fontların web fontu, standart font ve sistem fontu olduğunu hatırlamanız gerekmez. Daha önce uyguladıysanız üç font türü de en üstte listelenir.

Genel olarak, bir sayfada kullanılan font sayısını sınırlamak web'de yaygın olarak yapılan bir uygulamadır. Bir sayfada 4 veya daha az font yüzü kullanırsanız metin içeriği ziyaretçiler tarafından bir ekranda görüntülendiğinde daha okunabilir hale gelir. Son Kullanılan Fontlar bölümünde genellikle birkaç font adı listelenir, böylelikle gezinme işlemi kolaylaşır.

Ancak, bir tasarımda farklı fontlarla denemeler yapabilirsiniz. Veya sitenin farklı bölümlerini tasarladığınız sırada Fontlar menüsündeki Son Kullanılan Fontlar listesinin fazlasıyla uzadığını fark edebilirsiniz. Liste çok uzunsa istediğiniz font yüzünü seçmeniz zorlaşır.

Son Kullanılan Fontlar bölümünde listelenen fontların görüntülenme şeklini kontrol edebilirsiniz. Şu adımları uygulayın:

  1. Adobe Muse > Tercihler'i seçerek Tercihler iletişim kutusunu açın.

  2. Tür bölümüne sayısal bir değer girin veya yukarı ve aşağı okları kullanarak Son Kullanılan Fontların Sayısı değerini sıfırlayın.

    Son Fontların Sayısını Sıfırlama
    Görüntülenecek son fontların sayısını ayarlayın.

    Son Kullanılan Fontları Sil düğmesini tıklattığınızda son kullanılan tüm fontlar listeden silinir.

  3. Değişikliklerinizi kaydedip Tamam'ı tıklatarak Tercihler iletişim kutusunu kapatın.

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi