Değişken tekrarlayıcılar oluşturma
Dizgiden sonraki adım, okuyucunun önlerinde ne olduğunu anlamasını sağlayan bir hiyerarşi oluşturmak için farklı metin parçaları arasında ilişkiler kurmaktır. Neyin hangi okuma sırasıyla geleceğini özetleyen ve takip edecek olana ilgi uyandıran bir başlangıç noktası olmalı ve ardından gerisi içerikte gezinmeyi kolaylaştıracak şekilde takip edilmelidir.
Bu hiyerarşiyi, yığının bileşenleri arasında dağıtılan yazı tipi boyutlarını, ağırlıklarını, genişliklerini ve boşluklarını birleştirerek elde ederiz.
Değişken tekrarlayıcılar oluşturma
Sağdaki ekran görüntüsü size tüm Roboto ailesinin tüm ağırlıklarla birlikte göstermekte.
Dizgi için, mümkün olduğu kadar çok çeşitli ağırlığa sahip yazı tiplerini ararız, zira bu çeşitlilik bilgi hiyerarşisi oluşturmamızı çok daha kolaylaştıracaktır: Bariz nedenlerden dolayı, kalın bir ağırlık, normal bir ağırlıktan çok daha fazla dikkat çekecektir ve bu ise, hafif bir ağırlıktan daha fazla dikkat çekecektir.
Not: Lütfen Wix Yazı Tiplerini kullanmayın, bunun yerine kendi yazı tipinizi yükleyin. Sebep şu: Wix size sadece sınırlı ağırlıklar verirken, sizin işi doğru yapabilmek için çok daha geniş bir aileye ihtiyacınız var.
Sans Serif Aileler:
-
Barlow
-
Fira Sans
-
Exo 2 / Exo Condensed
-
Futura
-
Roboto Condensed
-
Encode
-
Saira Sans
-
Advent Pro
-
Georama
-
Sofia
Serif Aileler:
-
Cormorant
-
Taviraj
-
Trirong
-
Fraunces
-
Bitter
-
Spectral
-
Noto Serif Georgian
(Note: Bütün bu fontlar google fonts da var, sadece Futura and Exo Condensed, yok onları da şuradan indirebilirsiniz >>>)
Örnekler
bileşenler
-
Başlık: Bu, takip edilecek paragraflarda ne olduğunu özetleyebilecek bir cümle veya ziyaretçinin ilgisini daha fazla okumaya teşvik eden bir tür teaser olabilir.
-
Başlık, "olması gereken" öğedir, bu öğe olmadan düzgün bir hiyerarşik yığın elde edilemez ve ziyaretçinin içeriği takip etmesini zorlaşır.
-
-
Alt başlık: Bazı durumlarda bir başlık, daha sonra bir alt başlık haline gelen daha ayrıntılı, genişletilmiş bir açıklamaya ihtiyaç duyabilir.
-
Bir alt başlık, "olması gereken" bir hiyerarşik öğe değildir, metinsel bilginizin gereksinimlerine bağlı olarak, ona kullanabilir veya onu hariç tutabilirsiniz.
-
-
Paragraf Girişleri: Bazen daha uzun bir metinde ilk paragraf, okuyucunun ilgisini artırmak için paragraf metninin biçiminden bir boyut veya ağırlık artışı ile vurgulanabilir.
-
Bir paragraf girişi, "olması gereken" bir hiyerarşik öğe değildir, metinsel bilginizin gereksinimlerine bağlı olarak, buna sahip olabilir veya girmeyebilirsiniz.
-
-
Paragraflar: Bu, ayrıntılı bilgilerin iletildiği en önemli merkezi bileşendir.
-
Paragraf, "olması gereken" öğedir, o olmadan düzgün bir hiyerarşik yığın elde edemeyiz, bu da ziyaretçinin içeriği takip etmesini zorlaştırır.
-
-
Spotlar: Bunlar, gövde metninden çoğaltılan ve sayfaya ayrı olarak yerleştirilen küçük metin parçalarıdır; çoğaltıldığı metin de gövde metninin içinde kalır.
-
Dolayısıyla spot, okuyucunun tam metne olan ilgisini sürdürmek için önemli bir şeyin, akılda kalıcı bir şeyin ayrı bir görsel öğe olarak tam metnin içinden ayrı olarak bir kez daha tekrarlanmasıyla ortaya çıkan bir vurgudur.
-
Spot, "olması gereken" bir hiyerarşik öğe değildir, metinsel bilginizin gereksinimlerine bağlı olarak, ona sahip olabilir veya dışarıda bırakabilirsiniz.
-
-
Altyazılar: Bunlar, resimlerin altına konulan küçük metin parçalarıdır. Genellikle resimde gösterilenleri açıklayıcı olacaklardır, ancak mini spotlar olarak da işlev görebilirler.
-
Altyazı, "olması gereken" bir hiyerarşik öğe değildir, metinsel bilginizin gereksinimlerine bağlı olarak, ona sahip olabilir veya atlayabilirsiniz.
-
(Not: Aşağıdaki örneklerde, çok dikkat etmeme rağmen aralıklarda bazı kaymalar oldu. Tam doğru aralıkları görmek için lütfen İngilizce sayfaya bakın.) Bu hiyerarşilerde şunlara dikkat ettim:
-
Aralıklar:
-
Başlık ve alt başlığı bir tını olarak birbirlerini yakından takip ettiklerini bilelim diye birbirine yaklaştırdım (lütfen yukarıdaki videoları izleyin ne demek istediğimi daha iyi anlayabilirsiniz).
-
ve ardından bu 2 satırlık gruplama ile onları takip eden Paragraf Girişi arasında fazladan boşluk bırakarak, bunun başlık gruplandırmasından ayrı olduğunu tekrar gösterdim.
-
Ayrıca, asıl paragraflardan ayrı olduğunu, onlardan daha fazla vurguya sahip olduğunu göstermek için bu Paragraf Girişi ile yığının büyük kısmını oluşturan gerçek Paragraflar arasında fazladan bir boşluk bıraktım.
-
Resim ve metin birbirine ait olduğu için resmi paragraf sütunundan çok uzak olmayacak şekilde yerleştirdim.
-
Resim yazısı, resme ait olduğu için resmin hemen altına yerleştirildi.
-
Spot, resim alt yazısı ile karıştırılmaması için çok daha aşağıya yerleştirildi.
-
-
Hiza:
-
Resmi, Başlık yerine Paragraf Girişinin üst kısmına hizaladım, çünkü nesneleri aralarında iyi paralel çizgiler elde edecek şekilde hizalamak daha iyidir. Başlık ve Alt Başlık ise yalnızca iki satır ve bu nedenle bana o iyi paralel çizgiyi verecek kadar uzun değiller.
-
Aynı nedenle başlığı ve noktayı soldan ziyade sağdan hizaladım ve bu sayede onlar arasında da güçlü paralellik elde ettim.
-
Son olarak, başlığı ve spotu görsele dikey olarak hizaladım.
-
Değişken tekrarlayıcılar oluşturma
Once a Spice Shop, always a Spice Shop?
Well, we still are a Spice Shop, but nowadays we are so much more!
Sadece font boyu farkları kullanılarak hiyerarşi elde etmek:
-
Boylar: 16 ila 40 pixel.
-
Tek en Barlow Semi Condensed.
-
Tek ağırlık: Regular
Dashing Hangouts, Food, Clothing, Household Products and much much more!
Tekir Efendi, one of the most respected merchants of the old Istanbul Spice Market, sets sail to contemporary lifestyles through a diverse range of products and services catering to the needs and tastes of an urban chic clientele!
We have taken traditional Eastern Mediterranean / Middle Eastern Cuisine and given it a makeover to fit the needs of the fast paced lifestyle of today’s Istanbul.
Regardless of whether you dine in one of our dashing cafes, or shop from our market, or have the goodies delivered directly to your doorstep - get ready for a dining experience that is rich in taste as well as good nutrition since it has been created entirely out of organic products grown in season, locally.
Unique home accessories that take their inspirations from the traditional crafts of Anatolia which our artists and designers combine with the streamlined tastes and needs of contemporary urban lifestyles.
Our land is renowned for high quality cotton, linen and wool farming. We have entered collaborations with some of Turkey’s best known textile manufacturers to create our own line of home textiles, covering a wide range of items from bed linen to towels, rugs, dining accessories, and much more.
We are also collaborating with ceramic, wood, metal and glass artists and collectives to bring forth our own lines of tableware, kitchenware and unique home accessories that take their inspirations from the traditional crafts of Anatolia which our artists and designers combine with the streamlined tastes and needs of contemporary urban lifestyles.
Değişken tekrarlayıcılar oluşturma
Ağırlık, boy ve en hiyeraşisi:
-
Boy: 14 ila 45 pixel.
-
İki en: Barlow Regular and Barlow Semi Condensed.
-
Üç ağırlık: Regular, Medium and Light
Once a Spice Shop, always a Spice Shop?
Well, we still are a Spice Shop, but nowadays we are so much more!
Dashing Hangouts, Food, Clothing, Household Products and much much more!
Tekir Efendi, one of the most respected merchants of the old Istanbul Spice Market, sets sail to contemporary lifestyles through a diverse range of products and services catering to the needs and tastes of an urban chic clientele!
We have taken traditional Eastern Mediterranean / Middle Eastern Cuisine and given it a makeover to fit the needs of the fast paced lifestyle of today’s Istanbul.
Regardless of whether you dine in one of our dashing cafes, or shop from our market, or have the goodies delivered directly to your doorstep - get ready for a dining experience that is rich in taste as well as good nutrition since it has been created entirely out of organic products grown in season, locally.
Unique home accessories that take their inspirations from the traditional crafts of Anatolia which our artists and designers combine with the streamlined tastes and needs of contemporary urban lifestyles.
Our land is renowned for high quality cotton, linen and wool farming. We have entered collaborations with some of Turkey’s best known textile manufacturers to create our own line of home textiles, covering a wide range of items from bed linen to towels, rugs, dining accessories, and much more.
We are also collaborating with ceramic, wood, metal and glass artists and collectives to bring forth our own lines of tableware, kitchenware and unique home accessories that take their inspirations from the traditional crafts of Anatolia which our artists and designers combine with the streamlined tastes and needs of contemporary urban lifestyles.
Değişken tekrarlayıcılar oluşturma
Yukarıda yazdıklarım bu alttaki hiyeraşi için de geçerli. Buradaki tek fark, sadece tek bir sans serif yazı tipi kullanmak yerine paragraf metinlerini, başlığı ve yeri serif yazı tipiyle yazıyorum, bu durumda paragraflar için Noto Serif Georgian ve başlık ve yazı için Noto Serif Display Semi Condensed kullanıyorum.
Not: Burada paragraflar için Noto Serif Georgian'ı kullanmama rağmen, bunun tersini de yapabilir ve başlığı, alt başlığı ve hatta paragraf girişini serif yazı tipiyle yazabilir ve sadece paragraf metinleri için Sans yazı tipini kullanabilirdim. Bu seçeneği kullanmış olsaydım, Başlık vb. için "display" tipini seçerdim çünkü bir "display" font elbette normal versiyondan çok daha zarif görünecektir.
Hierarchy with Font Combinations:
-
Three Fonts: Barlow, Noto Serif Georgian, Noto Serif Display
-
Sizes: from 15 to 45 pixels.
-
Three widths: Barlow Semi Condensed, Noto and Noto Semi Condensed.
-
Three weights: Regular, Medium and Light
Dashing Hangouts, Food, Clothing, Household Products and much more!
Tekir Efendi, one of the most respected merchants of the old Istanbul Spice Market, sets sail to contemporary lifestyles through a diverse range of products and services catering to the needs and tastes of an urban chic clientele!
We have taken traditional Eastern Mediterranean / Middle Eastern Cuisine and given it a makeover to fit the needs of the fast paced lifestyle of today’s Istanbul.
Once a Spice Shop, always a Spice Shop?
Well, we still are a Spice Shop, but nowadays we are so much more!
Regardless of whether you dine in one of our dashing cafes, or shop from our market, or have the goodies delivered directly to your doorstep - get ready for a dining experience that is rich in taste as well as good nutrition since it has been created entirely out of organic products grown in season, locally.
Unique home accessories that take their inspirations from the traditional crafts of Anatolia which our artists and designers combine with the streamlined tastes and needs of contemporary urban lifestyles.
Our land is renowned for high quality cotton, linen and wool farming. We have entered collaborations with some of Turkey’s best known textile manufacturers to create our own line of home textiles, covering a wide range of items from bed linen to towels, rugs, dining accessories, and much more.
We are also collaborating with ceramic, wood, metal and glass artists and collectives to bring forth our own lines of tableware, kitchenware and unique home accessories that take their inspirations from the traditional crafts of Anatolia which our artists and designers combine with the streamlined tastes and needs of contemporary urban lifestyles.