排版最重要的思考方式，就是「把訊息正確、有效的傳遞出去」，然而在這想要被傳遞出去的「訊息」當中，有個極為重要，也是決定整體視覺風格，最關鍵的靈魂人物，就是版面上的「文字」。

藝文

職場產業

文化生活

&nbsp;我們之前說過，排版最重要的思考方式，就是「把訊息正確、有效的傳遞出去」，然而在這想要被傳遞出去的「訊息」當中，有個極為重要，也是決定整體視覺風格，最關鍵的靈魂人物，就是版面上的「文字」。
「文字」到底有多重要呢？
現在我們以網路購物為例子，消費者通常是先看到廣告上的「文字」訊息，覺得這文案不錯，有吸引到他，才會點進去看商品頁的內容介紹，進而產生購買的行為。
<img src="http://www.cjc116.com/images2/a014/a14_img_1.jpg" width="100%"/>
所以對設計師來說，「文字」的視覺編排，不僅要方便閱讀，還要跟版面風格有所呼應，藉此吸引消費者前來觀看，並產生與視覺搭配而出的加乘效果。
因此我們要來跟大家介紹一下，有關於文字編排的各種重要思考方式：
● 慎選字體
字體的搭配是介於科學與藝術之間的一種存在，兩者必須同時兼具，否則會給人一種詭異的感覺，造成注意力的分散，降低了傳遞訊息的成效。
1. 自然、親近感 - 字體筆畫細而尖銳，會給人一種冰冷，難以靠近的感覺。
<img src="http://www.cjc116.com/images2/a014/a14_img_2.jpg" width="100%"/>
字體筆畫圓滑，會給人一種溫和、可愛、親近的感覺，筆畫越粗，感覺就會越強烈明顯。
<img src="http://www.cjc116.com/images2/a014/a14_img_3.jpg" width="100%"/>
字體筆畫以手寫的方式呈現，會有一種溫和、親近，以及擁有活力的感覺。
<img src="http://www.cjc116.com/images2/a014/a14_img_4.jpg" width="100%"/>
2. 力量、速度感 - 粗體字比細體字更有力量與衝擊力。
<img src="http://www.cjc116.com/images2/a014/a14_img_5.jpg" width="100%"/>
窄高的字比寬鬆的字更有凝聚力的感覺。
<img src="http://www.cjc116.com/images2/a014/a14_img_6.jpg" width="100%"/>
斜體字會給人一種速度感，調整傾斜角度，感覺會更加快速。
<img src="http://www.cjc116.com/images2/a014/a14_img_7.jpg" width="100%"/>
3. 傳統、文化感 - 文化感跟歷史有關，所以想營造傳統古典的感覺，以華人來說，可以選擇適合的書法字體來呈現。
<img src="http://www.cjc116.com/images2/a014/a14_img_8.jpg" width="100%"/>
4. 高級、格調感 - 想要營造有格調跟品味，可以選擇有細節的字體，會顯得更高級與精緻。
<img src="http://www.cjc116.com/images2/a014/a14_img_9.jpg" width="100%"/>
5. 未來、科技感 - 越簡潔，現代感就越強，使用幾何構圖的字體，更能創造出未來科技感。
<img src="http://www.cjc116.com/images2/a014/a14_img_10.jpg" width="100%"/>
6. 硬朗、醒目感 - 黑體字比楷體字更能給人年輕、俐落、開朗的感覺，筆畫加粗之後，更有引人注目的效果。
<img src="http://www.cjc116.com/images2/a014/a14_img_11.jpg" width="100%"/>
7. 裝飾、華麗感 - 有些字體比較特殊，本身不適合閱讀，但可以運用在裝飾與點綴的視覺效果上，例如英文的手寫花體，使用之後就會給人一種華麗的感覺。
<img src="http://www.cjc116.com/images2/a014/a14_img_12.jpg" width="100%"/>
● 字體不要過多
整體版面盡量不要超過3種字體，否則會造成視覺上的干擾，導致畫面風格的混亂。
<img src="http://www.cjc116.com/images2/a014/a14_img_13.jpg" width="100%"/>
● 使用該語系的專用字體
中文字體跟英文字體的設計方式，是完全不同的，中文字體是以方塊為基礎來做設計，英文字體因為平均字體較細長，所以會以英文的標準去做設計開發，因此當內容是中文字，就要選用中文專用的字體，英文字就要使用英文專用的字體，這樣才可以增加文字的易讀性。
<img src="http://www.cjc116.com/images2/a014/a14_img_14.jpg" width="100%"/>
這邊要特別注意，因為中文字體是以方塊為基礎來做設計，所以往往會比英文字體來的大，當我們遇到中、英文字混合在一起時，就必須做細節上的調整，將英文字體等比放大對齊至中文字體的高度，這樣才能避免文字乎大乎小不易閱讀。
<img src="http://www.cjc116.com/images2/a014/a14_img_15.jpg" width="100%"/>
● 保持易讀的距離
調整文字的距離，就跟版面需要留白一樣，可以增加閱讀的舒適度，當文字距離較緊，會給人速度較快的感覺，當文字距離較寬，則會給人速度較慢的感覺。
1. 字距 - 避免太過緊湊，難以辨識。
<img src="http://www.cjc116.com/images2/a014/a14_img_16.jpg" width="100%"/>
因為英文字體的寬度有時並不會等寬，所以當有使用英文字體時，我們就需要單獨調整每個字的間距，讓字距更加均衡。
<img src="http://www.cjc116.com/images2/a014/a14_img_16_2.jpg" width="100%"/>
2. 行距 - 調整至單行文字高度的50%，是普遍最好閱讀的高度。
<img src="http://www.cjc116.com/images2/a014/a14_img_17.jpg" width="100%"/>
在調整行距時，一定要特別考慮到字體的大小，若字體較小，可以將行距再拉高一些，讓閱讀的舒適度更加提升。
● 保持字體的比例
在字體放大縮小時，要盡量使用原始比例去縮放，不要任意變形字體的高度跟寬度，造成不正常的扭曲或變形。
<img src="http://www.cjc116.com/images2/a014/a14_img_18.jpg" width="100%"/>
● 保持內容的連續性
避免文章的開頭或結尾，僅有1~2個字構成一短行，因為大片的空白會打亂內容的連續性，最好的解決方式，就是微調字距跟行距，以及改變字體大小。
<img src="http://www.cjc116.com/images2/a014/a14_img_19.jpg" width="100%"/>
● 不要太多的重點強調
在一個文章斷落裡，要避免使用過多不同的重點強調方式。
<img src="http://www.cjc116.com/images2/a014/a14_img_20.jpg" width="100%"/>
● 結構層次要明顯
主標文字跟內容文字要有所區隔，並用統一的形式，去創造出規律，讓人容易辨識。
<img src="http://www.cjc116.com/images2/a014/a14_img_21.jpg" width="100%"/>
● 不要太多文字特效
文字特效必須使用得宜，太多就會讓人有廉價、花俏、不舒服的感覺。
<img src="http://www.cjc116.com/images2/a014/a14_img_22.jpg" width="100%"/>
有很多初學者與設計師，因為缺乏以上這些文字編排的思考方式，才會導致訊息常常無法順利的傳遞出去，所以當你下次要進行版面設計時，千萬要記得，「文字」就是用來閱讀的，不是拿來炫技的，這樣才能讓你的「文字」發揮出最大的成效。

 我們之前說過，排版最重要的思考方式，就是「把訊息正確、有效的傳遞出去」，然而在這想要被傳遞出去的「訊息」當中，有個極為重要，也是決定整體視覺風格，最關鍵的靈魂人物，就是版面上的「文字」。

