《页面设计与原稿处理》由会员分享，可在线阅读，更多相关《页面设计与原稿处理（18页珍藏版）》请在金锄头文库上搜索。
1、頁面設計與原稿處理,劉耀仁 世新大學平傳系,頁面設計考慮要素,Design:頁面被組合、規劃出來。 實用性:視覺捕捉能力、表達內容正確性。 美學精緻性 印刷易印性: 品質易於控制。 色彩穩定性易於達成。 文字易於顯現。 加工處理程序容易掌控。 生產成本考慮。,頁面構成,頁面構成要素 文字(Text) 圖片(Graph) 影像(Image) 對應於設計的頁面 色彩(color) 尺寸(size) 字型(type font) 版面(space)區域(location) 使用：繪圖軟體，影像處理軟體，文字處理軟體，頁面組合與編排軟體,原稿,原稿分類(Original Category): 反射性原稿
2、(Reflective Original) Ex:相片、圖畫etc 透射性原稿(Transparency) Ex:幻燈片(slide)、沖相片用之底片etc 幻燈片正相(Positive Image) 一般負片陰相(Negative Image) 現代化數位向機直接拍攝的數位影像檔案，直接使用為版面的素材 解析度（Resolution）問題？ 色彩品質問題？ 影像鮮銳度（Sharpness）問題？,思考： Slide：高精密度、高鮮銳度、可數位化、色彩豐富、 Negative Image：不用來作原稿 相片：可用來作為原稿，但是品質比slide 差。 印刷品：反射稿，失真程度高。要作去網(De
3、-screening)處理。 手稿：作原稿前要先翻拍成slide。 書法、油畫、水彩畫要經由翻拍成slide才能使用。 普通之幻燈片是為使用上的第一順位。 普通之照片使用上之第二順位。 印刷品就使用而言是最後一個順位。 與原稿相比對，印刷是為失真之複製,反射稿與透射稿,頁面中的文字,手寫文字：使用 Scanner，將之數位化 Type in：用Coding(字碼轉換)的方式，使用ASCII CODE。使用ASCII CODE 編排可用之文字。 8 bits 為 1 byte：28 可得256種組合變化。 中、日、韓等文字：2 byte 顯示一個文字 西方文字：1 byte / characte
4、r ASCII Code System 輸入至Program 轉化成 Hi-Resolution 之文字表現檔案 1.Monitor Display 2. Print Out,文字,Type Font (字形)： 在字的外形部份，要先考慮: 字之外形意識，用途。 字形配合位置，功能。(標題、內文，註腳etc ) 字形配合的大小:筆劃之粗細、用途、適印性、適讀性 Type size：傳統是用號數來表示，而現代是用Point System Point System : 1 inch裡的點數。=1 inch= 6 pica= 72 points 字形顯示方式: Bit-map：（dpi為指標）。亦稱
5、之為 raster format. 以多個 pixel (Picture element) 形成點、線、面以產生文字、圖形。 其困難之處在於解析的問題，其問題也和處理圖形之硬體的系統資源有關。 高解析度，視覺上線條平順，但耗用大量記憶體。 解析度與記憶體、檔大小間的演算 Outline font：外框描繪字形（使用物件導向技術 Object-oriented work）。亦稱之為 vector font. True type font : 3 個節點描繪一段曲線 Postscript font : 4 個節點描繪一段曲線,上圖：字形 右圖：傳統的文字級數尺寸。 文字變化： 平體字：字寬不變，字
6、高改變。平一、平二、平三 長體字：字高不變，字寬改變。長一、長二、長三 以縮減的百分比為數，每縮減10%加一數,TrueType formula: If the 3 points of each Bzier curve are (Ax, Ay), (Bx, By) and (Cx, Cy), then px = (1-t)2.Ax + 2t(1-t).Bx + t2.Cx py = (1-t)2.Ay + 2t(1-t).By + t2.Cy Varying the parameter t from 0 to 1 produces all the points p on the curve d
7、efined by A, B and C.,True-Type font：由Apple所發出來的系統，是一用三個點來決定一個曲線的系統。其優點是便宜、簡單、給硬體的負擔較輕;但是缺點是因為只用三個點來表示一個曲線，所以在表示曲線的部分比Postscript font較差。但是其最大的優點就在於可以在電腦上作預覽的動作，此情況讓個人也可以作出版的工作。 Postscript font：由Adobe所發展出來的技術。其為用四個點表示一個curve(曲線)為一後端描述之概念。其優點是因為用了四個點來表示曲線，所以在表示曲線的部份較佳;但是缺點是貴、複雜而且給硬體的負擔較重。,Graph,用電腦繪圖或
8、是手繪 手繪稿 (Hand Drawing)， Ex:書法、針筆畫Etc 手繪稿在紙上的畫線通常為半色調型原稿，此類型的原稿應達高反差(High Contrast)的需求。 傳統上以製版照相方法得到高反差的底片 或是用掃描（SCAN）的方式來達成數位化的目地。 電腦繪圖 使用 Object-Oriented Technique(物件導向技術)。在作一幅像真畫時，先把外框中的空間分成數個區域，再填上色彩。利用分區填色的技術讓圖形具有立體及陰影的效果。 數位化後的好處，就在於數位化之後可以快速作Re-use(再利用)跟Multiple-use(多用途使用)。而且要修改圖形的時候也可以以比傳統更快的
9、速度完成。,畫素呈現（Bitmap）與外框描繪呈現（Object-oriented）,Object-oriented work,Bitmap work,Object Oriented :使用外框描繪技術 (Out-line Drawing)，描繪外框後再於中間填色之技術。其表示法是以數學式決定數個點，然後再連接所有的點以形成圖形。此技術所的的成品，亦可稱之為向量圖（Vector image） 以點陣圖（Bitmap） 呈現的圖形，也叫做 Raster image,影像原稿,半色調型原稿(Half-tone Original)與連續調型原稿(Continuous-tone Original) 半
10、調型原稿(Half-tone Original):非黑即白或是兩色分明。 連續調型原稿(Continuous-tone Original):色彩是慢慢轉化的，難定義分界。 有關Half-tone跟Continuous-tone的生產處理方法 生產處理的方法: 素材(Original)轉換成為數位化檔案(Digital File)。 而其處理方法也依其材質而有所不同。,影像類型 High-key original（高明調原稿） Low-key original（低明調原稿） Normal（標準原稿） 影像原稿中的階調區分 Highlight：畫面中的亮部 Midtone：畫面中的中間調的部分 S
11、hadow：畫面中的陰暗、階調深的部分 反差（或稱對比，Contrast）,解析度與檔案大小,Bit： 電腦計算最基本單元，僅有 on/off （ 0/1 ）兩種變化。 0n 表示白， off 表示黑。 Byte： 而八個bit 成為一個byte。所以一byte會有2的8次方的組合，也就是256種表現方式。 使用 bit/byte 可以表達出 color 的階層變化。 一個pixel也可以用更多的bit 來表示( Bit-depth 深淺)。而一個pixel如果用愈多的bit來表示，其所能表現的色彩也就愈豐富。 若使用三個byte以表達一個pixel的層次，則會擁有2的8次方的3倍的表現（224）(16777216種色彩)。 而圖形所擁有的解析不只和在數位化時的方式有關，也跟透過硬體以數位化形式表現時的硬體有關。 而在圖形的解析度和硬體資源的關係方面，圖形的解析度每提高十倍，硬體所要處理的資料量就會增加一百倍。,解析度與層次：Bit depth ( Color depth),Bit depth 與色階豐富程度,
