數位出版設計:圖文框篇

數位出版設計:圖文框篇-知識美學/數位美學之建構方法

變化視覺空間、破壞統一、增加趣味

破壞固定區、欄、白的變化

文圖框設計﹦圖+表+表圖（自動統計圖）+文圖表插欄+圖片式標題+嵌入物件

文字方塊：是Word的自由定位功能，常與上述文圖框合用，達到編畫報的作用。

圖

總覽

進階理論知識

點陣圖片檔案的格式

    .gif：重線條

    .jpg：重色彩

圖片原稿的來源有二：原創圖片、或他人合法授權圖片。但絕對避免使用他人保留版權的圖片。

原創圖片費工、費時，所以內頁、量大的圖片，可以使用外在合法授權圖片，或加以編修。

但主圖--至少如封面--仍以原創為宜。

插入-圖片

    使用系統內建圖庫

    使用外在合法圖片：共享資源、相關網站

維基圖片

維基共享資源

校園授權圖庫

    設計原創圖片

原創相片

原創美工圖

圖片的編修

    使用專門影象處理軟體（避免使用排版軟體）作主體設計

    保留圖片原稿，另存編輯輸出稿，以節省輸出資源

    決定圖片輸出的區域、尺寸與主要視覺內涵

    謹慎使用特效

圖片的層次與位置

    樣式與內縮

    文繞圖（盤文）設計

    其他位置設定

圖片實作

圖文框定位/文字方塊/出血設計/快取圖案與群組物件

圖文框定位應使用文字方塊工具，可以達到自由定位的目的。

文字方塊並可應用於出血設計，製造局部破壞固定空間，增加變化趣味。

出血設計也常用來調整多餘空白，增加視覺的完整性與飽滿性。

文字方塊實屬於「快取圖案」之一種，可作為流程圖等群組物件應用。

圖文框定位/文字方塊/出血設計實作/快取圖案與群組物件

表

定位：使用「〉插入〉文字方塊」，結合表格標題與內容

設定表格視覺效果

設定表格位置

使用鍵盤上下鍵微調功能 (有些版本要同時按住<Ctrl>）

進階之表格應用：

對稱多欄：問卷、劇本、直題

簡單資料庫

表格實作

文圖表插欄

文圖表插欄是設計「版面變化」最重要、也必要的建構物件。

在技術上結合文字框與表格，亦即如果插欄內，再有分欄，該分欄就是由表格所製作的。

提示：善用插欄原理，也可以作畫報。亦即畫報的結構，就是由各種大小、多層次的插欄所組合而成的。

框寬

n=整數

m=內文欄寬

則最佳框寬為

n*m，或

(n*m)+0.5m

如框寬= m時，框線或文字一定要作變化。

框內分欄之欄寬設計

框內欄寬〉內文欄寬

框內欄間距〈〉內文欄間矩

圖片式標題

可使用圖片作為變化式標題

可使用文字藝術師(Wordart)或影象處理軟體製作

當使用文字方塊作為2個以上框物件重疊定位時（如圖片標題+文圖表插欄），注意：

〉文字方塊〉色彩及框線〉透明度

必須設定為100％。

文圖表插欄實作

實作項目說明：根據長期教學經驗，「向量圖」項目對許多同學產生困難，而歷年同學作品中應用統計圖片的又非常少。所以自2009年起，本項目、以下項目，與配套的「自動化文件進階-問卷設計」均改為進階自修，如有興趣與問題，老師另提供課外輔導。

向量圖：表圖（自動統計圖）

插入-圖片-圖表

先建立「工作表」，再產生圖表，進行編排

設定平面或立體造型表現，決定示例方式

調整透視點

設定X,Y,Z軸

標示圖片說明

設定統計圖視覺效果

設定統計圖位置

自動統計圖實作

嵌入物件

硬文件：包括其他OA類物件，如試算表(如Excel）、資料庫（如Access）…與特殊物件，如方程式、輸出檔…等等

電子檔案、網路出版品：各種多媒體檔案

進階圖片處理：使用PhotoImpact

標準字、個人化標題：Banner…實作

主視覺圖片處理（如封面）實作