• Contact / Abuse
  • WİX HABERLERİ
  • WİX SİTE YÖNETİMİ
19 Mart 2023 Pazar
  • Login
Wix Türkiye - Bedava Site Kur
  • WİX HAKKINDA
    • WİX
    • WİX BLOG
    • WİX HABERLERİ
  • YENİ BAŞLAYANLAR İÇİN WİX
    • WİX HESAP YÖNETİMİ
    • WİX EDİTÖR AYARLARI
    • WİX SİTE YÖNETİMİ
    • WİX PAZARLAMA ARAÇLARI
    • WİX E-TİCARET MAĞAZA
    • WİX SEO
  • WİX PREMİUM PAKETLER
    • WİX E-TİCARET MAĞAZA
    • WİX TEKNİK SORUNLAR
    • WİX FATURALANDIRMA DESTEK
    • WİX DOMAİN AYARLARI
    • WİX POSTA KUTULARI
No Result
View All Result
Wix Türkiye - Bedava Site Kur
  • WİX HAKKINDA
    • WİX
    • WİX BLOG
    • WİX HABERLERİ
  • YENİ BAŞLAYANLAR İÇİN WİX
    • WİX HESAP YÖNETİMİ
    • WİX EDİTÖR AYARLARI
    • WİX SİTE YÖNETİMİ
    • WİX PAZARLAMA ARAÇLARI
    • WİX E-TİCARET MAĞAZA
    • WİX SEO
  • WİX PREMİUM PAKETLER
    • WİX E-TİCARET MAĞAZA
    • WİX TEKNİK SORUNLAR
    • WİX FATURALANDIRMA DESTEK
    • WİX DOMAİN AYARLARI
    • WİX POSTA KUTULARI
No Result
View All Result
Wix Türkiye - Bedava Site Kur
No Result
View All Result
Home WİX BLOG

Tipografi nedir ve nasıl düzeltilir?

Türkiye Wix by Türkiye Wix
30 Nisan 2020
in WİX BLOG
Reading Time: 19 mins read
143 11
0
Tipografi nedir ve nasıl düzeltilir?
Share on FacebookShare on Twitter
Reklamlar

Hepimiz bunu yaptık: gönderenin tam niyetini belirlemek için kısa mesaj veya e-postaları incelemek için çok fazla zaman harcadık. Kelimelerin ardındaki anlamı analiz etmek veya belirli bir bağlamda hangi kelimenin daha iyi uyduğunu tartışmak düzenli olarak yaptığımız bir şeydir. Ancak metnin yazılı ifadenin tonunu görsel olarak nasıl yansıtabileceğini ne sıklıkla düşünüyoruz?

Bir grafik tasarımcının rolünün bir parçası, kelimelerin duygularını, mesajlarını veya atmosferini görünüşleri aracılığıyla ifade etmektir. Örneğin, bir yol işaretine sıvalı bir düğün davetiyesinin süslü yazı tipini düşünün. İstenilen bir etkisi yoktur.

Bu kılavuzda tipografinin gücünü inceleyeceğiz. Tipografinin tanımını, tipografinin temel unsurlarının bir özetini ve web sitesi tasarımınız için doğru yazı tipinin nasıl seçileceğine dair ipuçlarını bulacaksınız :

Tipografi nedir?

Tipografi tipin görsel yönünü ifade eder. Metni okunaklı ve estetik bir şekilde düzenleme pratiğidir. Bunun ötesinde, belirli bir ruh halini atmak veya bir mesajı güçlendirmek için kullanılabilir. Bunu yapmak için, farklı yazı karakterleri ve yazı tipi stilleri kullanabilir, ayrıca boyutu, harfler ve kelimeler arasındaki boşluğu ve daha fazlasını ayarlayabiliriz.

Temel klasik tasarım terimlerinden biri olan tipografi, herhangi bir tasarımın önemli bir parçasıdır. Aynı kelimeler, tasarlanma şekline bağlı olarak farklı bir duygu taşıyabilir. Eğer İster bir logo oluşturarak web sitenizi güncellemek veya hatta bir çocuk kitabı yazma, kopyalama görsel markanızın kişiliğini veya çekirdek mesajın tonu ayarlayabilirsiniz nasıl düşünün.

Farklı yazı tiplerinde yazılmış 'merhaba' kelimesiFarklı yazı tiplerinde yazılmış 'merhaba' kelimesi

Tipografinin ana unsurları

Tipografi dünyasına girmek için hangi değişkenlerin oynayabileceğini bilmeniz gerekir. Tipografi terimlerinin kapsamlı bir listesi olsa da, aşağıdaki öğeler başlamak için gerekenlerdir:

Yazı tipleri ve yazı biçimleri

