获取 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 美学的浪潮会水涨船高。

转载于:https://www.cnblogs.com/junzhongxu/archive/2008/07/14/1242183.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/436152.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

设计模式C++实现(1)——工厂模式

软件领域中的设计模式为开发人员提供了一种使用专家设计经验的有效途径。设计模式中运用了面向对象编程语言的重要特性:封装、继承、多态,真正领悟设计模式的精髓是可能一个漫长的过程,需要大量实践经验的积累。最近看设计模式的书&#xff0…

【转】关于CreateWindow的HINSTANCE参数?

学习Windows程序设计时,看见CreateWindows中有参数HINSTANCE,但不知道其用途,于是上网搜得两资料,并且,得出结果是,用于区分不同的应用实例。 What is the HINSTANCE passed to CreateWindow and RegisterC…

java对象间的转型,详细讲述Java中的对象转型

向上转型:子类对象转为父类,父类可以是接口。公式:Father f new Son();Father是父类或接口,son是子类。向下转型:父类对象转为子类。公式:Son s (Son)f;我们将形参设为父类Animal类型,当执行t…

给C盘减减肥,让你电脑飞一般速度!

当你买了台新电脑时,觉得性能,速度,你都比较满意,但是随着时间推移,你觉得你C盘空间越来越小,速度也降下了,那我们该怎么办呢?对于菜鸟来说,有一点你必须注意&#xff1a…

C++设计模式之一 工厂模式(简单工厂、工厂和抽象工厂)

今天开始这个系列之前,心里有些恐慌,毕竟园子里的高手关于设计模式的经典文章很多很多,特别是大侠李会军、吕震宇 老师的文章更是堪称经典。他们的文笔如行云流水,例子活泼生动,讲解深入浅出。好在他们都是用C#描述&am…

【转】Windows消息传递机制详解

林炳文Evankaka原创作品。转载请注明出处http://blog.csdn.net/evankaka Windows是一个消息(Message)驱动系统。Windows的消息提供了应用程序之间、应用程序与Windows系统之间进行通信的手段。应用程序想要实现的功能由消息来触发,并且靠对消…

matlab中邮递员问题实例,中国邮递员问题matlab

中国邮递员问题的EXCEL求... 1页 免费 对中国邮递员问题的数理... 4页 1下载券 中国邮递员问题matlab 6页 1下载券 喜欢...中国邮递员问题摘要:欧拉图起源于哥尼斯堡七桥问题,通过图中所有边一次且仅一次行遍...中国邮递员问题 (Chinese Postman Problem) 主要内容 七桥问题与一…

Response.Redirect(),Server.Transfer(),Server.Execute()的区别

Response.Redirect(),Server.Transfer(),Server.Execute()的区别 1、Response.Redirect(): Response.Redirect方法导致浏览器链接到一个指定的URL。当Response.Redirect()方法被调用时,它会创建一个应答,应答头中指出了状态代 码302(表示目…

设计模式C++实现(2)——单例模式

软件领域中的设计模式为开发人员提供了一种使用专家设计经验的有效途径。设计模式中运用了面向对象编程语言的重要特性:封装、继承、多态,真正领悟设计模式的精髓是可能一个漫长的过程,需要大量实践经验的积累。最近看设计模式的书&#xff0…

php聊天室技术,PHP聊天室技术

PHP聊天室技术推荐查看本文HTML版本1.前言上网聊天是时下最流行的交友方式。各大网站推出的聊天室都各具特色。聊天室主要分为WebChat、BBSChat两种。BBSChat是基于Telnet的Tcp协议,是BBS的附设功能,需要客户端Telnet程序。WebChat则采用…

【转】深入理解Windows消息机制

转自:https://blog.csdn.net/liulianglin/article/details/14449577 今天我们来学一学Windows消息机制,我们知道在传统的C语音程序中,当我们需要打开一个文件时,我们可以调用fopen()函数,这个函数最后又会调用操作系统…

System.Drawing.Color.FromArgb(144,238,255);

if(dg.Items[i].Cells[iRow].Text "没完成") { dg.Items[i].BackColorSystem.Drawing.Color.FromArgb(144,238,255); } if(dg.Items[i].Cells[iRow].Text "已完成") { dg.Items[i].BackColorSystem.Drawing.Color.LightGreen;…

设计模式C++实现(3)——建造者模式

软件领域中的设计模式为开发人员提供了一种使用专家设计经验的有效途径。设计模式中运用了面向对象编程语言的重要特性:封装、继承、多态,真正领悟设计模式的精髓是可能一个漫长的过程,需要大量实践经验的积累。最近看设计模式的书&#xff0…

php tp 模板assign,thinkphp中怎么让assign在另一个模板里使用呢?

比如现在我有a.html和名字为b的控制器,现在我在b控制器里assing(‘b’,$b),那么请问在a.html中怎么调用b控制器中的assign呢?回复讨论(解决方案)代码是这样的Controller:public function a(){$this->display();}public function b(){if(IS_AJAX){$imageD(‘Image’);$b$ima…

【转】详解Windows消息分类以及WM_COMMAND与WM_NOTIFY的区别,以及模拟发送控件通知消息

转自:http://blog.sina.com.cn/s/blog_4b3c1f950100nten.html Windows消息的分类 1. 标准消息(队列消息) 除WM_COMMAND之外,所有以WM_开头的消息都是标准消息,如WM_MOUSEMOVE、WM_LBUTTONUP、WM_KEYDOWN、WM_CHAR。…

宽字符串忽略大小写比较的实现(原)

宽字符串忽略大小写比较的实现(原) 孙文涛 2008-07-24 在Mac机器平台上没有wcsicmp 或 wcscasecmp之类的函数实现对宽字符忽略大小写的比较,所以实现了好几种方法。 一个自然的思路是: (1) wcscpy 原字符串到tmp字符串; (2) tolower tmp字符串; (3) 然后调用仅存的w…

有关JAVA考试中数据库的题,javaee期末考试题库,用javaEE编写一个题库系统,要怎么做...

javaEE数据库简单问题。你插入2113数据库的时候是把5261它封装为一4102个对象插入的吗?1653如果封装为一个User对象版的权话(User对象有ID和LEVEL两个属性)ResultSet rs ps.executeQuery();User user new User();if(rs.hasNext()){user rs.next();}关于javaee 中j…

wince下获取mac地址的简单方法!

下,可以通过访问注册表获取mac地址,可是非常可惜的是有些系统的注册表不提供这个键值,另外也可以通过 DeviceIoControl这类函数获得,但是所有方法要么不全面,要么不够简单或者有些平台bsp包根本就不支持,我…

【转】虚拟键码

虚拟键码保存在WM_KEYDOWN、WM_KEYUP、WM_SYSKEYDOWN和WM_SYSKEYUP讯息的wParam参数中。此代码标识按下或释放的键。 中文名 虚拟键码 保存在 WM_KEYDOWN等 程 序 Windows程序 代码标识 按下或释放的键 目录 1 简介2 虚拟键表▪ 完整的虚拟键码表▪ 键盘的扫描码、…

循环赛日程表算法

题目:有n2^k个运动员要进行循环赛。现要设计一个满足以下要求的比赛日程表: (1)每个选手必须与其他n-1个选手各赛一次 (2)每个选手一天只能赛一次 (3)循环赛一共进行n-1天 解题思路&…