現在我們以網路購物為例子，消費者通常是先看到廣告上的「文字」訊息，覺得這文案不錯，有吸引到他，才會點進去看商品頁的內容介紹，進而產生購買的行為。

http://www.cjc116.com/images2/a014/a14_img_1.jpg

所以對設計師來說，「文字」的視覺編排，不僅要方便閱讀，還要跟版面風格有所呼應，藉此吸引消費者前來觀看，並產生與視覺搭配而出的加乘效果。

因此我們要來跟大家介紹一下，有關於文字編排的各種重要思考方式：

字體的搭配是介於科學與藝術之間的一種存在，兩者必須同時兼具，否則會給人一種詭異的感覺，造成注意力的分散，降低了傳遞訊息的成效。

1. 自然、親近感 - 字體筆畫細而尖銳，會給人一種冰冷，難以靠近的感覺。

http://www.cjc116.com/images2/a014/a14_img_2.jpg

字體筆畫圓滑，會給人一種溫和、可愛、親近的感覺，筆畫越粗，感覺就會越強烈明顯。

http://www.cjc116.com/images2/a014/a14_img_3.jpg

字體筆畫以手寫的方式呈現，會有一種溫和、親近，以及擁有活力的感覺。

http://www.cjc116.com/images2/a014/a14_img_4.jpg

2. 力量、速度感 - 粗體字比細體字更有力量與衝擊力。

http://www.cjc116.com/images2/a014/a14_img_5.jpg

窄高的字比寬鬆的字更有凝聚力的感覺。

http://www.cjc116.com/images2/a014/a14_img_6.jpg

斜體字會給人一種速度感，調整傾斜角度，感覺會更加快速。

http://www.cjc116.com/images2/a014/a14_img_7.jpg

3. 傳統、文化感 - 文化感跟歷史有關，所以想營造傳統古典的感覺，以華人來說，可以選擇適合的書法字體來呈現。

http://www.cjc116.com/images2/a014/a14_img_8.jpg

4. 高級、格調感 - 想要營造有格調跟品味，可以選擇有細節的字體，會顯得更高級與精緻。

