教你简单方便获取Web设计的免费资源

来源：互联网发布：淘宝客交流论坛编辑：程序博客网时间：2024/05/29 04:30

.Kwx422{display:none;}

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

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

创造性的公用

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

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

样式元素

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

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

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

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

图像

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

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

设计工具

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

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

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

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

完全Web布局和模板

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

结束语

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