Aralarında belirgin bir fark olduğu için, yazı tipi ve yazı tiplerinin tanımı konusundaki karışıklığı gidermenin zamanı geldi.

Bir yazı tipi, bir yazı tipi ailesinin (örneğin Helvetica, Times New Roman veya meşhur Comic Sans ) toplu adıdır , oysa yazı tipi, o yazı tipi içinde kalın, italik veya kısaltılmış gibi belirli bir stile karşılık gelir. Bu blog yayınının tek bir yazı biçiminde nasıl yazıldığına, ancak birden çok yazı tipi içerdiğine dikkat edin.

Futura yazı biçimi ve yazı tipi stilleriFutura yazı biçimi ve yazı tipi stilleri

Üç farklı yazı tipinde Futura PT yazı tipi.

okunabilirlik

Tipografi ile yaratıcı olmak için bolca fırsat olsa da, metnin nihayetinde okunacak olduğunu unutmayın. Net ve okunaklı bir yazı tipi seçmenin yanı sıra, dikkat edilmesi gereken ek faktörler vardır.

Metninizin boyutunu ve harfler ile satırlar arasındaki boşluğu (veya profesyonel terimlerle ‘karakter aralığı’ ve ‘satır başı’) not edin. Ayrıca, metin ile arka plan rengi arasında yeterli kontrast sağlayın. Bu, web sitenizin erişilebilirliğini artırmanıza da yardımcı olacaktır .

ADVERTISEMENT
Tipografide okunabilirlikTipografide okunabilirlik

Serif ve Sans Serif

Tipografiyi tartışırken, bu terimleri çok duyacaksınız. Serif yazı tipi, harf konturlarının ucunda küçük dekoratif çizgiler veya “kuyruklar” içerirken, sans serif tam anlamıyla “serifsiz” anlamına gelir. Bu nedenle, sans serif yazı biçimleri (bu blog yazısında kullanılanlar gibi) genellikle harflerin uçlarında herhangi bir bezeme olmadan daha temiz çizgilerden oluşur.

Serif ve Sans Serif TanımıSerif ve Sans Serif Tanımı

hiyerarşi

Tasarımın temel ilkelerinden biri olarak, tipografide hiyerarşi esastır. Kopya bitleri arasında bir ayrım oluşturmak için kullanılabilir ve okuyucuların hangi bilgilerin en önemli olduğunu anında anlamalarına yardımcı olur. Hiyerarşi, boyuttan (büyük veya küçük), genişliğe (kalın veya ince), öğe yerleşimine (ekranın altındaki metin üst kattaki metinden daha az önemli görünme eğilimi gösterir) kadar bir şey kullanılarak elde edilir.

Örneğin, bir gazete makalesindeki başlık genellikle gövde metninden daha büyük veya daha belirgindir, bu da okuyucuların başlığı gözden geçirerek makalenin özünü elde etmelerini sağlar. Bu aynı zamanda açık ve sindirilebilir bir düzen oluşturulmasına yardımcı olur.

Beyaz boşluk

Beyaz boşluk veya başka bir deyişle “negatif boşluk”, metni veya resimleri çevreleyen boş alanları ifade eder. Grafik öğeleri arasına sağlıklı bir alan eklemek dağınıklığı önlemeye yardımcı olur ve netlik sağlar. Kenar boşlukları veya metnin etrafına boş alan eklemek de buna daha fazla dikkat çekecek ve bölümler veya bilgi blokları arasında ayrım yapmaya yardımcı olacaktır.

Tipografi beyaz boşlukTipografi beyaz boşluk

hizalanma

Tipografik hizalama, sayfadaki metin akışı ayarını ifade eder. Dört temel ayar vardır:

  • Sola yasla : Metin sol kenar boşluğu boyunca hizalanır.

  • Sağa sola : Metin sağ kenar boşluğuna hizalanır. Soldan sağa okunan dillerde, sezgisel olduğu için genel olarak sağa yaslanma önerilmez.

  • İki yana yaslı: Metin sol kenar boşluğu boyunca hizalanır ve boşluk otomatik olarak ayarlanır; böylece metin hem sol hem de sağ kenar boşluklarıyla aynı hizada olur.

  • Ortalanmış : Metin ortalanmıştır, yani herhangi bir kenar boşluğuna hizalanmamış demektir. Bu, büyük miktarda metinden çok başlıklar için daha uygundur. Kenarlar pürüzlü olduğundan ve okuyucunun her seferinde bir sonraki satırın başlangıcını araması gerektiğinden, uzun biçimli metinlerde okumak zor olabilir.

Bir web sitesi oluşturunBir web sitesi oluşturun

Web siteniz için tipografi ipuçları

