文字對齊的選擇? |
文字對齊模式有四種,
其實會形成不同的視覺效果,
這代表不同的文字位階。
其實會形成不同的視覺效果,
這代表不同的文字位階。
4種靠法:大家都知道,在處理文字的「靠邊」形式,共有四種。靠左、靠右、置中、左右對齊。但,大概你沒有想過,什麼時候用那一種「靠邊」模式,才算「合理」。
主文:就中文字而言,一般的主文,我們會選擇「左右對齊」。因為這會讓文字形成一種文字塊,讓人知道,裡面有很多豐富的訊息想讓你知道。而且訊息量還很多呢!同時,文字塊也有一種較為「正經」的視覺效果,因之一般的「內文」、「主文」等概念下的文字,最好都以「左右對齊」的格式來處理。
標題:那「靠左」、「靠右」以及「置中」這種模式,因為不會形成文字塊狀,至少會有一邊形成不規則狀,這就有某種「對比性」的視覺效果。適合,「標題」概念下的文字,或是「圖說」概念下的文字。
觀察:有了以上的概念,你就可以去觀察文字對齊方式被使用的時機 。我講的只是一個大方向,你最後會形成自己的「文字排列設計法門」。
主文:就中文字而言,一般的主文,我們會選擇「左右對齊」。因為這會讓文字形成一種文字塊,讓人知道,裡面有很多豐富的訊息想讓你知道。而且訊息量還很多呢!同時,文字塊也有一種較為「正經」的視覺效果,因之一般的「內文」、「主文」等概念下的文字,最好都以「左右對齊」的格式來處理。
標題:那「靠左」、「靠右」以及「置中」這種模式,因為不會形成文字塊狀,至少會有一邊形成不規則狀,這就有某種「對比性」的視覺效果。適合,「標題」概念下的文字,或是「圖說」概念下的文字。
觀察:有了以上的概念,你就可以去觀察文字對齊方式被使用的時機 。我講的只是一個大方向,你最後會形成自己的「文字排列設計法門」。
「 | 在版面中的主要文字部分以兩邊對齊的方式放上文字,塑造一種塊面感,並產生一
種力度。 ──夏井藝華,《版面設計》 | 」 |
補充資訊# 1:
陰 影框語法 | <div style="-webkit-box-shadow: 1px 1px 3px gray; font-size: 130%; font-weight: bold; line-height: 36px; padding: 10px 10px 10px 10px; width: 260px;"> 文字對齊模式有四種,<br /> 其實會形成不同的視覺效果,<br /> 這代表不同的文字位階。<br /> </div> |
補充資訊# 2 :
中文字左右對齊的語法如下:
<div style="text-align: justify; text-justify: distribute; width: 380px;" title="內文,所以是左右對齊。">
xxxxx
</div>
語法說明:中文較為麻煩,所以紅色兩部分兩者都要寫進去。
xxxxx
</div>
沒有留言:
張貼留言