获取 Web 设计的免费资源

Web 开发人员可以找到很多免费资源，尽管其中一些资源会比另外一些资源更加自由。如果您正在设计网站或 Web 应用程序，那么不管是静态的还是所有可以想到的动态 Ajax 内容，都能找到减轻您的劳动强度并为网站增色的资源。本文从免费图标到 Web 布局，从模板到联机网页工具，介绍了目前 Web 架构师能得到的低价或免费的帮助。

拥有大量预算作为后盾的 Web 设计人员可以获得任何所需的资源，从而可以把他们的想像力付诸于 Web 体验。他们可以聘请专业摄像师来制作引人注目的照片；可以请最好的 HTML 和 CSS 专家来创建适用于多种浏览器的复杂布局；可以指导图形艺术家根据企业服装来创作华丽的装饰物；可以聘请专业文案人员起草迷人的散文。最大的好处是，他们能雇佣大量测试用户和关注小组来确保网站吸引人、便于使用并能按照预期进行工作。

但是，并不是所有的 Web 设计人员都这样幸运！不幸的是，有些设计人员必须用很少的钱来创建网站，并且对 Web 体验的预期并不见得很低。在这种情况下，您必须寻求一切可以获得的帮助。多半来说，Web 开发人员和设计人员在与同事共享知识和成就方面是非常慷慨的。当您共享时，同事们通常会努力地纠正并增强您的作品，使其变得更加精致、bug 更少，并会提供您自己的关注小组和质量保证。这意味着您可以找到大量免费材料。如果您知道去哪里找的话，就可以填补低预算 Web 开发运营情况下的一些漏洞。在本文中，我将介绍各类免费的 Web 资源，以及对一些貌似免费，实其不然的 Web 资源的警告。

创造性的公用

首先介绍 Creative Commons(CC)，它本身不是免费资源的来源，而是提供免费资源的人们所使用的许可证的来源。用他们自己的话说：CC 是一个非营利性组织，为创造性作品提供灵活的版权许可。您可以选择一个 CC 许可，以允许所有者要求您在使用所有者的作品或修改他们的作品时给予他们荣誉（归属条款）；可以限制自己作品仅用于非营利性组织；可以要求任何对您作品所作的更改必须在与原条款相同的条款下共享（类似共享的条款）。还有其他条款，您可以组合这些条款。例如，一个常见的 CC 许可是Attribution Share Alike 许可。

CC 已取得了巨大成功 —— 来自 CC 许可的作品主体十分庞大，并且每天都在扩大。文学、图像、音乐等作品都可以在 CC 许可下提供。只要满足限制，您可以自由地在网站上使用任何这些作品。要了解如何找到 Web 设计的任何免费产品，第一步是了解如何搜索在 CC 许可下提供的材料。您可以使用 CC 搜索引擎页面直接获得来源，这允许您利用搜索引擎（如 Google 和 Flickr）和免费资源收集（如 Flick 和 DMusic) 的专业搜索功能。

样式元素

好的样式表是好网站的骨架 —— 尤其是层叠样式表 (CSS)。不幸的是，浏览器中多变的支持意味着很难开发好的样式表。依靠免费样式表，至少是样式元素的免费模块，您可以省去大量精力和测试工作。许多站点提供 CSS 说明和示例，但我的关注点是我找到的站点，大多数都有 CSS 材料，您可以用于快速地组装成自己的站点。有一个由顶级 Web 专业人士开办的以期刊形式出现的站点：A List Apart，着重于 Code 和 Design 主题。CSS Intensivstation Templates 专注于几个用于结构化站点的主要的布局样式。

最有名的 CSS 交换地是 CSS Zen Garden，但您在使用此网站时必须格外小心。CSS Zen Garden 旨在展示 CSS 的强大功能。CSS 是分离内容和形式的好方法。但起初许多 Web 开发人员回避 CSS，因为他们认为如果不用传统的 HTML 技巧（如布局表格和隐藏图像），就创建不出同样令人难忘的效果。CSS Zen Garden 通过漂亮的样式证明这一认识是错误的。其中有一个单独且共享的内容片段，Web 设计人员创建了页面来以某种独特方式显示这些内容。他们使用巧妙的布局、迷人的图像和颜色，通常创作出某种主题，如大海或博物馆风格的主题。CSS Zen Garden 不能作为模板的集合。您可以在大多数 CSS 贡献中显示的警告中看到以下说明：

此设计不是模板。未经设计者的书面许可，不得复制。但是，可以随意研究 CSS 并在其他地方使用学到的技术。

此外，许多贡献者使用非免费的图像。站点维护人员请求贡献者在非商业 Creative Commons 许可下提供他们的 CSS（参见 参考资料），所以复制 CSS 通常是安全的做法，但要确保检查贡献者 CSS 文件的开头部分。

