平面设计与网页设计的15个差异解析平面设计网站设计怎么做( 二 ) _生活百科

06.如何安排内容
平面印刷和网页设计都有许多共同的设计元素：排版、图像/图形、形状、线条、颜色等。因此，许多相同的最佳计原则适用于它们。
每种方法也有其独特的布局要求。对于印刷品，所有信息都必须在印刷版面的约束范围内呈现，而对于网页，设计师几乎可以无限灵活地组织、排列和过滤信息。

文章插图

印刷项目必须使用边距和出血等参数满足某些标准，而网站的目标是在不同的浏览方式之间获得一致的体验，例如电脑网页端和手机等移动端。由于不同的浏览器可能会改变网页设计的原始布局，要实现顶级功能就需要在不同的浏览器和操作系统上进行测试。
07.尺寸：充分利用设计空间
尺寸和布局是密切相关的。对于印刷设计来说，印刷表面的尺寸是设计师如何利用空间的最大决定因素之一——使用什么设计元素，文本的数量和大小，等等。虽然许多项目都有标准尺寸(信件、名片、海报、照片)，但可能性几乎是无限的，因为纸张和其他印刷表面可以切割成任何尺寸或形状。
对于网页来说，“大小”的概念更抽象。设计的尺寸往往被限制在目前可用的一定数量的设备上——从电脑显示器、笔记本电脑到平板电脑和智能手机，但这些内容应该适合任何设备。这种适应性被称为响应式设计，随着人们的网页浏览习惯更倾向于移动的方向转变，这种被称为响应式设计的适应性正变得越来越受欢迎。
08.分辨率和DPI：确保平面印刷设计看起来最好
了解平面印刷和网页分辨率的基础知识很重要，因为分辨率决定了图像质量——照片和图形在最终设计中的外观如何。话虽如此，请稍安勿躁，接下来我们在这里先讲点技术性的知识点。
你可能经常会听到使用两个术语来提及分辨率：DPI（每英寸点数）或 PPI（每英寸像素数）。许多人错误地将它们互换使用，但它们实际上是两种不同的东西（即使是应该更了解其知识的软件开发人员——包括 Adobe——有时也会错误地标记它们）。
DPI 在实际印刷过程中发挥作用——它是印刷在一英寸印刷表面上的墨点密度。

文章插图

在更高DPI打印的设备上印刷，将使更高质量的图像再现。但是，与PPI不同的是，DPI与打印的尺寸无关。它确实与正在使用的印刷设备能保证色彩还原度先进程度有关——这是大多数设计师无法控制的。此外，DPI与网页设计无关，因为它特别涉及到油墨是如何印在一个表面上的。需要注意的是，许多人错误地将“DPI”作为一个概括术语，在任何设计环境中都指代分辨率。
09.分辨率和 PPI：确保印刷设计看起来最好
PPI涉及在一英寸屏幕空间中显示的像素数量(数字图像的方形构建块) 。
每英寸像素越多，图像的质量就越高——更清晰。像素化(模糊、失真、质量下降)发生在PPI不足以打印或当数字图像在网上显示的尺寸大于其原始像素尺寸时。
我们今天使用的设备上的屏幕有预先确定的分辨率。对于网页，可接受的图像质量的一般标准是72ppi，尽管随着越来越多的设备配备高分辨率显示器，这一标准可能会发生变化。
“Windows电脑的默认PPI为96 。Mac使用72，尽管这个值自80年代以来就不太准确。常规的非视网膜的台式机(包括mac) PPI 最低为 72，最高约为 120 。PPI在72到120之间的设计可以确保设计作品在任何地方的尺寸比例都大致相同。”
准备用于打印的数字图像（以像素为单位）（以英寸、厘米或其他单位为单位）是经常出现混淆的地方。如果像素代表屏幕空间，那么这如何转化为设计在纸上的呈现方式？美国政府官方资源建议博物馆如何最好地保存照片和其他资源，表明 PPI 和印刷尺寸呈反比关系。也就是说，较高的 PPI 值（每英寸更多像素）会压缩或减小打印件的物理尺寸，但会提高其质量。这意味着，根据特定项目的特性，设计人员需要设置文件的 PPI 以产生大小和质量的正确组合：
如果没有放大倍率，人眼无法区分大于 300 PPI 的印刷品中的细节。根据打印机的不同，今天的通用标准要求 300 PPI 才能获得高质量的印刷效果。”
你可能经常听到画家甚至设计师表示需要以 300 DPI 保存文件。他们真正要表达的意思是 300 PPI 。
10.文件类型：如何为设计选择正确的格式
设计人员有多种文件类型可供选择。但是在什么情况下，哪些是正确的呢？是否有一些更适合网页而不是印刷，反之亦然？尽管所有这些首字母缩略词可能会让人感到困惑，但有助于理解每种文件格式都分为两个基本类别：栅格化或矢量化。栅格图像由像素组成的——数码照片是一个常见的例子——它们的质量取决于它们的分辨率(这一点我们刚刚在上面讨论过) 。如果栅格图像放大到超出其分辨率（以每英寸像素为单位测量）允许的范围内，则很容易发生失真。另一方面，矢量图像不受像素的限制。在不涉及太多技术的情况下，矢量是指由数学方程定义的图形，允许将它们缩放到任何大小而不会降低质量。