Web sitesi içeriği yazmak bir şeydir, ancak sitenizde en iyi nasıl sunulacağına karar vermek başka bir şeydir. Aşağıdaki ilkeler özellikle web sitesi oluşturmak için hazırlanmıştır, ancak poster veya bülten tasarımı gibi diğer bağlamlarda da uygulanabilir . Tipografi ilkelerini başarıyla web tasarımınıza nasıl uygulayacağınız konusunda ilham almak için grafik tasarım web sitelerinin bu etkileyici koleksiyonuna bir göz atın .

Dikkate alınması gereken altı tipografi ipucu:

01. Marka kimliğinizi yansıtın

İşletmeniz için yaratıcı bir girişime başlamadan önce marka kimliğinizi açıkça tanımladığınızdan emin olun . Eğlenceli ve enerjik misiniz? Yoksa daha geleneksel bir yaklaşımınız mı var?

Her neyse, benzersiz kişiliğinizi ifade eden bir yazı tipi arayın. Amacıyla web siteniz için en iyi yazı türünü , size aradığınızı daha iyi anlaşılmasını sahip zamanlar size his sağa, sonra daraltmak bir kaç toplayarak başlayın.

02. Arayüzünüzde tutarlı olun

Sağlam bir marka kimliği oluşturmanın bir kısmı tutarlılığı içerir. Bu, marka renklerinizden tipografi seçeneklerinize kadar her şeyde gereklidir . Web sitenizdeki, mikro kopyanızı oluşturan küçük metin parçalarından, web sitesi menünüzdeki etiketlere ve ana sayfanızdaki başlıklara kadar çok çeşitli kopyalar arasında tutarlılık önemlidir.

Web sitenizde aynı yazı tiplerini ve yazı tiplerini kullanarak bütünsel bir deneyim yaşayın. Aynı sitede en fazla iki veya üç yazı tipi birleştirebilirsiniz (aşağıda daha fazla), aynı bağlamlarda aynı olanları kullanın. Örneğin, bir sayfadaki başlık Helvetica Bold’da 40px olarak yazılmışsa, diğer başlıkların aynı olduğundan emin olun. Hayatınızı biraz daha kolaylaştırmak için, metin temalarını sitenizde tekrar tekrar kullanmak üzere özelleştirebilir ve kaydedebilirsiniz .

Bir fitness web sitesi için oluşturulan aşağıdaki şablonun , çeşitli kopya bölümlerinde tutarlılığı nasıl koruduğuna dikkat edin .

Fitness blog için Wix web sitesi şablonuFitness blog için Wix web sitesi şablonu

03. Kolayca okunabilir hale getirin

Metin bir amaca hizmet etmek için orada. Elbette, bu yılın web tasarım trendlerinde gördüğümüz gibi dekoratif olabilir veya genel tasarıma eklenebilir . Ancak, harekete geçirici mesaj düğmeniz için tipografi hazırlıyor veya logonuz için bir yazı tipi seçiyor olsanız da , okunaklı olması gerekir. Bir blog gönderisini okumak için şaşı kalmaktan veya yanlış düğmeyi tıklamaktan daha kötü bir şey yoktur çünkü üzerinde ne yazıldığını yanlış anladınız.

Kopyanızın hem masaüstü hem de mobil cihazlarda okunabilecek kadar büyük olup olmadığını kontrol edin. Seçtiğiniz yazı tipi, seçtiğiniz yazı tipi boyutunda da iyi çalışmalıdır. Bazı yazı tipleri üstbilgi olarak harika görünebilir, ancak daha küçük boyutlarda daha az okunabilir.

04. İki veya üç yazı tipine sadık kalın

Yaratıcılık söz konusu olduğunda sınırlama koymak paha biçilmez bir uygulama olabilir. Aynı şey tipografi için de geçerli. Birden çok yazı tipinden oluşan bir web sitesi dağınık ve tutarsız görünebilir. Bunun yerine, en fazla iki veya üç yazı tipi seçin ve bunları her sayfada tutarlı bir şekilde kullanın.

İyi bir uygulama, esas olarak başlıklar veya başlıklar için kullanılacak bir yazı tipi ve açıklamalar ve blog gönderileri gibi daha uzun metin blokları için kullanılacak bir yazı tipi seçmektir. Biraz çeşitlilik eklemek istiyorsanız, harekete geçirici mesajlar ve diğer mikroskoplar için üçüncü bir yazı biçimi kullanın.

05. Yazı tipi eşleştirmelerini keşfedin