回页首

图像

专业网站会使用各种图像，从照片到艺术家的绘画到图标和符号，等等。一些站点提供免版税的图像。有一个项目值得您关注，即 Open Clip Art Library，它是一个贡献的、可下载的剪贴画的集合。图像的范围包括从小而简单的图像到大而复杂的图像。大多数图像是可缩放矢量图形 (SVG) 格式，它是一种开放的、基于 XML 的格式。SVG 增强了对浏览器的支持，但它尚不通用，所以 Open Clip Art Library 包括每个图像的 PNG 版本。您可以浏览或搜索网站上的图像，但可能只想下载一个发行版，所以可以脱机浏览。图形的质量类似于您在商店购买的许多剪贴画集合中找到的图像的质量。当我需要符号、图标和其他资源（如高亮显示）时，通常会浏览 Open Clip Art Library，但 MaxPower Free Icons 是一组很好的到免费图标集合的链接。说到商店里的剪贴画集合，即使已经购买，仍有许多限制。一些剪贴画需要商业使用版税。如果购买此类集合，请确保检查 End User License Agreements。

当需要照片时，我经常会访问前面提到过的 Flickr 的 CC 照片库，但是我通常是通过 Yotophoto 到达那里的，Yotophoto 是从 CC 变体到 Public Domain 的一个免费许可照片的搜索聚合地。我最喜欢的一个资源站点是 stock.xchng。此站点包括大量极高品质的照片，并有一个非常好用的搜索引擎。不是所有的照片都是免版税的，但大多数是！您甚至可以查看是否有照片的模型发行，这是决定使用包含人像的照片时要考虑的一个重要因素。一个规模较小、尚不精致，但仍十分有用的站点是 Open Photo，它只包含经 CC 许可的照片。我还使用 MorgueFile，这个站点类似于 stock.xchng 站点，具有搜索和丰富元数据方面的类似优点。MorgueFile 上的所有图像受到专门许可（不基于 CC）的约束，但免除了个人或商业作品的版税。我喜欢 MorgueFile FAQ 中针对他们为什么提供免费图像的解答：

此网站遵循传统的万维网。它致力于倡导自由观点和交换。

回页首

设计工具

一些 Web 设计人员和公司提供联机工具来帮助其他用户并提高他们自己的社区形象。最常用的是颜色方案工具，它允许您为自己的站点选择富有美感的、令人愉快的一组颜色。在搭配颜色方面，我的确没有世上最好的眼力，所以我感谢诸如 Wellstyled.com 的 Color Scheme Generator 这样的网站。另一个提供更多有关如何组装方案的站点是 SiteProCentral.com's HTML Color Code Combination Chooser。

最流行的 Web 浏览器也是最奇怪的浏览器。多年来，Web 设计人员不得不应对 Microsoft Internet Explorer 5 和 6，包括 Macintosh 和 Windows 版本之间的差异。Microsoft 正在开发 7 版浏览器，他们承诺新版本具有更好的标准兼容性，但是另一方面 Dean Edwards 已经开发了 JavaScript 解决方案。引用该网站的话：

[Dean Edwards'] IE7 是一个 JavaScript 库，使 IE 的行为像标准兼容的浏览器。它修复了许多 CSS 问题并使透明 PNG 在 IE5 和 IE6 下正常工作。

当您设计网站时，记住 Macintosh 用户是十分重要的。如果购买测试用的 Mac 机不是一个选择的话，您应感谢 Daniel Vine，因为他创建了 iCapture。您可以在此站点指定 URL、搜索看上去像 Mac 机上的 Safari Web 浏览器显示的 PNG 图像。Edwards 还提供 ieCapture，允许查看您的站点在 Macintosh IE7 beta 中的显示效果。

回页首

完全 Web 布局和模板

有时即使获得以上所有帮助，我还是不能创建引人注目的网页。我可能想要一切，幸运的是可以在一些网站中找到免费的完整页面布局，包含 HTML（经常是 XHTML）模板、图形、样式表、高亮显示等。Open Web Design 有近 2000 个各种品质的完整模板。该网站有一个评级系统，有时会进行设计人员竞赛来扩大其收集量。Open Source Web Design 是一个具有类似规模的网站。

回页首

结束语

在本文中，您了解了许多资源，可以从中获得免费资料和工具以改进您的网站。即使您有预算来得到顶级的专业帮助，如果熟悉 Web 设计的最新技术，还是会很有帮助的。所幸的是，最新技术几乎不被隐藏或无法访问，它们总是免费的。如果有机会，我还鼓励您进行共享，比如为我提到的网站做贡献。毕竟，Web 美学的浪潮会水涨船高。

原文转自：http://www.ltesting.net