Skip to content

Metin ve tipografi

Metni hızlı ekleme kartlarından, bir stil galerisinden ya da metin aracından ekleyin, ardından aranabilir bir yazı tipi kütüphanesi ve özellikler panelindeki tüm tipografi denetimleriyle biçimlendirin.

Hızlı genel bakış

  1. Sol paneldeki Add a text box'a ya da bir başlık, alt başlık veya gövde satırı için bir hızlı ekleme kartına tıklayın.
  2. Ya da T (metin aracı) tuşuna basıp tuvalin herhangi bir yerine tıklayarak yeni bir metin kutusu yerleştirin veya var olan metne tıklayarak düzenleyin.
  3. İçeriğini yerinde düzenlemek için herhangi bir metin nesnesine çift tıklayın; bitirmek için Esce basın.
  4. Yazı tipi, kalınlık, boyut, stil, hizalama, harf aralığı, satır yüksekliği, dolgu, iç boşluk ve saydamlık ayarlamak için özellikler panelini kullanın.
  5. Text panelindeki bir metin stili hazır ayarı ya da bir yazı tipi eşleştirmesiyle bir görünüme hızlı başlangıç yapın.

Ayrıntılı başvuru

Metin ekleme

Giriş noktasıYazı tipiBoyutNotlar
Add a text boxDM Sans20 pxDüz paragraf, üzerine yazmaya hazır
Add a headingUnbounded28 px, kalınYalnızca başlıklar için kullanılan bir vitrin yazı tipi
Add a subheadingDM Sans20 px, yarı kalın
Add a little bit of body textDM Sans14 px
Metin aracı (T)DM Sans24 pxYeni bir kutu için boş tuvale tıklayın, düzenlemek için var olan metne tıklayın

Her hızlı ekleme kutusu, eklendiğinde yer tutucu metnine göre boyutlanır; böylece sabit genişlikli bir blok yerine sıkı başlar ve köşe tutamaçlarından elle yeniden boyutlandırılabilir kalır. Add a text box, yer tutucu seçili halde sizi doğrudan yerinde düzenlemeye alır; böylece hemen üzerine yazabilirsiniz.

Metin stilleri galerisi

Her biri stilli satırlardan oluşan küçük bir yığın olan (örneğin bir etiket ve bir manşet) 20 tasarlanmış hazır ayardan oluşan bir galeri, dört kategoride gruplanmıştır:

KategoriHavası
Boldİfadeler ve manşetler için ağır vitrin yazı tipi
ElegantRafine bir ton için serif ve italik eşleştirmeler
ScriptEl yazısı ve görüntü el yazısı vurguları
MinimalHafif kalınlıklar ve bol harf aralığı

Anahtar kelimeyle arayın ya da kategoriye göre filtreleyin. Galeri her seferinde 8 hazır ayar gösterir; Load more geri kalanını açar. Bir hazır ayara tıklamak, gruplanmış bir metin satırları kümesi ekler; her satırı tek başına düzenlemek için gruba çift tıklayıp grubu çözün.

Yazı tipi eşleştirmeleri

Her biri bir gövde satırının üzerinde düzenlenebilir bir başlık olarak eklenen, sekiz özenle seçilmiş başlık ve gövde bileşimi:

EşleştirmeBaşlık yazı tipiGövde yazı tipi
EditorialPlayfair DisplayDM Sans
ModernAnton (büyük harf)Outfit
ElegantCormorant Garamond (italik)DM Sans
Bold impactBebas NeueDM Sans
PlayfulPacificoOutfit
CleanOutfitOutfit (hafif)
ClassicLoraDM Sans
StatementOswald (büyük harf)DM Sans

Dinamik alanlar

İki akıllı alan, yazılan içerik yerine geçerli tasarımı yansıtan canlı metin ekler:

AlanEklediği
DateBugünün tarihi, tam olarak yazılmış
Page numberGeçerli sayfanın konumu, 1'den başlayarak

İkisi de özgürce yeniden biçimlendirebileceğiniz sıradan metin nesneleri olarak gelir. Değer, alanı eklediğiniz anda yakalanır; bu yüzden tarih ya da sayfa değişirse onu yeniden ekleyin. Aynı anda birçok kişiselleştirilmiş sayfa oluştururken Toplu oluşturucu ile iyi eşleşirler.

Biçimlendirme denetimleri

Bir metin nesnesi seçildiğinde özellikler panelinde kullanılabilir:

ÖzellikAralık / seçeneklerNotlar
Yazı tipi ailesiAranabilir listeYerleşik aileleri ve yüklediğiniz her yazı tipini arar
Kalınlık100-900Yalnızca seçili ailenin gerçekten desteklediği kalınlıklar görünür
Boyut6-120 px
StilKalın, italikBağımsız anahtarlar
HizalamaSol, orta, sağMetin satırlarını kutunun içinde hizalar
Harf aralığı-5 ile 30
Satır yüksekliği0,5 ile 3Yazı tipi boyutunun bir çarpanı; varsayılan 1,16
İç boşluk0-200 pxSınırlayıcı kutusunun içinde, metnin çevresinde tutulan boşluk
DolguYok, düz, gradyan, görsel
Saydamlık%0-100

Bir metin kutusunda Size'ı değiştirmek, genişliğini yeni içeriğe göre yeniden boyutlandırır; böylece çerçeve metinden daha geniş kalmaz.

Efektler

Kontur, gölge ve harf durumu dönüşümleri kendi bölümlerinde yer alır. Bkz. Metin efektleri.

Adım adım

