İsveç tipografisi

 (identity.sweden.se)
3 puan yazan GN⁺ 2023-07-19 | 1 yorum | WhatsApp'ta paylaş
  • Sweden Sans, İsveç marka iletişiminin genelinde erişilebilirlik, sadelik ve tutarlılıktan sorumlu ana yazı tipi olup İsveç’in eski tabela sisteminden ilham alınarak tasarlandı
  • Yüksek okunabilirlik sağlarken markanın özgünlüğünü koruyacak şekilde tasarlandığı için, tüm uygulama ortamlarında güçlü etki yaratacak yüksek ayırt edilebilirlik sunar
  • Sweden Sans, Book, Regular, Semibold, Bold olmak üzere dört ağırlıkta sunulur; Sweden Sans’ın kullanılamadığı durumlarda Noto Sans ikame ve yardımcı yazı tipi olarak işlev görür
  • Sweden Sans ve Noto Sans’ın ikisi de kullanılamadığında, geri dönüş yazı tipi olarak Arial kullanılır
  • Dijital ortamda, 6px baseline grid tabanlı yapılandırılmış tipografik hiyerarşi uygulanarak tutarlı marka ifadesi korunur

Tipografik hiyerarşi (Type hierarchy)

  • Sweden Sans ana yazı tipidir ve Book, Regular, Semibold, Bold olmak üzere dört ağırlık sunar
  • Sweden Sans kullanılamadığında Noto Sans ikame ve yardımcı yazı tipi olarak çalışır
  • Sweden Sans, İsveç marka kimliğinin temel unsurlarından biridir; tutarlılığı koruma, açıklık oluşturma ve marka mirasını yönetmekten sorumludur ve marka ifadesinin eksiksiz yansıtılması gerektiğinde her zaman kullanılmalıdır
  • Noto Sans, Sweden Sans için alternatif (ikincil) ve yardımcı yazı tipi olup, Latin dışı diller ve özel karakterler için ikame yazı tipi, ayrıca italic gibi özel ağırlıklar için fallback olarak kullanılır
    • Bu kullanımın dışına çıkılması marka ifade gücünü zayıflatabileceğinden mümkün olduğunca kaçınılmalıdır

Ana yazı tipi (Main typeface)

  • Sweden Sans, Book, Regular, Semibold, Bold olmak üzere dört ağırlıkta sunulur
    • Semibold yalnızca alt logoda kullanılır

Alternatif yazı tipi (Alternative typeface)

  • Noto, dünyadaki tüm dilleri desteklemeyi hedefleyen Google font ailesidir ve Open Font License kapsamında lisanslanır
  • Noto Sans, Sweden Sans gerçek uygulama ortamını veya kullanım amacını destekleyemediğinde kullanılır
    • Yalnızca dil desteği için kullanım
    • Kullanılamayan ağırlıklar için kullanım (ör. italic)
    • Özel karakterler

Geri dönüş yazı tipi (Fallback typeface)

  • Arial, geri dönüş yazı tipi olarak Sweden Sans veya Noto Sans kurulamadığında ya da kullanılamadığında kullanılır
  • Word belgeleri gibi günlük iletişimlerde Arial daha uygun olabilir

Eşleştirmeler (Pairings)

  • Tüm iletişimlerde açıklık, tutarlılık ve güçlü hiyerarşi sağlamak için önerilen type pairing kullanılır
  • Örnek olarak Level 1 Sweden Sans + Level 2 Noto Sans ile Level 1 Sweden Sans ve Level 2 Noto Sans Italic/Mono kombinasyonları sunulur
  • Noto Sans Russian, Noto Sans Japanese gibi çok dilli eşleştirme örnekleri de yer alır

Tip basamakları (Type stairs)

  • Tip basamakları, başlık ve gövde metni ile bunlar arasındaki ilişkiyi ele almaya yardımcı olur
  • Kalın başlıklar, daha küçük tipografiyle karşıtlık oluşturarak açıklık, tutarlılık ve güçlü hiyerarşi sağlar

