Yatay oluklar için belirli bir terim var mı?


12

Bağlam
Ekibim duyarlı bir web sitesinde çalışıyor ve kullanıcının ızgara "hücreleri" arasındaki boşluklar da dahil olmak üzere sayfanın bazı özelliklerini yapılandırmasına izin veriyoruz. "Hücreler arasındaki boşluğu" tanımlamak için doğru terminoloji hakkında konuştuk. Açıkçası "kenar boşluğu" gibi bir şey kullanabiliriz, ancak bu sayfa ile en dıştaki hücreler arasındaki boşluğu içerecek kadar geniş. Sadece hücreler arasındaki boşluğu tanımlamak istiyoruz. Kullanıcılarımız mutlaka teknoloji meraklısı değildir (CSS vb. Anlamına gelir), ancak grafik tasarımda biraz arka plana sahip olabilir (veya en azından ortak terminolojiye aşina olabilir).

Soru
"Oluk" Ben özellikle bulmak arasındaki boşluğa bakın ki "oluk" için tanımların çoğu en doğru terim gibi görünüyor, ama sütunları .

Satırlar arasındaki boşluk için belirli bir terim var mı ? Yoksa sadece "yatay oluklar" olarak adlandırmak uygun mudur?

Örnek
İşte neyi belirlemeye çalıştığımın bir örneği.
(Resim ödünç https://www.init.de/en/news/responsive-design )

resim açıklamasını buraya girin

Mevcut Terminolojim ile İlgili Sorunlar
"Yatay (/ Dikey) Oluk" bence biraz kafa karıştırıcıdır, çünkü oluğun yatay (/ dikey) elemanlar arasında mı yoksa dikey (/ dikey) arasında yatay (/ dikey) boşluk sağlayıp sağlamadığı belirsizdir. yatay) öğeleri. Ekibimde hangi tanımın doğru olduğu konusunda bazı anlaşmazlıklar var, bu yüzden bu ifadenin aslında kafa karıştırıcı olduğuna dair yeterli kanıt.

En azından web ile ilgili olarak, "dolgu" ve "kenar boşluğu" tanımladığım şeye uygun değil. Dolgu, kenarlık ve içerik arasındaki boşluğu belirtirken, kenar boşluğu bir öğenin çevresindeki boşluğu belirtir . Her biri 10 piksel kenar boşluğuna sahip iki bitişik elemanın aralarında 20 piksel oluk bulunur. (Evet, CSS marjlarının sık sık çöktüğünün farkındayım, ancak her zaman değil .)

Duyarlı ızgara çerçevelerinde sıklıkla kullanılan "oluk" terimini gördüm, bu yüzden web geliştirmede kabul edilebilir bir terim olduğunu biliyorum. Sadece "yatay oluk" için daha uygun bir terim olup olmadığını merak ediyorum.


Güzel soru, bunun için bir terim bilmiyorum. Bununla birlikte, oluk terimi sıklıkla yanlış kullanılır. Sütunlar arasındaki boşluğa düzgün bir sokak adı verilir .
Açıklığa

Özellikle buraya liderlik etmek istemiyorsun değil mi? Paragraf aralığı ne olacak?
e100

Bağlam her şeydir. Bu bir tablo gibi göründüğü için, MS Excel elektronik tablo hücreleri için biçimlendirme seçeneklerini seçerken kullandığı terminoloji ne ödünç
almanızı öneririm

Gelince aralığı paragrafta bir sütunda paragraflar arasında yatay uzay hakkında gerçekten söz ediyorsanız ben süreli grafik tasarımcıları kullanımı inanmak olduğunu 'paragraf aralığı'.
DA01

Hücre aralığı doğru değil, çünkü bu tablonun / ızgaranın dışına boşluk ekliyor
JDB hala Monica

Yanıtlar:


3
Kısa cevap

"Satır aralığı" kullanırım.

Uzun cevap

JDB'nin de belirttiği gibi, ben de (büyüleyici) basılı medya dünyasından dizgi terimlerini ithal etmeye çalışmak yerine web ile ilgili terimleri kullanmayı tercih ederim.

