圖畫書中的圖、文，除了插圖表達藝術性與文字為插畫提供說明外，合於兒 童的生活並容易了解引發兒童的興趣，圖、文不只是為對方扮演互補的角色，有 效的圖文編排，不但能更有效率地傳遞故事訊息，也能使閱讀氣氛製造得更吸引 人，讓閱讀者與書本之間的距離瞬間拉近不少。
視覺閱讀的程序，常被版面透露出的訊息所引導前進，圖則比文字容易吸引 閱讀者的目光，對於圖畫書的主要讀者~兒童來說，圖畫才是吸引他們繼續閱讀的 主要原因，但是優質的圖畫書的衡量標準不僅只有插畫精采絕倫而已，為閱讀者 與圖畫書之間找到圖文互動的準則才是重點。
圖文互動必須要遵循視覺性、統一性、韻律性、空間性等四項原則23，視覺性 是指視覺動線流暢、順序及系統的規則，讓圖畫書內容順暢讀完，為講求圖畫書 版面簡潔有力的原則，插畫的位置與文字的動線都是重點。視覺行進的動線不可 重複，橫排一欄式的文字宜由左至右、由上而下排列，動線長度受版面與字體大 小的影響，不可因為字數排列過多讓讀者讀來毫無喘息空間，這是圖畫書中最重 要的視覺條件之一。
統一性是指每本書籍在編排時都有統一的版型，包含文字、圖式、內容編排 統一等等，每個文字欄位固定要放入多少字數亦要統一，才不會圖與文的比例不 平均忽大忽小影響閱讀動線。欄數通常跟著書本的開數大小而定，以本研究圖畫 書文本圖多字少的規則看來，以二欄式的排列規則居多。
韻律性則是指圖畫書在統一性的規則下彈性調整編排版面的動感，使書本內 容不致陷入呆版，例如在圖畫書的內文下加上色塊，在文字頁加上小插圖等等。
23丘永福編，《圖文編輯》，台北市：藝風堂，1995 年，頁 88~101
空間性又可從行距、留白、分欄等項目來說明，行距是指行與行的空間與欄 框的間距，欄間大約以二個字的寬度作距離。滿版的圖畫書讓人讀來十分難受，
因此留白有其必要性，通常編輯會依排版情形加以安排設計，將畫面空間做合理 妥當的分配，使版面留下分割後的留白。
分欄就像美觀的窗台設計一樣，讓景觀看來更有層次感。版面的空間感透過 合理的欄位分配釋放出來，讓圖畫書的閱讀視覺變得更有層次。
幸佳慧在（1998）《兒童圖畫故事書的藝術探討》論文中，針對圖畫書的版面 設計提出見解：
由於文學名著本是一個獨立的文字作品，圖畫的裝飾性仍重了些，即使拿掉 了圖畫，仍不會損害文字傳達的完整性。因此，這類作品插畫的表現力必須很強，
以致可以與文字媲美，並加入一些新元素使故事成為另一種完美的境界。（頁 75）
幸佳慧並針對圖畫書的圖文屬性加以分類，如：
一、圖文分離（1）文多於圖（2）文圖各一頁。
二、文圖區隔。
三、文字在圖上。
四、混合運用。
五、字型大小（1）字在圖上
（2）單獨呈現在頁面之空白處，與插圖互為呼應
（3）字以圖框另外放在圖畫之上或下方
以下即運用上述的分類方法，分類本研究之文本：
一、圖文分離：
（一）、文多於圖 ：在研究文本中這類圖畫書未出現。
（二）、文圖各一頁：
圖畫在圖畫書中所占的比例各為 50％，利用文、圖分頁的方式製 造說書人說故事的角色，使文字與圖畫明顯區隔，讀者閱讀圖畫書時 可參照文字，角落又是另一個圖示，使故事有延續前進的方向線索。
作品中有文圖各一頁的圖畫設計的有二本：鹿橋文化事業 1993 年出版 的《國王的新衣》、台灣英文雜誌社 1993 年出版的《國王的新衣》。
二、文圖區隔：
文字與圖畫攜手為圖畫書創造出優美的畫面與故事，在畫面上有各自所 屬的位置，彼此輝映而不相互干預。較為具體之文字與插圖的區隔，則是用 圖框將內文框起，研究文本中以此法設計圖文僅有一本，1994 年人類文化公 司出版的《國王的新衣》。研究文本中有以下幾本，採以文圖區隔的編排設計 方式：1995 年青林國際出版公司出版《國王的新衣》、1994 年光復書局出版
《國王的新衣》、1992 年大佑出版社出版《國王的新衣》、1993 年理科出版社 出版《國王的新衣》、1985 年大眾書局出版《國王的新衣》。
三、文字在圖上：
畫面上的文字不以色塊或邊框加以框限，而是在畫面上適當位置、空白 位置 或加上淡色色塊區隔出呈現要表達的文字，這類形式的文圖互動並不 安排在畫面上固定的位置。圖畫書中以此設計手法設計有 1984 年上誼文化出 版《國王的新衣》、 1986 年光復書局出版《國王的新衣》、出版年未載明之大 千出版事業出版《國王的新衣》、1992 年大千文化出版事業《國王的新衣》、
四、混合運用：
將文字加以色框襯底或在版面圖畫之外空白處加上文字，混合兩種圖文互 動的形式於一本圖畫書中。在研究文本中發現 1973 年世一書局出版《國王的 新衣》以此設計手法設計。
五、字型大小：
本研究之文本內文都是採取同樣大小字型與字體，也就是說文字的字
體、大小變化均未因故事情節的發展，而更動字體大小作為提示。
（一）、字在圖上：
圖文設計在插圖上使人覺得圖文融為一體，卻因內文文字印刷的顏 色多以黑色為主，如插畫顏色亦為暗色則容易導致看不清楚。
（二）、單獨呈現在頁面之空白處，與插圖互為呼應：
與文圖區隔的意思類似，但此處之設計用意較文圖區隔為佳。，
（三）、字以圖框另外放在圖畫之上或下方：
將內文與插圖做區隔，雖然清楚但是容易造成閱讀思緒不連貫。
優質的圖畫書應該包含優美的文字與意境幽遠的插畫，二者搭配起來才可吸 引讀者一讀再讀。好的故事內文也應該是扣人心弦，那些文字會使我們停頓下來 思考細節，情節的發展也會在圖畫與文字合宜地運作下形成閱讀的節奏性。因此 圖與文字的編排將影響著閱讀者閱讀時的情境，兩者關係可說十分密切。