浙江龙网

  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（有限的免费选项；否则付费订阅）等资源正在改变这种状况 。

推荐阅读


上一篇：下拉公式有乱码怎么办 可能错在这里

下一篇：ps中的配置文件怎样选择 答案如下