Çoğu ızgara düzenleri "sütun" ve "ızgara" terimlerini kullandığından "sütun aralığı" ve "satır aralığı" terimlerini kullanırdım. CSS anahtar kelimelerle çakışmaları önlemek için "margin" ve "padding" terimlerini kullanmaktan kaçınırım.


1
Yeni CSS Grid'in Spec tanımlar grid-row-gapvegrid-column-gap , ama aslında "aralık" sadece biraz daha iyi gibi.
JDB hala Monica'yı

7

OP sorusunun kapsamı gibi görünen web tasarımı kapsamında, (büyüleyici) basılı medya dünyasından dizgi terimlerini ithal etmeye çalışmak yerine web ile ilgili terimleri kullanmayı tercih ederim.

Bu "dikey kenar boşluğu" CSS kenar boşluğu özelliğinde olduğu gibi. Kenar boşluğu, bitişik öğelerin kenarlığı arasındaki boşluktur (öğenin içindeki boşluk olan dolguya karşılık olarak, kenarlığı ve içeriği arasındaki boşluk).

resim açıklamasını buraya girin

W3C'nin sözleriyle:

Kenar boşluğu, bir öğenin etrafındaki (kenarlığın dışında) bir alanı temizler. Kenar boşluğunun arka plan rengi yoktur ve tamamen şeffaftır. kaynak

Lütfen öğenin kenarlığının şeffaf olabileceğine dikkat edin. Görünür olmasına gerek yoktur.

Geliştiriciler bu terimi oldukça net bir şekilde anlamak zorundadır. Ve benim görüşüme göre, "marj", "oluk", "koridor" veya "sülük" ten daha az çekici olsa da, müşteriler bunu daha dostça bir terim bulmak zorunda.

konu dışı söz

Cellpaddingve cellspacingbenzer paddingve marginancak çok belirgin. Genel CSS özelliklerinin aksine <table>ve <td>etiketlerinin geçerli html nitelikleridir. Bunlar, başka bir etikete uygulanamaz. Yalnızca tablolar hakkında konuşuyorsanız ( <table>etiketi kullanılarak yapılan yapılarda olduğu gibi ) o alanı çağırırsanız doğru olur cellspacing. Eğer (tanımladığı alanda olduğu gibi genel olarak dikdörtgen alanlar bahsediyorsak <div>, <span>, <img>veya başka bir etiketi), sonra margindaha doğru olacaktır.

Bir yan yorum olarak, cellpadingve cellspacingweb özelliklerinin modern web tasarımcıları ve geliştiricileri üzerinde oldukça kaşlarını çattığına dikkat edin, çünkü bu özellik türü yapıyı (HTML) stil (CSS) ile karıştırır ve bu da bakımı ve / veya geliştirmesi daha zor olan sayfalarla sonuçlanır takım. Geliştiricilerin bu öznitelikleri kullanmaktan kaçınmaları paddingve marginbunun yerine CSS özniteliklerini kullanmaları önerilir .

Aynı şey, eskiden olduğu gibi genel düzenler oluşturmak için tabloları kullanmak için de geçerlidir. Puristler, tabloların yalnızca tablo verilerinin görüntülenmesi için kullanılması gerektiğini iddia eder. <div>ve <span>iskele için etiketler kullanılmalıdır. Tüm bu bir gün anlamsal olarak doğru web sayfalarına sahip olacağımızı ümit eden etiketler, sadece sahne arkası arma yerine aksine bağlamı anlamsal olarak işaretlemişti.


2
"Kenar boşluğu", elemanların çevresindeki boşluğa atıfta bulunan genel bir terimdir , oysa "oluk", elementler arasındaki boşluğu ifade eder . Örneğin, iki bitişik elemanın her biri 10 piksel kenar boşluğuna sahipse, aralarındaki oluk 20 piksel genişliğinde olacaktır. Ben "oluk" çeşitli ızgara düzeni çerçevelerinde sık kullanılan gördüm, bu yüzden web siteleri bağlamında sınırları dışında olduğunu sanmıyorum. Sadece dikey olarak yığılmış elemanlar arasındaki boşluk için doğru terim olup olmadığını merak ediyorum.
JDB hala Monica

