版式

關於版式方面，研究者將以文字、段落、色彩、版面配置、內容設計這五 個面向，分析受訪者閱讀後的感受與偏好。

一、 文字設計

本章節的文字設計分成四個面向作為探討，分別為：大小、粗細、字型與 字距，研究者將逐一整理與分析這四個面向所帶給受訪者的文字可識性、閱讀 情緒、視覺美感的偏好為何。

（一） 大小

研究者將受訪者對於文字大小的設計偏好，做進一步分析並整理如下。

1. 使用者希望內容的文字不宜過大或過小，否則會影響閱讀的心情。

受訪者認為字的大小影響一行內容的多寡，若字太大，該頁的內容就少，

導致他們閱讀起來會覺得內容獲得很少；若字太小，行與頁的內容就多，導致 他們閱讀上會造成眼睛負擔。受訪者也表示以平板電腦的螢幕而言，字的大小 設定值為12 尤佳，以及一行的內容大約有 25 至 30 字是比較舒服的內容呈現。

字型大小關係到你頁面可以裝多少文字，這樣文字大小的文字是 適中...（略）...一行我覺得 25 到 30 字這樣是舒服的。 【B: 2-1-1-1】

沒念幾個字就下一行，就感覺這一行沒有特別的內容就下一行...

（略）...它字太大，其實沒有看很多字。每一行沒幾個字，就要換下 一行。 【C: 2-1-1-1】

2. 閱讀雜誌時，不同的手持硬體方式易於造成眼睛負擔。

大部分的電子雜誌在製作上，會依據使用者的手持方式，而做兩種版面內 容的呈現，例如當使用者橫著持平板電腦時，內容會出現兩頁的內容；相對地，

當使用者直著持平板電腦時，內容僅呈現單頁的內容。換句話說，在不同的手 持方式下，內容的呈現會有雙頁與單頁的轉換，這樣的內容呈現會讓文字忽大

120

忽小，導致受訪者們在閱讀上，容易造成眼睛負擔，而且用手橫持時所呈現的 文字會較用手直持時所呈現的文字來的不易清楚。

橫持好像字體大小不一樣，圖很多比較美觀，但是還ok。但以 iPad 來講要直持才會看到文字。 【H: 2-1-1-2】

我覺得字的大小很擾人，會讓人老花眼。 【L: 2-1-1-2】

（附錄四、章節標題的版式設計 – 雜誌）圖 3 沒太大問題，版式 上，如果直立著看，圖片就會被切割到，橫著看就跟看一般雜誌一樣，

差別在於...文字大小會有影響。 【N: 2-1-1-2】

3. 文字大小會影響讀者的閱讀順序

受訪者們認為字的大小會影響內容閱讀的順序，他們認為字的數值比正文 的數值設定還要大時，他們視覺上會被先吸引，也認為這個字的地位會比正文 高，可能會認為它是章節名、標題或副標題。

子標題我覺得有做粗細就好...（略）...子標題跟內容一定要有區分 啦...（略）...它要有個很特別的粗細，又不能比內文還要小，至少要比 內文粗跟比內文大。子標題就要求粗細跟文字大小就可。 【A: 2-1-1-3】

像（附錄七）圖 3 我就會去看首先它的標題、引文、重點，它用 不同層次的字的大小和粗體，甚至顏色來表現，所以最清楚的是標題、

重點、引文、內文，內文不明顯所以很容易注意到前面三個的設計，

所以在整個畫面會覺得會先看標題，然後引文，然後內文。 【H: 2-1-1-3】

（二） 粗細

研究者將受訪者對於文字粗細的設計偏好，做進一步分析並整理如下。

1. 粗體的呈現會讓使用者認為該文字具有強調與重要的感覺

受訪者對於字的粗體之認知是強調與重要的意思，也認為粗體有助於幫他 們識別重要內容位於段落何處，能迅速地抓住重點。他們也認為粗體也是文字 地位比正文高的象徵，有可能會認為是標題或副標題。

121

可能我有下意識地看到粗體，就會強調、仔細閱讀的感覺。 【C:

2-1-2-1】

文字要大，不一定要有空間跟內文稍微分開，獨立或粗體都可以 幫助判斷。...（略）...因為這個我要看一下內文，我才知道它在講什麼，

而且它的副標題沒有分段的感覺，比較像是重要的東西所以粗體，感 覺是一篇文章沒有分段。 【H: 2-1-2-1】

2. 當文字內容的筆劃較粗時，每行的空白間距應寬一點。

受訪者認為黑體字的每一筆畫的寬度都是等寬的，會讓受訪者認為運用黑 體字作為正文的設計時，行距需要比一般常見的明體字還要再多一點，閱讀上 才不會讓人覺得一群字擠在一起，而難以繼續閱讀。

也是希望行距拉寬一點，可能是字體的關係吧。（附錄二、橫書版 式）圖1 和圖 2 的字體是不一樣的，圖 2 字比較粗一點，所以行距希 望它寬一點。我覺得字體粗細和行距成正比吧，字越粗，行距要拉大。

【O: 2-1-2-2】

（三） 字型

研究者將受訪者對於文字字型的設計偏好，做進一步分析並整理如下。

1. 字型的使用影響對文章結構的認知以及閱讀的連貫性

受訪者認為正文的字型要盡量統一，字型若不統一，會讓讀者產生兩種思 維：一種是會覺得這文章內容是不完整的編排設計，會影響整體閱讀的連貫性。

