教你简单方便获取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 美学的浪潮会水涨船高

时间: 2024-08-02 23:55:41

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

十二月设计圈免费资源大合集

  优设的各位读者,生蛋快乐!又是一年圣诞节,按照往年惯例(说的好象年年都有似的)我们会在圣诞节当天发放福利!也就是--设计素材.马上要新年了,要过年了,不管你供职在科技公司,还是电商网站,恐怕都是要在拿年终奖之前狠狠地忙一把吧?希望我们为你提供的设计圈素材能帮你减轻压力,提高效率,合理偷懒,哦也! 同以往差不多,这次的设计圈素材包含品类多样,应用广泛,总有一款适合你!漂亮的Web字体,实用的Web应用,多快好省一次Oh Yeah的网页模板,总而言之很有用就是了. 1. Frameless Fr

Web设计全史:从基本文本到Web 2.0

从二十世纪九十年代初到如今,Web网站和网页设计经历了多次变革,技术也越来越先进.下边这张信息图表就介绍和突出了不同时期网页设计的一些关键特点.简单来说,Web设计的发展经历了以下几个阶段: - 基于文本设计的网站 - 基于表单设计的网站和在线网页建设 - Flash崛起 - CSS设计全面占领主流网页 - JavaScript崛起 - 语义网络(Semantic Web) - Web 2.0 - 针对移动设备的网站 为了满足不同的读者需求,这里提供了两种格式,一是KissMetrics设计的英

本年度75套最佳Web设计资源

中介交易 SEO诊断淘宝客 站长团购 云主机 技术大厅 这是来自 TOXEL 的一组 Web 设计资源大全,包括字体,CSS 资源,Logo 设计资源,图标,设计启发,教程,Photoshop 素材下载,以及 WordPress 资源.每个类别又包含数十套该类别下的具体资源,可能是有关 Web 设计的终极资源了.强烈推荐! 字体 - 60 套公司用设计字体 [Smashing Magazine] - 20 套免费手写字体与资源 [Fuel Your Creativity] - 50 套专业Web

WEB设计中的排版 如何便于用户高效、准确获取相关信息

首先谈一下"Metro"--由微软公司开发内部名称为" typography-based design language"(基于排版的设计语言). Metro是基于瑞士平面设计的设计原则(清晰,真实,美观),来源于交通指示牌.生活中人们行色匆匆,更需要提供快速,简洁,直接,明确的设计.现在的互联网又何尝不是如此,快捷获取信息的同时,信息泛滥.庞杂无序,简洁之风深入人心--减少元素,以显现本质.良好的排版有助于Web设计更加简洁有效. 概念: 排版就是将有限的视觉元素

设计-数据计算量大、存储量大但是功能简单的java Web程序,采用什么框架比较好?

问题描述 数据计算量大.存储量大但是功能简单的java Web程序,采用什么框架比较好? 如题,我是开发人员刚刚接触设计,现在有一个项目是数据的存储量和计算量比较大,但是功能相对简单,选用什么框架比较好呢?能尽量使存储效率和计算速率都比较高? 是b/s结构的程序,是否需要用ssh或者ssi? 谢谢! 解决方案 数据计算量大,不适合放在web应用层来做,应该用后台作业去完成.因为web应用层不适合维持长期的连接和长时占用计算资源. 解决方案二: 直接servlet/jsp就行呗. 解决方案三: 个

与瀑布模式说”再见”:教你5个步骤实现响应式Web设计

恭喜你终于使领导们信服:你的下一个Web 设计项目需要进行响应式设计.虽然说服他们相信是一件非常艰难的事情,但是你现在不能在荣誉上休息.现在项目最关键的问题是:如何带领你的团队去构建响应式设计? 响应式简介 你可能熟悉典型的"瀑布模式"的开发过程:从系统需求分析开始,然后着手设计,接着开始前后台开发,最后进行评估并且实施.线性性质是瀑布式开发的主要特点:当这一阶段完成,下一阶段紧接开始,两者配合的几乎天衣无缝."瀑布模式"开发过程是通过设计一系列阶段顺序展开的,只需

Web设计主题:教你创建一个古典风格的网站

如何进行古典风格的设计?主要针对酒店行业和联邦政府进行Web开发的Ryan Boudreaux针对该话题发表了文章<Web design themes: Create a vintage look and feel>.CSDN对该文进行了编译,内容如下: 你有被要求创建一个具有古典风格的商业网站吗?在我们的小城镇,有一些卖古典商品的小商家,你所在城市或许也有吧.古典在很多商业和组织中是一个很热门的主题.该类型的商业包括二手衣服商店.寄售商店.特色食品商店.工艺精品店.家具城.廉价市场.摄影店等

微博UED:WEB设计中的排版

首先谈一下"Metro"--由微软公司开发内部名称为" typography-based design language"(基于排版的设计语言). Metro是基于瑞士平面设计的设计原则(清晰,真实,美观),来源于交通指示牌.生活中人们行色匆匆,更需要提供快速,简洁,直接,明确的设计.现在的互联网又何尝不是如此,快捷获取信息的同时,信息泛滥.庞杂无序,简洁之风深入人心--减少元素,以显现本质.良好的排版有助于Web设计更加简洁有效. 概念: 排版就是将有限的视觉元素

Web设计核心问题3:为用户设计(9)

web|设计|问题  3.12 建设可用的站点 可用站点开发的关键在于早期就关注应用程序的用户.记住用户的目标不是使用计算机或访问站点.用户的目标是完成某个任务-购买某个物品或寻找支付账单的中心,投诉等.你应该尽量接触用户,或者倾听.不要掉进了认为你应该直接询问用户的需求或者用户会为你设计站点的圈套.用户不是设计者,他们会提出不合逻辑和不现实的要求.因为这些,你可能会设计实现自己想法的站点,而不考虑用户的需求.然而,以用户为中心的设计的核心是始终记住我们是为用户设计而不是为我们自己设计.回忆以下