[網頁教學] 網頁設計工作與平面設計工作有什麼不同?

2011-11-04

在實務工作上,依據每間公司、每個部門的業務目標之不同,其工作範圍及工作性質也有所不同,有可能一個人同時需負責網頁設計與平面設計工作,也有可能單純只負責其中一個工作。下面簡單介紹一下網頁設計工作與平面設計工作,讓這個領域以外的朋友們,對網頁設計工作與平面設計工作之相同與相異之處有一個基本概念。
 

 

典型的網頁設計工作

典型的平面設計工作

基礎概念

設計基礎、色彩學、造形原理

技術

網頁相關技術

印刷相關技術

常用軟體

Dreamweaver(網頁開發)
Flash(網頁動畫)
Fireworks(網頁排版)
Photoshop(影像處理)

InDesign(印刷排版)
Illustrator(印刷排版)
CoreDraw(印刷排版)
Photoshop(影像處理)

相關專業知識

Html標籤、語法
切版(DIV+CSS)
FTP資料上傳
DNS網域
SEO搜尋引擎優化
語言程式(php、asp.net…)
資料庫(MySQL、MS SQL…)
伺服器(Apache、IIS…)

印刷(色票、特別色、CMYK、出血、四色黑…)
拼版
書藉裝訂(騎馬釘、膠裝、線膠裝…)
印刷加工(鏤空、上亮光、上霧光、壓箔、壓凹、打凸、印金、燙金、燙銀、摺頁、經本折…)

圖檔使用

色彩模式:RGB
圖片解析度:72dpi
常用圖檔格式:JPG, GIF, PNG

色彩模式:CMYK
圖片解析度:300dpi
常用圖檔格式:JPG, TIFF, PSD, EPS

色彩標示

例:#FF6688

例:C:100, M:100, Y:20, K:40

相關重點

介面設計
使用性設計
互動設計
資訊設計

美編排版
使用性設計(海報、書籍、型錄…)
資訊設計(內容量、瀏覽動線、訴求焦點…)

設計師心中永遠的痛

每台螢幕的顏色都不一樣

每次印刷出來的色彩都不一樣
印刷:約5%色差
噴圖:約10~20%色差

字型

純文字:細明體、標楷體、微軟正黑
將文字做成圖片:不限字型

不限字型