網頁設計V.S.印刷 – 數位設計師必讀的規格、解析度、尺寸比較

花,解析度,網頁設計,品牌顧問,推薦,色彩學,印刷,數位,CMYK,RGB,Color
( 圖左:印刷設計、圖右:網頁設計 )
在數位設計的專業內容中,工作範圍常需要跨領域,特別是行銷計劃中常出現網頁設計與印刷設計間交換轉檔的橋接工作,在以電腦為工具的數位時代,跨越平面與數位,設計師的界線已經不存在。設計師若是只能瞭解實體/數位印刷與虛擬/數位設計的某ㄧ邊,也容易被誤以為專業不足。

2.5D 品牌顧問,經心整理ㄧ份圖文比較,讓設計師輕鬆瞭解網頁設計與數位印刷的差異,也方便查找,數位設計的相關基本規格:

網頁設計,品牌顧問,推薦,色彩學,印刷,數位,CMYK,RGB,Color
( 圖左:CMYK色彩模式、圖右:RGB色彩模式 )

1. 色彩模式 Color Model

• 印刷設計 / 使用CMYK

Cine青、Megenta洋紅 、Yellow黃與Black黑,使用於印刷、色料…等:屬性為色料4原色,屬於減色法,色料增加的越多則彩度越低、明度越低。

• 網頁設計 / 使用RGB

RED紅(光)、 Green 綠(光)、Blue藍(光),使用於螢幕、電視與舞台燈光…等;屬性為色光3原色,屬於增色法,色光增加越多則彩度越低、明度越高。

花,解析度,網頁設計,品牌顧問,推薦,色彩學,印刷,數位,CMYK,RGB,Color
( 圖左:印刷解析度、圖右:網頁設計解析度 )

2. 解析度 Resolution

• 印刷設計解析度設定為:300dpi(通用解析度)
dpi(dots per inch) / 使用於印刷

印刷製程以網線(Line)為單位,而通用印刷機解析度為150lpi(line per inch)~175lpi,因此設定數位印刷影像檔案解析度為2倍即300 dpi(dots per inch),超過2倍以上的高解析度對印刷品解析度來說實無助益。

• 網頁設計 / 解析度設定為:72ppi
ppi(point per inch) 使用於數位互動與網頁設計

尺寸,紙材,螢幕,網頁設計,品牌顧問,推薦,色彩學,印刷,數位,CMYK,RGB,Color
( 圖左:紙材尺寸、圖右:螢幕尺寸 )

3.尺寸(材料、版面)Standard Size

• 印刷設計紙材尺寸(300dpi)

[ 四六版 ](300dpi)
全開 786x1091mm
對開 545x786mm
四開 393x545mm
八開 272x393mm
十六開 196x272mm
三十二開 136x196mm
六十四開 98x136mm

[ 菊板 / 影印紙 ](300dpi)
菊全開 / A1  594x842mm
菊對開 / A2  421x594mm
菊四開 /A3  297x421mm
菊八開 /A4  210x297mm
菊十六開 / A5  148x210mm
菊三十二開 / A6  105x148mm
菊六十四開 / A7  74x105mm

[ 其他影印紙 ](300dpi)
Letter 8 ½” x 11″
B0 1000x1414mm
B1 707x1000mm
B2 500x707mm
B3 353x500mm
B4 250x353mm
B5 176x250mm

[ 沖、印相片尺寸 ](300dpi)
3″ x 5″
4″ x 6″
5″ x 7″
8″ x 8″
8″ x 10″
8.5″ x 11″
9″ x 16″
11″ x 14″
16″ x 20″
20″ x 30″

• 網頁設計尺寸(72ppi)

網頁設計依裝置螢幕的解析度不同與像素日漸提升而有多種“繁雜”的尺寸規格,以下列舉幾種較常使用規格:

[ 桌上型電腦、筆記型電腦 ](72ppi)

1440p Width, 1024p Width, 800p Width, 600p Width, 400p Width…等,並依電視、電腦螢幕寬度有不同尺寸設定。

[ 行動裝置尺寸 ](最低72ppi)

[ 蘋果 iPhone ]
iPhone 7 Plus: 1080p × 1920p(401ppi)
iPhone 7: 750p × 1334p(401ppi)
iPhone 6 Plus: 1020p × 1920p(401ppi)
iPhone 6: 750p × 1334p(326ppi)
iPhone SE: 640p x 1136p(326ppi)

[ 蘋果 iPad ]
iPad Pro 12.9″: 2048p x 2732p(264ppi)
iPad Pro 9.7″: 1536p × 2048p(264ppi)
iPad Air / iPad Mini: 1536p × 2048p(326ppi)

[ Android  ](最低72ppi)
Android手機與平板規格同樣“繁雜”,設計師仍需要選定特定品牌尺寸規格與時下通用規格作設計:

[ Android 手機  ]
480p x 800p
540p x 960p
720p x 1280p
1080p x 1920p

[ Android 平板 ]
600p x 1024p
800p x 1280p
1080p x 1920p
1536p x 2048p
1440p x 2560p
1600p x 2560p

檔案,印刷,網頁設計,TIFF,EPS,JPG, PNG,PDF,GIF,BMP( 圖左:印刷檔案、圖右:網頁設計檔案 )

4. 檔案格式 File Format

• 印刷設計 (CMYK色彩模式)

使用 TIFF, EPS, JPG, PNG, PDF 檔案格式。

• 網頁設計 (RGB色彩模式)

使用 JPG, PNG, PDF, GIF, BMP 檔案格式。

(文 / 網頁設計公司 • Studio 2.5D 品牌顧問 )

<網頁設計V.S.印刷 – 數位設計師必讀的規格、解析度、尺寸比較>

 

Sharing is caring!

目前沒有留言

Sorry,留言關閉中

shares