• <strike id="mem0a"><s id="mem0a"></s></strike>
    
    
  • <kbd id="mem0a"></kbd>
    <ul id="mem0a"></ul>
     
    深圳網站建設設計

    將想法與焦點和您一起共享

    深圳網站建設設計 深圳網站優化排名 深圳網站設計制作欣賞

    你的網站最好的文本對齊

    2018-03-26  閱讀: 深圳網站建設設計

    你的網站最好的文本對齊
    什么類型的字體排列的嗎?

    在我們進入什么類型的文本對齊方式是最適合你的網站,讓我們先討論選項…
    左對齊的文本

    當文字是左對齊的,他們是沖在左邊和右邊參差不齊。

    例子

    你的網站最好的文本對齊

    右對齊的文本
    當文字是右對齊的,他們是沖在右手邊,破爛的左邊。

    你的網站最好的文本對齊

    中心對齊文本
    當文本行的中心對齊,他們在左右兩邊都是破破爛爛的。

    你的網站最好的文本對齊

    對齊的文本
    當文字是有道理的,他們是沖在左、右兩。

    你的網站最好的文本對齊

    這文本的對齊方式是最適合你的網站?

    印刷媒體已經比數字媒體的時間更長,所以我們可以期待今天的數字的問題的答案,傳統的平面設計。至少作為一個起點。你可能已經注意到:

        A4大小的文件和雜志上的文章通常是左對齊。
        報紙專欄和書籍大多使用對齊的文本。
        海報的文字往往集中。
        右對齊的文本通常是保留給一列數字。

    在網站上你不會經??吹骄又谢蛴覍R的文本,這可能是因為人們內在知道居中和右對齊的文本是不容易或舒適的閱讀。這是除了標題當然短句子。在有些情況下,中心的文本看起來很棒,就像一個產品的旗號,但中心的文本看起來不好長的段落。同樣,右對齊的文本有它的地方,例如定價和號召行動按鈕通常看起來最好右對齊。

     

    主要的爭論是那些主張對齊的文本而不是左對齊,反之亦然之間。

    左對齊的營會指出這不是容易讀對齊的文本。因為每一行的長度是一樣的,這是失去你的地方而容易閱讀。相比之下,衣衫襤褸的權利性質左對齊文本更容易區分他們只是讀他們要讀線。

    合理的營會指出,如果報紙和書籍使用對齊的文本,它不是那么壞。有網站和印刷媒體如書籍和報紙雖然兩個主要區別:

     

    1。列的寬度
    報紙不在頁面的左邊開始段落文本和伸展它路的權利。他們有多個窄欄。窄列幾乎完全消除落后的地方在文章的問題。很容易讓眼睛保持軌道的線,他們因為實際的眼動是最小的。書通常不會有多個列,但紙張大小限制寬度的線條自然。

    如果你不打破你的對齊的文本到更窄的領域在您的網頁,它不是那么容易讀左對齊的文本。這是一個事實。W3C(萬維網聯盟)有規定的這是特別為那些有認知障礙的問題。


    2。連字符的文本
    即使你打破你的對齊的文本成列,或更窄的領域在您的網頁,然后你遇到一個完全不同的可讀性問題。字母間距(又名字距)之間的話變得變難看。這是對齊的文本例子又在那里你可以清楚地看到問題:

    你的網站最好的文本對齊

    你獲得的證明你的文本表面的整潔是由不同寬度的詞之間的間隔偏移。報紙可以繞過這個問題因為他們有漂亮的東西叫一個連字符。因為報紙有斷字的能力,單詞之間的間距變得更加均勻。 不幸的是,在這個時間點,并不是所有的Web瀏覽器。

    這是一個漂亮的圖顯示瀏覽器不支持的字符。
    如果你在下面的例子中看到的字符,那么你使用的是支持他們的瀏覽器。如果你仍然看到丑陋的間距,你可能使用舊的瀏覽器或任何版本的Opera Mini。

    你的網站最好的文本對齊

    概要

    合格的平面設計師能夠使用他們的訓練和與生俱來的設計人才,以確定如何最好地顯示字體的元素,但休閑網站建設者,這里是一個有用的指南:

        避免使用右對齊的文本段落。右對齊的文本是適當的數字在列,和潛在的“行動號召”按鈕。
        使用文本居中節制,也不是文本段落。大多數標題應該左對齊,但在有些情況下,標題和簡短的句子可以看為好。
        如果你要使用對齊的文本,使文本行不太寬,你用連字符(CSS這是:<i>P {連字符:汽車</i>})。只要記住支持跨瀏覽器應用的不足。最大的叛國者是舊的瀏覽器(尤其是舊的Android瀏覽器),在寫作的時候,任何版本的Opera Mini。
    有疑問時使用左對齊的文本

    將文章分享到..