框:圖文框-重點突顯,重對比
Blocks: Pictures, Tables and Various Objects

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

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

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

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

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

note實作注意:本習題的目的,原在利用少數頁數,組合多種框物件的複雜設計。但在以往教學過程中,發現部分教學電腦硬體運算能力不足,無法同時編排多個圖片,而發生顯示錯亂與緩慢的情形。若再遇到這種情形,教學示範將改為:(1)結構改為1欄(2)圖片的定位簡化(3)暫不考慮整體的美觀性,以避免延誤進度。

總覽

TxA進階理論知識

 

檔名

製作方法

使用工具

Bitmap bmp, gif, jpg 點陣 圖片

Vector

png, wmf, mix

向量

繪圖

點陣圖片檔案的格式

    .gif:重線條

    .jpg:重色彩

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

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

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

插入-圖片

    使用系統內建圖庫

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

維基圖片

維基共享資源

校園授權圖庫

    設計原創圖片

原創相片

原創美工圖

圖片的編修

    使用專門影像處理軟體(避免使用排版軟體)作主體設計

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

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

    謹慎使用特效

圖片的層次與位置

    樣式與內縮

    文繞圖(盤文)設計

    其他位置設定


圖片實作


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

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

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

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

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


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


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

設定表格視覺效果

設定表格位置

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

進階之表格應用:

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

簡單資料庫


表格實作


文圖表插欄

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

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

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

框寬

n=整數

m=內文欄寬

則最佳框寬為

n*m,或

(n*m)+0.5m

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

框內分欄之欄寬設計

框內欄寬〉內文欄寬

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


圖片式標題圖片式標題

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

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

note當使用文字方塊作為2個以上框物件重疊定位時(如圖片標題+文圖表插欄),注意:

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

必須設定為100%。


文圖表插欄實作


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

TxA向量圖:表圖(自動統計圖)

插入-圖片-圖表

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

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

調整透視點

設定X,Y,Z軸

標示圖片說明

設定統計圖視覺效果

設定統計圖位置


TxA自動統計圖實作


嵌入物件

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

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


進階圖片處理:使用PhotoImpact

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

主視覺圖片處理(如封面)實作

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page  
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題