Dijital (Digital)

  • İsveç’in dijital marka ifadesi için ana tipografik hiyerarşide, 6px birimlik yapılandırılmış ritim baseline olarak uygulanır
    • Farklı boyutlar ve kombinasyonlar arasında geçiş yapılırken dengeli ilişkiler sağlar ve genel ifadeyi korur
  • Etiketler, belirli bir teklif veya kategoriyle bağlantılı başlıklarla birlikte ölçülü biçimde kullanılır
    • Kullanıcının bilgiyi hızlıca sınıflandırmasına ve doğrudan kategoriye ya da teklife bağlanmasına yardımcı olur
    • Genellikle hero alanındaki kartlarda öne çıkan projeleri, temel değerleri ve ana editoryal içeriği açıklamak için kullanılır
  • Tüm stiller koyu arka plan üzerinde beyaz olarak kullanılabilir, ancak bağlantılar bunun dışındadır

Boşluklandırma (Spacing)

  • Platform genelinde makul ve kesintisiz bir tipografik akış için tüm satır aralıkları baseline grid ile tanımlanır (her 6px’te bir satır)
  • Tüm boşluklar, farklı satır aralıklarıyla dengeli olacak şekilde baseline’a optik olarak hizalanır
    • Genel kural: Başlık ne kadar büyükse, başlık ile paragraf arasındaki boşluk da o kadar büyüktür

Yazım (Writing)

  • Tüm bağlamlarda mümkün olduğunca sentence case veya küçük harf kullanılır
    • Marka, kitleye bağırmak yerine onunla konuşan bir ifade biçimini hedefler
  • Büyük harf yalnızca gerekli olduğunda, en fazla 1–3 karakterle sınırlı olacak şekilde kullanılır (ör. web sitesindeki kategori etiketleri)

Sağdan sola okuma (Right to left hand reading)

  • Alt logo ve içerik Arapça tabanlı olduğunda sunulan örnekler izlenir

Hizalama (Alignment)

  • Metin her zaman sola hizalıdır
  • Sender system de her zaman sola hizalıdır
  • Sender system içindeki logo ise ortalanır

Uygulama örnekleri (Applications)

  • Sweden Sans ailesinin nasıl kullanıldığına dair örnekler sunulur
    • Logotype için Semibold
    • Başlık için Sweden Sans Bold
    • Gövde metni için Sweden Sans Book

İlgili okumalar

