你的網(wǎng)站最好的文本對齊
什么類型的字體排列的嗎?
在我們進(jìn)入什么類型的文本對齊方式是最適合你的網(wǎng)站,讓我們先討論選項(xiàng)…
左對齊的文本
當(dāng)文字是左對齊的,他們是沖在左邊和右邊參差不齊。
例子
右對齊的文本
當(dāng)文字是右對齊的,他們是沖在右手邊,破爛的左邊。
中心對齊文本
當(dāng)文本行的中心對齊,他們在左右兩邊都是破破爛爛的。
對齊的文本
當(dāng)文字是有道理的,他們是沖在左、右兩。
這文本的對齊方式是最適合你的網(wǎng)站?
印刷媒體已經(jīng)比數(shù)字媒體的時(shí)間更長,所以我們可以期待今天的數(shù)字的問題的答案,傳統(tǒng)的平面設(shè)計(jì)。至少作為一個(gè)起點(diǎn)。你可能已經(jīng)注意到:
A4大小的文件和雜志上的文章通常是左對齊。
報(bào)紙專欄和書籍大多使用對齊的文本。
海報(bào)的文字往往集中。
右對齊的文本通常是保留給一列數(shù)字。
在網(wǎng)站上你不會經(jīng)常看到居中或右對齊的文本,這可能是因?yàn)槿藗儍?nèi)在知道居中和右對齊的文本是不容易或舒適的閱讀。這是除了標(biāo)題當(dāng)然短句子。在有些情況下,中心的文本看起來很棒,就像一個(gè)產(chǎn)品的旗號,但中心的文本看起來不好長的段落。同樣,右對齊的文本有它的地方,例如定價(jià)和號召行動按鈕通??雌饋碜詈糜覍R。
主要的爭論是那些主張對齊的文本而不是左對齊,反之亦然之間。
左對齊的營會指出這不是容易讀對齊的文本。因?yàn)槊恳恍械拈L度是一樣的,這是失去你的地方而容易閱讀。相比之下,衣衫襤褸的權(quán)利性質(zhì)左對齊文本更容易區(qū)分他們只是讀他們要讀線。
合理的營會指出,如果報(bào)紙和書籍使用對齊的文本,它不是那么壞。有網(wǎng)站和印刷媒體如書籍和報(bào)紙雖然兩個(gè)主要區(qū)別:
1。列的寬度
報(bào)紙不在頁面的左邊開始段落文本和伸展它路的權(quán)利。他們有多個(gè)窄欄。窄列幾乎完全消除落后的地方在文章的問題。很容易讓眼睛保持軌道的線,他們因?yàn)閷?shí)際的眼動是最小的。書通常不會有多個(gè)列,但紙張大小限制寬度的線條自然。
如果你不打破你的對齊的文本到更窄的領(lǐng)域在您的網(wǎng)頁,它不是那么容易讀左對齊的文本。這是一個(gè)事實(shí)。W3C(萬維網(wǎng)聯(lián)盟)有規(guī)定的這是特別為那些有認(rèn)知障礙的問題。
2。連字符的文本
即使你打破你的對齊的文本成列,或更窄的領(lǐng)域在您的網(wǎng)頁,然后你遇到一個(gè)完全不同的可讀性問題。字母間距(又名字距)之間的話變得變難看。這是對齊的文本例子又在那里你可以清楚地看到問題:
你獲得的證明你的文本表面的整潔是由不同寬度的詞之間的間隔偏移。報(bào)紙可以繞過這個(gè)問題因?yàn)樗麄冇衅恋臇|西叫一個(gè)連字符。因?yàn)閳?bào)紙有斷字的能力,單詞之間的間距變得更加均勻。 不幸的是,在這個(gè)時(shí)間點(diǎn),并不是所有的Web瀏覽器。
這是一個(gè)漂亮的圖顯示瀏覽器不支持的字符。
如果你在下面的例子中看到的字符,那么你使用的是支持他們的瀏覽器。如果你仍然看到丑陋的間距,你可能使用舊的瀏覽器或任何版本的Opera Mini。
概要
合格的平面設(shè)計(jì)師能夠使用他們的訓(xùn)練和與生俱來的設(shè)計(jì)人才,以確定如何最好地顯示字體的元素,但休閑網(wǎng)站建設(shè)者,這里是一個(gè)有用的指南:
避免使用右對齊的文本段落。右對齊的文本是適當(dāng)?shù)臄?shù)字在列,和潛在的“行動號召”按鈕。
使用文本居中節(jié)制,也不是文本段落。大多數(shù)標(biāo)題應(yīng)該左對齊,但在有些情況下,標(biāo)題和簡短的句子可以看為好。
如果你要使用對齊的文本,使文本行不太寬,你用連字符(CSS這是:<i>P {連字符:汽車</i>})。只要記住支持跨瀏覽器應(yīng)用的不足。最大的叛國者是舊的瀏覽器(尤其是舊的Android瀏覽器),在寫作的時(shí)候,任何版本的Opera Mini。
有疑問時(shí)使用左對齊的文本