http://www.cjc116.com/images2/a014/a14_img_9.jpg

5. 未來、科技感 - 越簡潔，現代感就越強，使用幾何構圖的字體，更能創造出未來科技感。

http://www.cjc116.com/images2/a014/a14_img_10.jpg

6. 硬朗、醒目感 - 黑體字比楷體字更能給人年輕、俐落、開朗的感覺，筆畫加粗之後，更有引人注目的效果。

http://www.cjc116.com/images2/a014/a14_img_11.jpg

7. 裝飾、華麗感 - 有些字體比較特殊，本身不適合閱讀，但可以運用在裝飾與點綴的視覺效果上，例如英文的手寫花體，使用之後就會給人一種華麗的感覺。

http://www.cjc116.com/images2/a014/a14_img_12.jpg

整體版面盡量不要超過3種字體，否則會造成視覺上的干擾，導致畫面風格的混亂。

http://www.cjc116.com/images2/a014/a14_img_13.jpg

中文字體跟英文字體的設計方式，是完全不同的，中文字體是以方塊為基礎來做設計，英文字體因為平均字體較細長，所以會以英文的標準去做設計開發，因此當內容是中文字，就要選用中文專用的字體，英文字就要使用英文專用的字體，這樣才可以增加文字的易讀性。

http://www.cjc116.com/images2/a014/a14_img_14.jpg

這邊要特別注意，因為中文字體是以方塊為基礎來做設計，所以往往會比英文字體來的大，當我們遇到中、英文字混合在一起時，就必須做細節上的調整，將英文字體等比放大對齊至中文字體的高度，這樣才能避免文字乎大乎小不易閱讀。

http://www.cjc116.com/images2/a014/a14_img_15.jpg

調整文字的距離，就跟版面需要留白一樣，可以增加閱讀的舒適度，當文字距離較緊，會給人速度較快的感覺，當文字距離較寬，則會給人速度較慢的感覺。

1. 字距 - 避免太過緊湊，難以辨識。

http://www.cjc116.com/images2/a014/a14_img_16.jpg

因為英文字體的寬度有時並不會等寬，所以當有使用英文字體時，我們就需要單獨調整每個字的間距，讓字距更加均衡。

http://www.cjc116.com/images2/a014/a14_img_16_2.jpg

2. 行距 - 調整至單行文字高度的50%，是普遍最好閱讀的高度。

http://www.cjc116.com/images2/a014/a14_img_17.jpg

在調整行距時，一定要特別考慮到字體的大小，若字體較小，可以將行距再拉高一些，讓閱讀的舒適度更加提升。

在字體放大縮小時，要盡量使用原始比例去縮放，不要任意變形字體的高度跟寬度，造成不正常的扭曲或變形。

http://www.cjc116.com/images2/a014/a14_img_18.jpg

避免文章的開頭或結尾，僅有1~2個字構成一短行，因為大片的空白會打亂內容的連續性，最好的解決方式，就是微調字距跟行距，以及改變字體大小。

http://www.cjc116.com/images2/a014/a14_img_19.jpg

在一個文章斷落裡，要避免使用過多不同的重點強調方式。

http://www.cjc116.com/images2/a014/a14_img_20.jpg

主標文字跟內容文字要有所區隔，並用統一的形式，去創造出規律，讓人容易辨識。

http://www.cjc116.com/images2/a014/a14_img_21.jpg

文字特效必須使用得宜，太多就會讓人有廉價、花俏、不舒服的感覺。

http://www.cjc116.com/images2/a014/a14_img_22.jpg

有很多初學者與設計師，因為缺乏以上這些文字編排的思考方式，才會導致訊息常常無法順利的傳遞出去，所以當你下次要進行版面設計時，千萬要記得，「文字」就是用來閱讀的，不是拿來炫技的，這樣才能讓你的「文字」發揮出最大的成效。

字體的效果 - &nbsp;為什麼你的字不是拿來讀的 &nbsp;

「每次遇到排版設計的時候，總是會感到手足無措，尤其是內容資料、文案或素材的數量較多時，更是容易傷透腦筋，花再多時間都做不好。」如果你有這種煩惱，表示你只是憑感覺在排版，這樣的方式不僅容易讓人視覺麻木、疲勞，更無法客觀的分辨出好壞，甚至會讓大腦靈感枯竭，做不出其他的版面變化。

網格的應用 - 為什麼有些排版會特別的好看

 視覺排版一直以來，都是設計師必備的重要技術之一，也是最常被人拿來討論、批評的話題，雖然不管是客戶或是一般民眾，大家通常都會覺得排版很簡單，自己來也可以，但其實如何把排版跟美感以及成效，一起發揮到極致，並不是人人都可以做得到的！

檢舉內容字體的效果 - 為什麼你的字不是拿來讀的

檢舉內容
字體的效果 - 為什麼你的字不是拿來讀的