1 yorum

 
GN⁺ 2023-07-19
Hacker News yorumları

  • Tipografi ve sayfa tasarımına hayranım, bu konudaki yazıları okumaktan da keyif alıyorum; ama bu düzeyde takıntıya varan ayrıntıcılığın nasıl sürdürülebildiğini pek anlamıyorum.
    Yazı tiplerine ve kullanım koşullarına ayrılan dokümantasyon ve ince düşünce çoğu zaman web sitesi işletmeye, API dokümantasyonuna ya da uygulamanın temel işlevlerine harcanan zamandan çok daha büyük görünüyor.
    Sanki 100 yıl boyunca meşe yetiştirip, el yapımı bir bıçakla kaplama çıkarıp, bunu 1 yıl hindistancevizi yağında beklettikten sonra IKEA’nın hamurdan petek paneline yapıştırmak gibi.

    • Tipografi dokümanları genellikle tasarımcılara yöneliktir, ama doğru kullanıldığında herkese fayda sağlayabilir. Tasarımcı tutarlı bir tasarım oluşturursa geliştirici de normal varsayılan davranışlara sahip bir tasarım sistemi kurabilir; o noktaya gelindiğinde sistem geliştiricinin yükünü artırmak yerine azaltır.
      Eğitim alanında epey büyük ölçekte Tailwind tabanlı bir tasarım sistemi yorumu oluşturmuştum; tasarım ile tailwind-config aynı spesifikasyondan çıkmıştı. Seçenekleri ve olasılıkları azaltarak mühendislerin düşünmesi gereken alanları ortadan kaldırıyor; padding, font kalınlığı, satır aralığı ve renk gibi değerlerin hepsi tutarlı hâle geliyordu.
      Satır aralığı, padding, kalınlık, renk vb. konularda belirlenmiş değerlerin dışına çıkan mockup hatalı mockup’tır; yapılandırılmış değerler de bunu geliştiriciye gösterir. Spesifikasyonun dışına çıkan kod da hatalı koddur. Mühendislik ile UX arasında iyi bir iletişim akışı gerekir, ama pratikte çalışır.
      İyi çalışan bir sistemde, sadece bakarak varsayılanları bilirsiniz ve yük azalır. Ayrıca bir uygulama backend’inin tüm amacı nihayetinde frontend’i sunmaktır. Backend pratikleri harika olsa bile tasarım ya da spesifikasyona uymazsa müşterinin gördüğü bir başarısızlığa dönüşür.
    • Bu tür tasarım kılavuzlarını hazırlayan kişilerle API dokümantasyonu ya da diğer temel işlevlerden sorumlu kişiler genellikle farklı rollerdedir. Bu yüzden tasarım kılavuzu hazırlama ile teknik gereksinimler üzerinde çalışma mutlaka sıfır toplamlı değildir; pratikte çoğu zaman tamamen ayrı çabalardır.
      Tasarım, özellikle de tipografi, erişilebilirlikle doğrudan bağlantılıdır; bu yüzden böyle ayrıntılı bir özeni hak eder. Kontrast ve görsel hiyerarşinin tanımlanması, bir tasarımın ne kadar erişilebilir olduğu üzerinde büyük etki yapar.
      Bu örnekte, bundan sonra büyük harfli metnin çok daha az kullanılmasını söyleyen bölüm özellikle dikkat çekiyor. Büyük harf kullanımı, erişilebilirlik sorunları nedeniyle tasarımcılarla tartıştığım bir konu; Microsoft da ilk “Metro” tasarımında bu konuda kamuya açık biçimde ciddi sorunlar yaşadıktan sonra özür dilemiş ve daha sonra “Fluent” tasarımında geri adım atmıştı.
      İnsanlar tek tek harflerden çok kelimelerin şeklini okur; büyük harfler birbirine benzeyen çok sayıda dikdörtgen oluşturduğu için disleksisi olmayan okuyucularda bile yoldaki hız tümseği gibi okuma hızını düşürür. Disleksili okuyucular içinse bu tümsek değil, duvar gibi hissedilir; tamamen büyük harfli metin fiilen erişilemez hâle gelebilir.
      “Güzel görünüyor” diye her şeyi büyük harfle yazan çok tasarım gördüm; ama bir tasarımcıya düzenli ve temiz görünen biçim, başka biri için devasa bir erişilebilirlik hatası olabilir.
    • Buna bu kadar büyük emek harcanması şaşırtıcı, ama nedeni basit görünüyor. Tipografiye takıntılı olmayı seven çok insan var; onlar takıntı yapmak istiyor ve bu yüzden takıntı yapacak bir amaç yaratıyorlar.
      Kişisel olarak bunu iyi buluyorum ve bu insanlara para verilmesi gerektiğini düşünüyorum.
    • Bu tür yönergeler birçok şekilde çok faydalı olabilir. Farklı seviyelerde ve eğitim düzeylerinde insanlar, büyük ölçekli marka kampanyalarını feda etme pahasına bile yaratıcılıklarını konuşturmaya çalıştığı için, marka tasarım ekipleri bu heyecanı kontrol etmenin yollarını bulmak zorunda.
      Bu kişilerin teknik erişimi genelde sınırlıdır; ancak grafik ifade üzerinden fiili marka ifadesine erişimleri çok daha geniştir.
      Teknik dokümantasyonla kıyaslandığında bir fark varsa, o fark ayrı bir sorun olarak ele alınmalı; başka bir şey daha az planlı ya da daha az dokümante edilmiş diye tasarım kılavuzunu ince eleyip sık dokumak olarak nitelemek doğru değil.
    • Bu, uygulamalar ya da web siteleri için bir yönerge değil; Dışişleri Bakanlığı, İş ve İnovasyon Bakanlığı, Kültür Bakanlığı, Swedish Institute, Business Sweden, Visit Sweden ve onların kullandığı çeşitli kurumların yurt dışında İsveç’i temsil ederken tipografiyi nasıl kullanması gerektiğine dair bir kılavuz.
      Yazı tipi bölümünün olağanüstü büyük olduğunu düşünmüyorum. İki yıl boyunca sadece tasarım kılavuzları hazırlayan bir şirkette çalıştım; iyi hazırlanmış kılavuzlar genellikle böyle görünür.

  • Yakın zamanda Finlandiya’nın Finlandica yazı tipini de öğrendim; oldukça iyi: https://toolbox.finland.fi/brand-identity-and-guidelines/fin...

    • Büyük A harfinin üzerindeki öğeyi sevmiyorum. Başlık gibi nadiren kullanıldığında hoş olabilir, ama her A’da görünmesi dikkat dağıtıyor.
    • Gerçekten güzel görünüyor. Neredeyse monospace yazı tipi gibi duruyor; biraz elden geçirilirse programlama için de harika bir yazı tipi olabilir.
    • #, &, @ pek iyi değil. A ve G de tuhaf; sans-serif bir yazı tipinde süsleme eklenmiş iki harf gibi görünüyorlar. i ve j de öyle sayılır.
      Buna karşılık I, l’den ayırt edilecek şekilde tasarlanmış; birçok yazı tipinde bu böyle değildir.

  • Yazı tipine ve tasarıma ne kadar özen gösterilirse gösterilsin, ziyaretçiyi karşılama şekli sinir bozucu bir “Gerçekten izleme çerezleri istemiyor musunuz?” ise pek anlamı yok. İki küçük onay kutusuna tıklamak gerekiyor ve soluk gösterilen “Yalnızca seçili olanlara izin ver” seçeneğinin yanında kullanıcı düşmanı, kalın yazılmış “Tümüne izin ver” düğmesi duruyor.
    Gerçekten UX’i iyileştirmek istiyorsanız, bunlardan biri daha fazla önemsenmeye değer.

  • Stockholm merkezli tasarım ajansı Söderhavet tarafından yapılmış. Ayrıntılar burada: https://soderhavet.com/work/sweden/

  • ABD’de Public Sans var: https://public-sans.digital.gov/

  • https://archive.is/7ytlz
    HN trafiği yüzünden çökmüş gibi görünüyor

    • sweden.se'nin kısa sürede birkaç bin civarı ziyaretçiyi bile kaldıramaması biraz üzücü
    • HN'nin bir destek forumu olmadığını biliyorum ama archive.xx sitelerinde “Safari couldn’t establish a secure connection” hatasını alan sadece ben miyim merak ediyorum. Epey uzun zamandır böyle

  • Bu, İsveç'in imajını yabancılara tanıtmaya odaklanan bir site için gibi görünüyor. İsveç'te yaşarken İsveç devlet kurumlarının genel iletişiminde bu yazı tipinin kullanıldığını gördüğümü sanmıyorum
    Swedish Tax Agency'nin tasarım dili denebilirse onu seviyorum. Sweden Sans kullanıyor gibi görünmüyor ama tam olarak ne kullandığını bilmiyorum

    • O siteyi Swedish Institute işletiyor
      “Swedish Institute, dünya genelinde İsveç'e ilgi ve güven inşa eden bir kamu kurumudur. İsveç'in tanıtımı, Baltık Denizi bölgesi işbirliği ve küresel kalkınma konularıyla ilgileniyoruz. […] SI'nin faaliyetleri ağırlıklı olarak devlet bütçesinden doğrudan tahsislerle finanse edilir. SI'nin uluslararası işbirliği, uluslararası yardım, eğitim ve üniversite araştırmaları ile iş dünyası olmak üzere dört alanda yaklaşık 470 milyon SEK tutarında İsveç hükümeti fonu vardır.”
      [1] https://si.se/en/about-si/our-mission/
    • Bildiğim kadarıyla Sweden Sans, en yeni ulusal kimlik kartları ve pasaportlarda başlık yazı tipi olarak kullanılıyor
    • Günümüzde ülkelerin kendi tanıtımlarını yapması kesinlikle ilginç. Üstelik etkili de oluyor. Kuzey Avrupa ülkeleri denince akla ilk İsveç'in gelme olasılığı yüksek
    • Ben de bunun İsveç imajını tanıtan bir site olduğunu düşünmüştüm. Keyif alınacak alanlar ve kırsal manzaralar var; motosikletiniz varsa İsveç'i dolaşmak uzun sürmez
      https://www.youtube.com/watch?v=qXiIJ32kaZU
      İsveç'teki biri, polisin sürücünün kim olduğunu kanıtlaması için onu aynı gün yakalaması gerektiğini söylemişti ama ben Alman otobanında sürmeye devam edeceğim. Başıboş gezen geyikler daha az olduğu için
      ghost rider patrik fürstenhoff

  • Adı Sweden Sans ama küçük i ve l gibi bazı harflerde serif varmış gibi görünüyor. Serifi yanlış mı anlıyorum, yoksa buradaki sans'ın ne anlama geldiğini mi yanlış anlıyorum, bilmiyorum

    • Oldukça fazla pay var. Yazı tipi tasarımcılığı duygusal bir sanat da olduğundan tasarımcı bazen araya bir serif sıkıştırabilir; ya da proje şartnamesinde bunun belirli bir nedeni olabilir
      2000'lerde tipografi öğretirken öğrenciler böyle şeylere dikkat çekerdi. Başlangıç derslerinde örnek olarak, bir yazı tipini yeterince incelemeden kullanıp sonra bazı ayrıntılara takılma durumları olurdu
      Garip ama çoğu insan yazı tipini seçerken onun kendisini derinlemesine düşünmez. Adını okumak bir yana, yakından bile incelemez. Sadece kendi tasarımlarını, düşünce ve duygularını, mesajlarını, harika tasarım fırsatlarını düşünürler
      Deneyimli bir tasarımcının, yazı tipinin amacını fiilen halüsinasyon edip etmediğini düşünmek üzere eğitilmesi gerekir. Çünkü çoğu zaman birkaç saniye bakınca asıl amacı çok netleşir. Bunun nasıl işlediğini öğrenince o slab seriflerin neden orada olduğu da belirginleşir
    • O kadar katı bir kategori değil. Daha çok tasarımcının o yazı tipini hangi soy çizgisine ait gördüğünü gösteren bir işarete yakın
      Birçok sans-serif yazı tipinde de özellikle karışması kolay l gibi harflerde biraz serif bulunur. Teknik bağlamda kullanılıyorsa ya da bu yazı tipi gibi her yerde kullanılan bir yazı tipiyse bu daha da geçerlidir
    • Normal ve kalın ağırlıklar muhtemelen slab serife daha yakın olabilir, ama “book” ağırlığı gerçekten sans-serif. Yazı tipini indirip OTF dosyalarına bakınca en kolay öyle görülür
    • Gerçekten de biraz slab serif eklenmiş gibi görünüyor. Cömertçe söylersek serif ile sans-serif, iki ucu olan bir spektrum olarak görülebilir
      Serif denirse insanlar çok daha serifli bir yazı tipi bekleyeceği için, sans-serif demek daha basit olabilir
    • Doğru terim muhtemelen Slab Serif olacaktır

  • Fransa'nın da kendi tasarım sistemi ve Marianne yazı tipi var: https://www.systeme-de-design.gouv.fr/elements-d-interface/f...

  • İsveç’i küçümsemek istemem ama Estonya’da da benzer bir şey var: https://brand.estonia.ee/guidelines/typography/?lang=en

    • Güzellik bakanın gözündedir; ancak İsveç’in çalışması genel olarak oldukça hoş ve okunaklıyken, Estonya yönergeleri tasarımcının kafasına göre takıldığı ya da müşterinin fazla uysal olup farklılaşmak istediği durumlarda neler yapıldığını gösteren iyi bir örnek gibi görünüyor
      Tanıtımda Estonia markasının karakteri “nordic, surprising, smart” olarak tanımlanıyor; ama özellikle Aino yazı tipi, okunabilirlikten ödün verme pahasına “surprising” unsuruna fazla odaklanmış gibi ve bu yüzden “smart” unsurunun ifadesi belirgin biçimde zayıflıyor