1. 首頁 > 生活百科 > >

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

生活百科


以下是一些常見文件類型、它們的特征以及你可以將它們用于哪些類型的項目的簡要概述：
印刷和網頁：
? JPG(或JPEG)：大多數人都熟悉這一格式，這是許多數碼相機的默認文件格式 。JPG 必須以適當的分辨率和正確的顏色空間保存(CMYK 用于印刷，RGB 用于網頁；下一節將詳細介紹) 。
? PDF：應用廣泛；保留文件的原始內容和外觀，無論在何處或如何查看；
? EPS：最常用于保存矢量圖形，以保持其可擴展性；在 PC 上并不總是可讀的；
? PNG：高畫質；支持透明度/不透明度 。
只用于印刷:
? TIFF：高圖像質量和大文件大小（壓縮圖像不會降低質量，與 JPG 不同）；兼容 Mac 和 PC；通常用于最終移交給印刷機處理的文件格式 。
只用于網頁：
? GIF：支持具有動畫和/或透明效果的圖形；色彩能力不如 JPG（256 色或更少，因此不適合照片）；非常適合網絡上的簡單圖形，因為小文件大小不會對頁面加載速度產生負面影響；
? SVG：矢量格式，可以放大或縮小到任何尺寸而不會降低質量 。
軟件專用：
?PSD：在Photoshop中創建的可編輯的(基于柵格的)文件；
? AI：在 Adobe Illustrator 中創建的可編輯（基于矢量）文件 。
11.顏色：CMYK 以及用于印刷的顏色類型
印刷在紙上的顏色和在屏幕上看的顏色非常不同，因為它涉及到不同的顏色空間：CMYK 用于印刷，RGB 用于 網頁 。如果在一個項目中使用這兩種方法——例如，幫助一家企業開發其網站的標識以及紙質名片——設計師需要確保不同交付物之間的顏色保持一致 。
那怎么做呢？最常見的方法是使用潘通匹配系統 ?？梢詾榫硗布埡陀∷⑵芬约安煌愋偷挠∷⒈砻娲_定等效顏色 。潘通顏色有自己的參考編號，這不同于與CMYK和RGB相關的顏色代碼 。潘通系統使設計師、客戶和打印機可以輕松協作并確保最終產品符合預期 。
現在讓我們進入正題 。什么是 CMYK？它代表所有打印機使用的四種墨水顏色：青色、品紅色、黃色和黑色 。設計師通過代碼確定他們想要用于印刷項目的各種顏色，這些代碼給出了形成某種顏色所需的每種墨水的百分比 。例如，如果你想使用Twitter為其logo使用的相同深淺的藍色，該公司的風格指南告訴我們，“Twitter藍色”的CMYK顏色代碼是70/10/0/0——即 70%的青色墨水，10%的品紅墨水，不含黃色或黑色墨水 。然后你可以把這些代碼輸入到設計軟件中，就生成了和Twitter一樣的藍色 。
當使用CMYK顏色空間進行設計時，重要的是要記住，屏幕上的顏色并不能準確地代表印刷時的顏色 。必須經過打樣校準，才能確保顏色從屏幕正確轉換到紙張上呈現 。
12.顏色：RGB和用于網頁的顏色類型
RGB 是指你在看數字屏幕或顯示器時看到的顏色——紅色、綠色和藍色光點組合在一起，在電視或計算機屏幕上創造出可見的顏色 。

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

文章插圖

為與網頁實現一致的顏色可能會很棘手，因為顯示器的顯示功能會因顯示器而異，顏色看起來也會因亮度、對比度等設置而不同 。理想情況下，用戶先校準他們的顯示器，以確保準確的顏色表示 。(Mac和Windows操作系統都有內置工具，你可以用它們來校準筆記本電腦的屏幕或外接顯示器 。)
RGB 顏色由三組數字（介于最小值和最大值之間，通常為 0 到 255）表示，這些數字指的是渲染某種顏色所需的紅、綠和藍光的數量值 。繼續 以Twitter為例，“Twitter Blue”的 RGB 值為 85/172/238 — 238（藍光的值）占主導地位 。稱為十六進制值的六位代碼，通常稱為十六進制代碼，是標記 RGB 顏色的另一種方式 。這些專門用于在使用 HTML 和 CSS 構建設計時識別和呈現顏色 。
因為RGB顏色空間比CMYK使用更大的色譜，值得注意的是，一些設計師喜歡首先創建一個RGB印刷項目，以獲得更多的顏色選項，然后在打印之前將完成的設計轉換為CMYK 。
13.字體設計：如何為設計選擇和應用正確的字體
如果你曾經為一個設計項目在網上購買過一種字體或下載過免費的字體，你可能會注意到它們分為兩類:桌面字體和網絡字體 。這些術語與版權有關，即圍繞字體的使用地點、使用方式和使用次數的法律和版權問題 。一般來說，桌面字體被授權給單個用戶安裝在他們的計算機上并以各種方式使用，通常用于印刷設計 。另一方面，網頁字體是使用 CSS 專門為在網站上使用而創建和優化的 。過去，設計師對網頁字體的選擇非常有限，但 Google Fonts（免費）和 TypeKit（有限的免費選項；否則付費訂閱）等資源正在改變這種狀況 。

推薦閱讀