網頁設計

關於網頁設計的技術或相關資訊分享

網頁設計與印刷製版的不同點(一)

  這篇文章可能跟網頁設計的範疇有些偏離,但相信許多從事網頁設計的人都有被客戶要求設計LOGO或DM之類的經驗。其實現在印刷製版也走向電子化,會網頁設計的人對PHOTO SHOP或ILLUSTRATOR大概也不陌生,而這些軟體的格式,都能符合印刷所需。因此如果能跨足印刷製版的領域,擴張自己除了網頁設計之外的業務,說來也不是一件壞事。

  但印刷製版畢竟不是網頁設計,在實做上有些小小的不同點,偏偏這些差異點又往往是造成作品被印刷廠退件的主因。所以,我們在這系列文章中,會將幾個需要注意的部份整理出來,並詳加解釋。希望設計者能在送件前即注意到這幾點,以免遭退件增加檔案往來時間。

 

一、CMYK及RGB色彩定義的不同

  第一個要談的是,是印刷用色和網頁設計的用色概念完全不同。網頁設計採用是的RGB三色光定義,而印刷所使用的,是CMYK四色套版定義。所以不論是用PHOTO SHOP或ILLUSTRATOR,色彩定義一定要更改為CMYK,使用RGB系統印刷廠是沒辦法用的。

 

CMYK分別是青色(Cyan)洋紅色(Magenta)黃色(Yellow)黑色(black)四種顏色,它的混色原理類似於我們常用的水彩。這裡要特別注意的是,洋紅(Magenta)並不是紅色(Red)青色(Cyan)也不是藍色(Blue)。我們習慣所用的大紅色,在CMYK底下,必須寫成「C:0%、M:100%、Y:100%、K:0%」;而藍色必須寫成「C:100%、M:100%、Y:0%、K:0%」。在溝通時,印刷業者如果講紅色,其實指的還是概念中的大紅色,洋紅的話,習慣會用「100%紅」來稱呼。

 

  另外一個很特別的是黑色,一定有人想問,黑色不就是黑色,能有什麼不一樣?網頁設計上的純黑,指的就是#000000,這點沒有問題,但印刷上的黑色有兩種,分別是四色黑和單色黑。四色黑是指「C:100%、M:100%、Y:100%、K:100%」;單色黑,有時也叫100%黑,是指「C:0%、M:0%、Y:0%、K:100%」。兩者從視覺上都是黑色,但製造過程有差。理論上,四色黑會比較飽滿好看,但實際上印刷幾乎不用四色黑。因為一則比較浪費油墨,二則紙張能吃的墨有限,四色黑可能造成墨水暈開使得良品率降低。所以絕大部份的情況下,印刷講的黑色都是單色黑,若使用四色黑,是有可能被印刷廠退件的。

 

  最後,要提一個非常麻煩的顏色是綠色。因為CMYK先天上的問題,CMYK在使用綠色時,非常容易產生色差。最常發生的情況,是在螢幕上看到的感覺和列印出來的成果相去甚遠。所以如果在設計上有使用到綠色系,建議一定要進行打樣的動作,不然如果列印效果不盡理想,後果可是得不償失。

 

顏色 CMYK碼 RGB碼
青色(Cyan) 100,0,0,0 #00A0E9
藍色(Blue) 無法定義 #0000FF
洋紅色(Magenta) 0,100,0,0 #E4007F
紅色(Red) 無法定義 #FF0000
大紅色(正紅色) 0,100,100,0 #E60012
黃色 0,0,100,0 #FFF100
黃色 無法定義 #FFFF00
單色黑 0,0,0,100 #231815
四色黑 100,100,100,100 #000000

註:以上CMYK碼與RGB碼轉換以PHOTO SHOP CS4為參考工具。