另一種是依過去的閱讀經驗，利用不同的字型可以讓他們自動理解作者想要在 這段文章表達一個概念或是文章開頭的一個引言，可加強辨識外，也有強調重 點或引用的功效。

122

123

式）圖1 和圖 2 的字體是不一樣的，圖 2 字比較粗一點，所以行距希 望它寬一點。我覺得字體粗細和行距成正比吧，字越粗，行距要拉大。

【O: 2-1-3-2】

（四） 字距

研究者將受訪者對於文字字距的設計偏好，做進一步分析並整理如下。

1. 內容的字距設定不宜過大或過小，以免破壞使用者閱讀的節奏。

受訪者們認為若字距太大或太小皆會影響閱讀的節奏，若字距太大則會造 成字與字之間擁有過多的空白間隙，導致他們閱讀速度緩慢，且無法一氣喝成 地完成該段或該句的閱讀；反之，若字距太小則會導致他們閱讀很辛苦，甚至 放棄閱讀。另外，他們也表示當字距大於行距時，文章會無法閱讀。

這樣看起來，字距大一點，當然會比較舒服阿。但又不能太大，

太大會佔很多字的空間。字距的距離太大，這樣思緒無法連貫。因為 出版的書通常字是不太可能連在一起，所以就討論字距如果太大或太 開的話，會影響閱讀的連貫性。 【A: 2-1-4-1】

字距要比行距窄，行氣看起來比較好。...（略）...字距沒問題，太 寬反而會影響閱讀速度。 【J: 2-1-4-1】

看起來比較舒服，不喜歡太寬，因為一個字一個字連在一起無法 連貫。太擠我會不想看，看起來比較辛苦。 【K: 2-1-4-1】

當字距大於行距時，那就不能閱讀了。其實我做過一個小實驗，

同樣的字有調過字距、行距的話，距離大一點會讓你產生比較少的錯 覺。會覺得負擔不會那麼大，看起來比較舒服。...（略）... （閱讀的 連續性）有一定的標準在，字距不會大於行距。 【M: 2-1-4-1】

2. 若字距太窄會暗示使用者閱讀速度要加快以及易造成眼睛疲勞

受訪者們認為用平板電腦閱讀電子書時，螢幕所發出的光會讓他們眼睛易 疲勞，若又加上閱讀過窄的字距，導致造成眼睛負擔而難以長時間的閱讀；另 外，也會給他們一種我要讀快一點的感覺，故受訪者們認為寬的字距除了會帶 給閱讀上的舒適感外，也可以減少閱讀的壓迫感。

124

整體而言，他們對於字距的要求不會太多，最低的要求就是字不要疊在一 起即可。畢竟在他們的閱讀經驗裡，認為這樣的閱讀狀況不易發生，一旦這閱 讀狀況已發生，他們會先感到不悅，然後會覺得這是一個沒有排版好的內容就 發售，會有不尊重讀者的想法產生。

字距應該再寬一點，它不能再寬了嗎？這樣會讓人有壓迫感。...

（略）...字距沒有關係，行距寬一點就好了，不要疊在一起就好了。 【F:

2-1-4-2】

因為是文字，這裡讀的好好地到這裡就變擠了，就不開心，為什 麼呢？是要我讀快一點的意思嗎？ 【H: 2-1-4-2】

我覺得剛好，若字距太窄，眼睛會花掉，就是跟行距太密一樣。

我覺得看電子書就是會有點跟紙本書不太一樣，畢竟是電器的東西，

所以如過太窄會增加閱讀障礙。 【L: 2-1-4-2】

二、 段落設計

本章節的段落設計分成四個面向作為探討，分別為：行距、段距、段首與 頁邊距。這四個面向與文章的結構和訊息的視覺傳達有密切的關係，研究者將 透過任務的實驗文本，逐一整理與分析受訪者對於這四個面向的偏好為何。

（一） 行距

研究者將受訪者對於行距的設計偏好，做進一步分析並整理如下。

1. 內容的行距設計若太窄會有閱讀跳行的情況發生

受訪者們表示當內容的行與行之間的距離若太靠近時，於閱讀上則容易有 閱讀跳行的情形發生，導致這段內容的閱讀連貫性遭到破壞。

125

行距的距離大一點會讓你產生比較少的錯覺，會覺得負擔不會那 麼大，看起來比較舒服。 【M: 2-2-1-1】

（附錄二）圖二很明顯地字距已經很小，行距也很小，字都糊在 一起，會讓我很容易讀起來跳字。 【N: 2-2-1-1】

2. 內容的行距設計若太窄會造成生理與心理的負擔

有受訪者表示行距若太窄，會沒有書法領域裡所提到的「行氣」這概念。

所謂的「行氣」是指每字之間的映帶關係以至於每行之間的呼應關係，對閱讀 而言，意味著文字筆畫與內容的流暢貫串，有助於一氣呵成的效果。

他們表示用平板電腦閱讀電子書的狀況下，容易造成眼睛的疲勞且不易長 時間的閱讀，尤其是在眼睛擁有閃光等負面條件下。因此，當他們閱讀行距太 窄的內容時，以生理上而言，他們會認為增加視覺更多的負擔；心理上而言，

他們會覺得閱讀上會十分煩躁，不易仔細地閱讀，或甚至放棄去閱讀電子書。

所以他們希望文章的編排設計上，能給予足夠的行距，讓他們擁有舒適的閱讀

所以他們希望文章的編排設計上，能給予足夠的行距，讓他們擁有舒適的閱讀