1
@JDB: Yeterince adil ... Sanırım unsurlar arasındaki boşluk kitlenize bağlı olacağı için “oluk” un kabulü. BTW, HTML / CSS kenar boşluklarında bazen birlikte çöker, böylece 10px kenar boşluğuna sahip iki elemanın 20px olukları olması gerekmez. Kenar boşlukları çökerse 10 piksellik bir oluk ile sonuçlanabilirler. css-tricks.com/almanac/properties/m/margin
cockypup

Ayrıca, (sinir bozucu değil, ben sadece bu tema konusunda çok hevesliyim) CSS "marj" genel bir terim değildir. Çok özel bir tanımı var. w3.org/TR/CSS2/box.html
cockypup

1
İyi bir nokta. "Sonunda unsurlar arasında kalan gerçek boşluk" anlamına gelen bir terimin olması daha iyi olur.
cockypup

1
Onlar marjları olacak tüm yolları listelemek rağmen değil daraltmak" marj çöküşü belgelerinde kural olarak değil, istisna olarak görünmektedir En azından, dokümantasyon İngilizce gramer kitapları gibi okur:.. Hiçbir kural ve tüm istisnaları Belki en azından ekibiniz için, (olmayan) çöküşten sonra öğeler arasındaki dikey kenar boşluğu olan bir terimi ("sokak" gibi) tanımlarsınız
Yorik

4

Dizgi açısından, Slug yatay bir boşluk için ortak bir terimdir. - Paragraftan sonraki / sonraki boşluk, bölümler arasındaki veya kurallar arasındaki yatay boşluk vb. Sümüklü böcek, tip boyutlarına benzer belirli bir boyuta sahiptir ve uygun dikey boşluk oluşturmak için metal türüyle satır içine yerleştirilir.

düzenlemeye göre ....

Cell paddingen bariz seçenek gibi görünüyor. Veya cell spacing.


Bu terim bölümlerden sonraki boşluklar için de geçerli mi? ya da sadece paragraflar?
Zach Saucier

1
Yatay boşluğun kullanıldığı her alan için geçerlidir. Sıcak Çeşidi günlerinde, sümüklüböcek bu paragraflar, sütunlar, kurallar, vb .. olup olmadığı dizilirler olmanın herhangi alanlar arasındaki yatay bir hatta alan oluşturmak için kullanıldı
Scott

Beğendim, ancak web tasarımında çok kafa karıştırıcı çünkü oyunda ikinci bir tanım var.
JDB hala Monica

1
Slug herhangi bir boşluk için kullanılan bir terimdi. Mürekkebin yapışmaması için girintili metal sümüklü böcekleri. Bunlar, yatay boşluk ve hizalama türü oluşturmak için ve ayrıca paragraf aralığı veya diğer boşluk gereksinimleri oluşturmak için yazı arasında kullanılır. Belki de gazeteciler için çalışmadıkça, bugün birçok tasarımcının farkında olacağı bir terim olmadığını anlıyorum. Bu gerçekten doğru olmadığı anlamına gelmez. Dikey öğeler xheight, satır başı ve salyangozlardır. Web tasarım katı terimleriyle, ben "marj" kullanmak eğilimindedir.
Scott

1
... ve bu cevabı gönderdikten sonra sorunun çok daha fazlasını ekleyecek şekilde düzenlendiğini fark ettim. Daha önce "web" den gerçek bir söz yoktu.
Scott

1

Düzen tasarımında, bir ızgaradaki bu yatay oluklara “akış çizgileri” veya “askı çizgileri” denir.


2
GD.SE'ye Hoşgeldiniz! Lütfen cevabınızı daha iyi açıklayınız. "Düzen tasarımı" ile ne demek istiyorsun?
Mensch

Kurt'un söylediklerine eklemek için belki görsel örnekler de ekleyebilirsiniz.
WELZ
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.