平面設計與網頁設計的15個差異解析 平面設計 網站設計怎么做( 二 )


06.如何安排內容
平面印刷和網頁設計都有許多共同的設計元素:排版、圖像/圖形、形狀、線條、顏色等 。因此,許多相同的最佳計原則適用于它們 。
每種方法也有其獨特的布局要求 。對于印刷品,所有信息都必須在印刷版面的約束范圍內呈現,而對于網頁,設計師幾乎可以無限靈活地組織、排列和過濾信息 。

平面設計與網頁設計的15個差異解析 平面設計 網站設計怎么做

文章插圖

印刷項目必須使用邊距和出血等參數滿足某些標準,而網站的目標是在不同的瀏覽方式之間獲得一致的體驗,例如電腦網頁端和手機等移動端 。由于不同的瀏覽器可能會改變網頁設計的原始布局,要實現頂級功能就需要在不同的瀏覽器和操作系統上進行測試 。
07.尺寸:充分利用設計空間
尺寸和布局是密切相關的 。對于印刷設計來說,印刷表面的尺寸是設計師如何利用空間的最大決定因素之一——使用什么設計元素,文本的數量和大小,等等 。雖然許多項目都有標準尺寸(信件、名片、海報、照片),但可能性幾乎是無限的,因為紙張和其他印刷表面可以切割成任何尺寸或形狀 。
對于網頁來說,“大小”的概念更抽象 。設計的尺寸往往被限制在目前可用的一定數量的設備上——從電腦顯示器、筆記本電腦到平板電腦和智能手機,但這些內容應該適合任何設備 。這種適應性被稱為響應式設計,隨著人們的網頁瀏覽習慣更傾向于移動的方向轉變,這種被稱為響應式設計的適應性正變得越來越受歡迎 。
08.分辨率和DPI:確保平面印刷設計看起來最好
了解平面印刷和網頁分辨率的基礎知識很重要,因為分辨率決定了圖像質量——照片和圖形在最終設計中的外觀如何 。話雖如此,請稍安勿躁,接下來我們在這里先講點技術性的知識點 。
你可能經常會聽到使用兩個術語來提及分辨率:DPI(每英寸點數)或 PPI(每英寸像素數) 。許多人錯誤地將它們互換使用,但它們實際上是兩種不同的東西(即使是應該更了解其知識的軟件開發人員——包括 Adobe——有時也會錯誤地標記它們) 。
DPI 在實際印刷過程中發揮作用——它是印刷在一英寸印刷表面上的墨點密度 。
平面設計與網頁設計的15個差異解析 平面設計 網站設計怎么做

文章插圖

在更高DPI打印的設備上印刷,將使更高質量的圖像再現 。但是,與PPI不同的是,DPI與打印的尺寸無關 。它確實與正在使用的印刷設備能保證色彩還原度先進程度有關——這是大多數設計師無法控制的 。此外,DPI與網頁設計無關,因為它特別涉及到油墨是如何印在一個表面上的 。需要注意的是,許多人錯誤地將“DPI”作為一個概括術語,在任何設計環境中都指代分辨率 。
09.分辨率和 PPI:確保印刷設計看起來最好
PPI涉及在一英寸屏幕空間中顯示的像素數量(數字圖像的方形構建塊) 。
每英寸像素越多,圖像的質量就越高——更清晰 。像素化(模糊、失真、質量下降)發生在PPI不足以打印或當數字圖像在網上顯示的尺寸大于其原始像素尺寸時 。
我們今天使用的設備上的屏幕有預先確定的分辨率 。對于網頁,可接受的圖像質量的一般標準是72ppi,盡管隨著越來越多的設備配備高分辨率顯示器,這一標準可能會發生變化 。
“Windows電腦的默認PPI為96 。Mac使用72,盡管這個值自80年代以來就不太準確 。常規的非視網膜的臺式機(包括mac) PPI 最低為 72,最高約為 120 。PPI在72到120之間的設計可以確保設計作品在任何地方的尺寸比例都大致相同 ?!?br /> 準備用于打印的數字圖像(以像素為單位)(以英寸、厘米或其他單位為單位)是經常出現混淆的地方 。如果像素代表屏幕空間,那么這如何轉化為設計在紙上的呈現方式?美國政府官方資源建議博物館如何最好地保存照片和其他資源,表明 PPI 和印刷尺寸呈反比關系 。也就是說,較高的 PPI 值(每英寸更多像素)會壓縮或減小打印件的物理尺寸,但會提高其質量 。這意味著,根據特定項目的特性,設計人員需要設置文件的 PPI 以產生大小和質量的正確組合:
如果沒有放大倍率,人眼無法區分大于 300 PPI 的印刷品中的細節 。根據打印機的不同,今天的通用標準要求 300 PPI 才能獲得高質量的印刷效果 ?!?br /> 你可能經常聽到畫家甚至設計師表示需要以 300 DPI 保存文件 。他們真正要表達的意思是 300 PPI 。
10.文件類型:如何為設計選擇正確的格式
設計人員有多種文件類型可供選擇 。但是在什么情況下,哪些是正確的呢?是否有一些更適合網頁而不是印刷,反之亦然?盡管所有這些首字母縮略詞可能會讓人感到困惑,但有助于理解每種文件格式都分為兩個基本類別:柵格化或矢量化 。柵格圖像由像素組成的——數碼照片是一個常見的例子——它們的質量取決于它們的分辨率(這一點我們剛剛在上面討論過) 。如果柵格圖像放大到超出其分辨率(以每英寸像素為單位測量)允許的范圍內,則很容易發生失真 。另一方面,矢量圖像不受像素的限制 。在不涉及太多技術的情況下,矢量是指由數學方程定義的圖形,允許將它們縮放到任何大小而不會降低質量 。

推薦閱讀