Bir başlık ve gövde bloğu oluşturma

  1. Text panelini (Alt+2) açın.
  2. Add a heading'e tıklayın. Unbounded, 28 px kalın bir "Heading" kutusu tuvalin ortasına düşer.
  3. Add a little bit of body text'e tıklayın. DM Sans, 14 px bir "Body text" kutusu eklenir.
  4. Yer tutucuyu değiştirmek için her kutuya çift tıklayın, ardından Esce basın.
  5. Bunları üst üste dizmek için gövde kutusunu doğrudan başlığın altına sürükleyin.
  6. Başlığı özellikler panelinde ince ayarlayın: Size'ı artırın, daha ağır bir Weight seçin ve görüntü görünümü için Letter'ı (harf aralığı) daha sıkı çekin. Metni her kutunun içinde sola, ortaya ya da sağa hizalamak için Style bölümündeki hizalama düğmelerini kullanın.

Bir yazı tipi eşleştirmesi uygulama, ardından ince ayarlama

  1. Text panelinde Font pairings'i açın ve bir bileşim seçin, örneğin Editorial (DM Sans üzerinde Playfair Display).
  2. Eşleştirme, gruplanmış bir başlık ve gövde satırı olarak eklenir. Grubu çözmek için grubu çift tıklayın.
  3. Başlık satırını seçin. Özellikler panelinde Weight'i 700 yapın ve daha sıkı bir manşet için Letter'ı -1'e doğru düşürün.
  4. Gövde satırını seçin ve çok satırlı metnin nefes alması için Line'ı (satır yüksekliği) yaklaşık 1,4'e yükseltin.
  5. Her iki yer tutucuyu da kendi sözcüklerinizle yeniden yazın.

Dinamik bir tarih ya da sayfa numarası ekleme

  1. Text panelini açın ve Dynamic fields'in içine tıklayın.
  2. Bugünün tarihini tam olarak yazılı halde eklemek için Date'e ya da geçerli sayfanın konumu için Page number'a tıklayın.
  3. Alan sıradan bir metin kutusu olarak gelir; bu yüzden yazı tipini, boyutunu ve rengini herhangi bir metin gibi yeniden biçimlendirin.

Bir afiş manşeti için satır yüksekliği ve harf aralığını ayarlama

  1. Bir başlık ekleyin ve iki ya da üç kısa satır yazın.
  2. Onu seçin ve özellikler panelinin Spacing bölümünü açın.
  3. Line'ı (satır yüksekliği) düşük, yaklaşık 0,9 ile 1,0 arasında ayarlayın; böylece üst üste dizilmiş satırlar tıpkı bir afişteki gibi sıkı durur.
  4. Karakterleri birbirine yaklaştırmak için Letter'ı biraz negatif yapın.
  5. En yüksek etki için Size'ı 120 px sınırına doğru yükseltin; daha da büyütmek için bir köşe tutamacını sürükleyerek kutuyu sayısal sınırın ötesine ölçekleyin.

Sık yapılan işler

AmaçNasıl
Hızlı paragrafAdd a text box, ardından "Your text here" üzerine yazın
Görüntü manşetiAdd a heading (Unbounded), ardından Size ve Weight'i artırın
Özenle seçilmiş bir görünümü yakalamaBir Text style hazır ayarı ya da bir Font pairing seçin, ardından düzenlemek için grubu çözün
Stilli bir metni yeniden kullanmaCtrl+D ile çoğaltıp yeniden yazın; kopya stili korur
Metni bir kutuda ortalamaOnu seçin ve Style bölümündeki hizalama düğmelerini kullanın
Sıkışık metni gevşetmeLine yüksekliğini artırın ve biraz Letter aralığı ekleyin

Sorun giderme

Bir kalınlık bir diğeriyle birebir aynı görünüyor

Weight menüsü 100'den 900'e kadar listeler ama bir yazı tipi yalnızca gerçekten sunduğu kalınlıkları işler. Black (900), Bold (700) gibi görünüyorsa, o ailede black kesim yoktur ve tarayıcı en yakın kalınlığa geri döner. Daha fazla kalınlığa sahip bir aileye geçin ya da daha ağır bir vitrin yazı tipi uygulayın.

Boyut 120'de durur

Size alanı 120 px'te sınırlanır. Daha büyük bir manşet için 120 ayarlayın, ardından bir köşe tutamacını sürükleyerek kutuyu sayısal sınırın ötesine ölçekleyin.

Düzenlemeler tüm grubu değiştirir

Metin stili hazır ayarları ve yazı tipi eşleştirmeleri bir grup olarak eklenir. Grubu çözmek ve tek bir satır seçmek için çift tıklayana kadar, tipografi düzenlemeleri her satıra aynı anda uygulanır.

İlk başlık duraklayabilir

"Add a heading", başka hiçbir yerde kullanılmayan bir vitrin yazı tipi olan Unbounded'ı kullanır. Soğuk yüklemede, kutu oluşturulmadan önce indirilir; bu yüzden ilk başlık, doğru ölçülerle görünmek için bir an alabilir.

Klavye kısayolları

KısayolEylem
TMetin aracını etkinleştirir
Çift tıklamaBir metin nesnesini yerinde düzenler
EscDüzenlemeyi bitirir
Alt+2Text panelini açar

İpuçları

Kaydırmak yerine arayın

Listeyi kaydırmak yerine yazı tipi aramasına yazın. Yalnızca yerleşik kütüphaneyle değil, kendi yüklediğiniz yazı tipleriyle de eşleşir.

Hazır ayarlar başlangıç noktalarıdır, son cevap değil

Her metin stili ve yazı tipi eşleştirmesi tamamen düzenlenebilir nesneler olarak eklenir. Bir yön belirledikten sonra grubu çözmek ve tek tek satırları ayarlamak için çift tıklayın.

İlgili