网页设计资源收集小技巧
拥有大量预算作为后盾的 Web 设计人员可以获得任何所需的资源,从而可以把他们的想像力付诸于 Web 体验。他们可以聘请专业摄像师来制作引人注目的照片;可以请最好的 HTML 和 CSS 专家来创建适用于多种浏览器的复杂布局;可以指导图形艺术家根据企业服装来创作
拥有大量预算作为后盾的 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。