Siteniz için en iyi yazı tipi eşleştirmelerini bulurken, marka kimliğinizi karar verme sürecinizde ön planda tutun. Hangi yazı tipinin başlıklar için ve hangisinin uzun biçimli metin için kullanılacağını akılda tutun. İkincisi özellikle temiz ve okunması kolay olmalı, ancak başlıkları biraz daha etkileyici hale getirerek markanızı gerçekten konuşan bir yazı tipi seçmelisiniz.

Yazı tipi eşleştirme örnekleriYazı tipi eşleştirme örnekleri

06. Web’de güvenli yazı tipleri seçme

Web sitenizin tüm cihazlarda aynı göründüğünden emin olmak için web tarayıcı dostu yazı tiplerini kullanın. Her aygıtın kendi yerleşik yazı tipi kümesi olduğundan, sitenizde web için güvenli olmayan bir yazı tipi varsa, metin orijinalden farklı bir yazı tipinde görünebilir. Tüm titiz tasarım çalışmalarınızdan sonra tam olarak bakacağınız görünüm değil.

Bununla birlikte, önceden yüklenmiş profesyonel yazı tiplerini kullanarak Wix’te bir web sitesi oluştururken bunu kolayca önleyebilirsiniz . Ayrıca, çevrimiçi kaynaklardan ( Google Yazı Tipleri gibi ) birinden güvenli web yazı tipleri indirebilir ve ardından kendi yazı tipinizi Wix Editör’e yükleyebilirsiniz .

KAYNAK: https://www.wix.com/blog/2020/02/what-is-typography/

Reklamlar
Tags: bedava internet sitesi kurbedava internet sitesi kurmakwebsite kurwix eticaretwix indirim koduwix site örnekleriwix türkiye
Plugin Install : Subscribe Push Notification need OneSignal plugin to be installed.
Türkiye Wix

Türkiye Wix

RelatedPosts

Wix ile E-posta pazarlama nasıl yapılır?
WİX BLOG

Wix ile E-posta pazarlama nasıl yapılır?

8 Haziran 2020
1.7k
En İyi Otel Web Sitesi Tasarımı: 15 Örnek Artı Kendi Oluşturmak İçin İpuçları
WİX BLOG

En İyi Otel Web Sitesi Tasarımı: 15 Örnek Artı Kendi Oluşturmak İçin İpuçları

31 Mayıs 2020
1.9k
Girişimci Nasıl Olunur: Başarı için 10 Adım ve İpuçları
WİX BLOG

Girişimci Nasıl Olunur: Başarı için 10 Adım ve İpuçları

29 Mayıs 2020
1.6k
Bilmeniz Gereken 8 Video Hosting Sitesi
WİX BLOG

Bilmeniz Gereken 8 Video Hosting Sitesi

28 Mayıs 2020
2.2k
ADVERTISEMENT

r e k l a m l a r

Kategoriler

  • WİX
  • WİX BLOG
  • WİX DOMAİN AYARLARI
  • WİX E-TİCARET MAĞAZA
  • WİX EDİTÖR AYARLARI
  • WİX FATURALANDIRMA DESTEK
  • WİX HABERLERİ
  • WİX HESAP YÖNETİMİ
  • WİX PAZARLAMA ARAÇLARI
  • WİX POSTA KUTULARI
  • WİX PREMİUM PAKETLER
  • WİX SEO
  • WİX SİTE YÖNETİMİ
  • WİX TEKNİK SORUNLAR
  • YENİ BAŞLAYANLAR İÇİN WİX

Arşivler

  • Haziran 2020 (5)
  • Mayıs 2020 (23)
  • Nisan 2020 (33)
  • Mart 2020 (25)
  • Şubat 2020 (26)
  • Ocak 2020 (19)

© 2023 JNews - Premium WordPress news & magazine theme by Jegtheme.

  • WİX HAKKINDA
  • YENİ BAŞLAYANLAR İÇİN WİX
  • WİX PREMİUM PAKETLER
No Result
View All Result
  • WİX HAKKINDA
    • WİX
    • WİX BLOG
    • WİX HABERLERİ
  • YENİ BAŞLAYANLAR İÇİN WİX
    • WİX HESAP YÖNETİMİ
    • WİX EDİTÖR AYARLARI
    • WİX SİTE YÖNETİMİ
    • WİX PAZARLAMA ARAÇLARI
    • WİX E-TİCARET MAĞAZA
    • WİX SEO
  • WİX PREMİUM PAKETLER
    • WİX E-TİCARET MAĞAZA
    • WİX TEKNİK SORUNLAR
    • WİX FATURALANDIRMA DESTEK
    • WİX DOMAİN AYARLARI
    • WİX POSTA KUTULARI

© 2023 JNews - Premium WordPress news & magazine theme by Jegtheme.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist

This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.
Are you sure want to unlock this post?
Unlock left : 0
Are you sure want to cancel subscription?