最具親眼性的區塊圖文佈局

每次都成功的區塊圖文佈局

網「頁」是由「區塊」組成的。

在我的教學中被強調的是：數位文本寫作中，網「頁」是由「區塊」組成的。
那麼對進行內容的填充，有沒有最基本的「文本佈局」，可以使得最常見到的 「圖文區 塊」都具有最可親的閱讀性呢？

有的！

以下，提供最基本的圖文區塊寫作最常被使用，最可被接受的圖文佈局模式。
共五步驟：

1. 圖像
2. 圖說
3. 大標題
4. 文章開始中標
5. 內文（可以分欄更好）

＃範例＃

下午陽光、小孩與溫暖

有溫暖的下午時光

一種異想不到的溫暖
帶著我們走向想像的天南地北的大器
/文：作者

在七月的中旬，我來到了山上的某地。山上的風是涼的，但陽光是燙的。

陽光是漸小了，人開始出來了，小朋友早就擋不住那想逛出去的心。手和腳，並不是可以被管得住的。

下午的陽光，是具有威力的。一種小小的溫暖，早就吸引著各式各樣的存在物，包括小朋友最喜去旁著的小狗狗。

陽光從左上方照了下來，一群小朋友就那麼的圍著。我可以斷定，那狗不知小朋友在言語著什麼。但它的認真，卻超乎我的想像之外。

在七月的中旬，我來到了山上的某地。

陽光是漸小了，人開始出來了，小朋友早就擋不住那想逛出去的心。

下午的陽光，是具有威力的。一種小小的溫暖，早就吸引著各式各樣的存在物，包括小朋友最喜去旁著的小狗狗。

陽光從左上方照了下來，一群小朋友就那麼的圍著。我可以斷定，那狗不知小朋友在言語著什麼。但它的認真，卻超乎我的想像之外。

一欄版型變化, click!! 居中版型變化, click!! 字體大小變化, click!! 字型使用變化, click!!

說明範例的網頁 click!!
圖文整合排版寫作重要觀念

1. 數位文本是螢幕閱讀，這不容易，所以文字應儘量少。往往文字擔任「摘要」的說明就 夠了，具體的內容細節，應由圖像或影音來補 充。這正是圖文整合文本寫 作的特色。【範例, click!】
2. 因為文字量少，而且是擔任摘要型的功能，所以閱讀的速度就不用被強調。在排版上，往往可使用降低閱讀速度的排版方式。
3. 在文字字型上可使用無襯線體（sans-serif），例如黑體。在排版對齊上，可以使用居中對齊。在字行的長度上，可以加大長度，沒關係。

	襯線體 字有凸出的三角形。例如細明體。 在傳統印刷中，襯線字體用於正文印刷，因為它被認為比無襯線體更易於閱讀，是比較正統的。
	無襯線體 字沒有凸出的三角形。例如黑體。 無襯線體用於短篇和標題等，能夠引起讀者注意，或者提供一種緩慢的閱讀氣氛。

參考資料：
Golombisky, K. & Hagen, R.著／林安琪、于冠雲譯。（2012）。《設計之鑰》。台北市：碁峰。