平面設計與網頁設計有什麼不一樣?

by KINA

平面設計師和網頁設計師之間有什麼區別?儘管兩個職業有很大的不同,但在沒這個產業裡的人們,常常會認為差不多很相似,事實上平面設計和網頁設計之間存在一些顯著差異。

色彩模式有很大的不同,什麼是色彩模式?

對於影像顏色呈現的一種色彩描述與分類的方法,每一種色彩模式有不同的定義方式和數值,每一種模式有特定的數值範圍,不同的顏色都是由數值所組合而成,而常見的色彩模式是RGB和CMYK。

比較RGB和CMYK差異

RGB YMCK
顯示載體 電子螢幕 印刷輸出
顏色組成 紅(R)、綠(G)、藍(B) 青色(Cyan)、洋紅色(Magenta)、黃色(Yellow)、黑色(blacK)
數值範圍 0-255 0-100%

了解差異點之後,CMYK製的圖是沒有辦法放在網站上使用的,網站透過電腦或智慧型手機等行動裝置呈現,採用RGB三原色光模式。也是因為這樣,CMYK的圖片放置到網站上會產生色變的狀況。

圖像

平面設計透過繪圖軟體,在設定的範圍內進行視覺設計,最終透過印刷輸出。要求的解析度需要300dpi(像素)以上,使用物理尺寸的概念,例如英寸,厘米,毫米等,或者使用印刷紙張規格,如A4、B5等。平面設計的輸出印刷與設計作品完全一致,無需考慮最終效果,而網頁設計師在設計的過程中必須考慮各種瀏覽器的呈現效果(RWD響應式網頁設計-電腦/平板/手機)

考慮到網頁的開啟速度,圖片的解析度只要求在72dpi以內即可。而網站圖片檔案大小不超過500 KB,在電腦版以滿版呈現的圖片將以1:1的比例縮小在智慧型手機裡,因此若圖片內有文字,手機版恐怕很遭遇難以閱讀的問題。

字型

在設計過程中,平面設計在字型的選擇上可以更自由, 完全沒有必要擔心輸出最終字型效果的呈現是否跑掉。
但網頁設計在字型的選用上卻不能“只要我喜歡,就可以用”,只能在有限的字型裡做選擇,一般使用GOOGLE通用字型(例如:細明體(MingLiU)、標楷體(DFKai-sb)、微軟正黑體(Microsoft JhengHei…等等)是保守的選擇,否則將不利於網頁速度、也增加伺服器負擔及流量。此外,您挑選的特殊字型,用戶使用的電腦未必支援,如使用者端無此特殊字型裝置將自動取代成通用相近字型。

 

Google提供的中文字體

Google Fonts,上面有接近一千種的字體供大家挑選使用,但我們所關注的繁體中文字的部分選擇並不多

https://fonts.google.com/

瀏覽模式

平面設計:可能是大樓的巨幅招牌、捷運站內的電子廣告看板、賣場的傳單、一本月刊,或是一本書籍。
網頁設計:透過桌電、筆電、平板或智慧型手機瀏覽,透過滑鼠或手指頭上下滑動,鏈接跳轉,以瀏覽更多樣化的資訊。

平面設計和網頁設計都能呈現畫面的美感,但平面設計是針對「印刷媒體」所做的視覺表現,而網頁設計則算是「動態媒體」。網路世界的變化極快,因此網頁設計師需要不停的學習新觀念與新技巧,跟上時代的脈動。

網頁設計的重點,偏向建立與使用者的互動,因此網頁設計師的目標,就是確保使用者在操作網頁的過程中,能帶來愉快的體驗。

Related Posts