40个超实用的web设计工具
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
本文将会展示一些web设计师应该经常会使用到的工 具。如果你需要一些灵感，你可以访问最流行的设计展 示站点来寻找你需要的好作品和好例
子。一些设 计相关的工具，在线生成器，免费字体站点， 模板站点都将帮助你更有效率测试和管理站点。记住， 并不是什么都亲自完成才是最好的方
式，一定程度的借鉴将会让 你以更轻松的方式完成任务。 我强烈建立你泛读本文，把对你有帮助的站点加入书签， 当你灰心的时候，不妨看看。
ExpandriveExpanDrive 就像是你MAC或者PC上的U盘。可 以在远程计算机上打开、编辑、保存文件。24. W3C V
alidatorW3C校验器是W3C的免费服务，用于检查网页的 标签的有效性。同样还有一个CSS校验器。[Page: ]25. jQu
ery UIjQuery UI 是一个开源的接口组件库-互动、小工具、 动画效果，基于jQuery javascript库。每个组件都
品牌设计 www.haohead.com
nt是一个CSS框架，旨在削减开发时间。它通过网格、排 版、插件、打印的CSS给你的项目提供一个坚实的基石。 29. CleanCSS[
Page: ]CleanCSS是一个强大的CSS代码优化器和代码格式 化工具。30. XHTML Character Entity R
eference这个页面包含了HTML 4 和 XHTML 1.0 所允许的 252的特殊字符，W3C官方HTML 4规范中的第24部
优秀的CSS模板供您下载。测试管理站点35. BrowsershotsBrowserShots是一个基于web的浏览器兼容性 检查工具
，可以清晰的预览您站点在各种浏览器上面的显示效果。 不需要注册，直接提交url，然后等待3-5分钟， BrowserShot就为您生成各
种浏览器下面的效果图。36. Browsercam在任意操作系统 任意浏览器上查看你的web设计，检查javascript,DHTML
.0工具。纹理大小、缝隙都可以调节，还可以选择色彩过 渡效果。 11. FontstructFontStruct 可以通过绘制网格来绘
制出自己的字体。12. Dafont一个可以通过字母，主题， 更新日期排序的字体站点，大多数字体可以免费下载。 [Page: ]13.
Icon finder一个收录了十万个免费图标搜索引擎。14. Whatthefont看见了一个好看的字体，但是不知道它的名 字？把字
e.js，你可以在网页中嵌入自定义字体，从而免去了文字 到图片转换的麻烦。18. FirebugFirebug是Firefox浏览器的
一个网页开发的扩展，你可以在任意网页中编辑，调试， 监视css,html,javascript。19. Smush.itSmush.i
t通过对特定图片格式的优化技术来减小图片大小，这是 一个“无损”的工具，也就是说在优化图片的同时，图 片样子和视觉效果没有发生改变。20
是基于jQuery的事件驱动构架编写，并且相当主题化，使 开发者和任意技术层次的人都能整合到自己的代码中去。 26. Clean AJA
XClean是Ajax的开源引擎，提供了一个Ajax技术的高级接 口。27. Reflection.jsRelection.js 可以
让网页中的图片呈现发射效果，它使用整洁的javascript 代码，使你的代码更干净。28. Blueprint CSSBluepri
hanceBehance 是找灵感的好去处，因为他们的设计更加 专业。[Page: ]5. The design inspiratio
nThe Design Inspiration 是一群整日寻求设计灵感的设计师 所创建的。设计工具6. Colour loversCo
lour lover 是一个国际性的设计师社区，不同行当的艺术 家到此寻找色彩方面的灵感，想法并对这些专业的或个 人项目发表发聩。7.
,表单和其他动态功能。[Page: ]37. Are my sites up?Are my sites up是一个简单的服务，当你网
站下线是会及时的通知你。38. Google analyticsGoogle Analytics 是一个企业级的网站分析解决方案，让
你对自己站点的访问状况了如指掌并且有效的进行市场 推广。强大、灵活、易用的特性使你分析网站流量的方 式耳目一新。通 过Google An
灵感类1. DeviantartDeviantart是互联网站最大的艺术展示 站点之一。你可以在这里找到好灵感。2. Web desi
gn libraryWeb Design Library是一个提供设计研究平台的资 源站点，覆盖了大量的理论知识和实战方面的信息。3.
StylevaultStylevault.net 是一个设计展示站点，设计师可以 在上面展示才华的同时其他人也可从中获益。4. Be
分有所阐述。31. PingdomPingdom是一个站点监视工具， 可以7X24小时全年监控，有在线时长、响应时长的统计， 还可以通过
Email和短信来发送警告。32. Lightbox 2Lightbox用于图片 在网页上叠加显示。设置及其简单。[Page: ]33
. WIX免费的flash网页创建工具。34. Best free templatesBestFreeTemplates.info
体图像提交到WhatTheFont，它将会在数据库中查找与你 的字体最接近的字体名字，或者让字体爱好者在 WhatTheFont论坛中帮
忙。15. Lorem IpsumLorem Ipsum是打印排版工业的无意 义文本，这是一个Lorem Ipsum生成器。编码工具1
6.TypetesterTypetester是一个在线字体比较工具。 [Page: ]17. Typeface.js通过typefac
. pForm在线HTML表单创建工具。[Page: ]21. Zend StudioZend Sudio 7.0是一下代专业级的p
hp程序开发环境。其设计可以最大化开发者的效率，同 时可以更快的开发和维护代码，解决程序问题并且提高 团队合作效率。22. Fire F
TP for FirefoxFireFTP是一个Mozilla Firef源自文库x扩展，是一个免 费、安全、跨平台的FTP客户端。23.
Adobe kulerAdobe kuler 是奥多比公司推出的web程序，旨 在帮助你创建和分享颜色主题。8. Color hunt
erColor Hunter 可以通过图片来创建配色。[Page: ]9. Colorotate通过Colorotate，可以实现以
3D的视觉效果的方面来迎合人脑的颜色处理过程。10. StripemaniaStripemania 是一个用于生成纹理的在线web2
alytics，你可以推广更有针对性的广告，占领市场主动权， 创建更高回报的站点。39. W3CounterW3Counter是一个免
费的站点分析解决方案，可以回答你的以下疑问：网站 用户是谁，他们怎么找到你的站点，他们感兴趣的是什 么。40. eLogic跟踪和监视站
点活动。了解站点数据是建立成功在线商务的关键。
子。一些设 计相关的工具，在线生成器，免费字体站点， 模板站点都将帮助你更有效率测试和管理站点。记住， 并不是什么都亲自完成才是最好的方
式，一定程度的借鉴将会让 你以更轻松的方式完成任务。 我强烈建立你泛读本文，把对你有帮助的站点加入书签， 当你灰心的时候，不妨看看。
ExpandriveExpanDrive 就像是你MAC或者PC上的U盘。可 以在远程计算机上打开、编辑、保存文件。24. W3C V
alidatorW3C校验器是W3C的免费服务，用于检查网页的 标签的有效性。同样还有一个CSS校验器。[Page: ]25. jQu
ery UIjQuery UI 是一个开源的接口组件库-互动、小工具、 动画效果，基于jQuery javascript库。每个组件都
品牌设计 www.haohead.com
nt是一个CSS框架，旨在削减开发时间。它通过网格、排 版、插件、打印的CSS给你的项目提供一个坚实的基石。 29. CleanCSS[
Page: ]CleanCSS是一个强大的CSS代码优化器和代码格式 化工具。30. XHTML Character Entity R
eference这个页面包含了HTML 4 和 XHTML 1.0 所允许的 252的特殊字符，W3C官方HTML 4规范中的第24部
优秀的CSS模板供您下载。测试管理站点35. BrowsershotsBrowserShots是一个基于web的浏览器兼容性 检查工具
，可以清晰的预览您站点在各种浏览器上面的显示效果。 不需要注册，直接提交url，然后等待3-5分钟， BrowserShot就为您生成各
种浏览器下面的效果图。36. Browsercam在任意操作系统 任意浏览器上查看你的web设计，检查javascript,DHTML
.0工具。纹理大小、缝隙都可以调节，还可以选择色彩过 渡效果。 11. FontstructFontStruct 可以通过绘制网格来绘
制出自己的字体。12. Dafont一个可以通过字母，主题， 更新日期排序的字体站点，大多数字体可以免费下载。 [Page: ]13.
Icon finder一个收录了十万个免费图标搜索引擎。14. Whatthefont看见了一个好看的字体，但是不知道它的名 字？把字
e.js，你可以在网页中嵌入自定义字体，从而免去了文字 到图片转换的麻烦。18. FirebugFirebug是Firefox浏览器的
一个网页开发的扩展，你可以在任意网页中编辑，调试， 监视css,html,javascript。19. Smush.itSmush.i
t通过对特定图片格式的优化技术来减小图片大小，这是 一个“无损”的工具，也就是说在优化图片的同时，图 片样子和视觉效果没有发生改变。20
是基于jQuery的事件驱动构架编写，并且相当主题化，使 开发者和任意技术层次的人都能整合到自己的代码中去。 26. Clean AJA
XClean是Ajax的开源引擎，提供了一个Ajax技术的高级接 口。27. Reflection.jsRelection.js 可以
让网页中的图片呈现发射效果，它使用整洁的javascript 代码，使你的代码更干净。28. Blueprint CSSBluepri
hanceBehance 是找灵感的好去处，因为他们的设计更加 专业。[Page: ]5. The design inspiratio
nThe Design Inspiration 是一群整日寻求设计灵感的设计师 所创建的。设计工具6. Colour loversCo
lour lover 是一个国际性的设计师社区，不同行当的艺术 家到此寻找色彩方面的灵感，想法并对这些专业的或个 人项目发表发聩。7.
,表单和其他动态功能。[Page: ]37. Are my sites up?Are my sites up是一个简单的服务，当你网
站下线是会及时的通知你。38. Google analyticsGoogle Analytics 是一个企业级的网站分析解决方案，让
你对自己站点的访问状况了如指掌并且有效的进行市场 推广。强大、灵活、易用的特性使你分析网站流量的方 式耳目一新。通 过Google An
灵感类1. DeviantartDeviantart是互联网站最大的艺术展示 站点之一。你可以在这里找到好灵感。2. Web desi
gn libraryWeb Design Library是一个提供设计研究平台的资 源站点，覆盖了大量的理论知识和实战方面的信息。3.
StylevaultStylevault.net 是一个设计展示站点，设计师可以 在上面展示才华的同时其他人也可从中获益。4. Be
分有所阐述。31. PingdomPingdom是一个站点监视工具， 可以7X24小时全年监控，有在线时长、响应时长的统计， 还可以通过
Email和短信来发送警告。32. Lightbox 2Lightbox用于图片 在网页上叠加显示。设置及其简单。[Page: ]33
. WIX免费的flash网页创建工具。34. Best free templatesBestFreeTemplates.info
体图像提交到WhatTheFont，它将会在数据库中查找与你 的字体最接近的字体名字，或者让字体爱好者在 WhatTheFont论坛中帮
忙。15. Lorem IpsumLorem Ipsum是打印排版工业的无意 义文本，这是一个Lorem Ipsum生成器。编码工具1
6.TypetesterTypetester是一个在线字体比较工具。 [Page: ]17. Typeface.js通过typefac
. pForm在线HTML表单创建工具。[Page: ]21. Zend StudioZend Sudio 7.0是一下代专业级的p
hp程序开发环境。其设计可以最大化开发者的效率，同 时可以更快的开发和维护代码，解决程序问题并且提高 团队合作效率。22. Fire F
TP for FirefoxFireFTP是一个Mozilla Firef源自文库x扩展，是一个免 费、安全、跨平台的FTP客户端。23.
Adobe kulerAdobe kuler 是奥多比公司推出的web程序，旨 在帮助你创建和分享颜色主题。8. Color hunt
erColor Hunter 可以通过图片来创建配色。[Page: ]9. Colorotate通过Colorotate，可以实现以
3D的视觉效果的方面来迎合人脑的颜色处理过程。10. StripemaniaStripemania 是一个用于生成纹理的在线web2
alytics，你可以推广更有针对性的广告，占领市场主动权， 创建更高回报的站点。39. W3CounterW3Counter是一个免
费的站点分析解决方案，可以回答你的以下疑问：网站 用户是谁，他们怎么找到你的站点，他们感兴趣的是什 么。40. eLogic跟踪和监视站
点活动。了解站点数据是建立成功在线商务的关键。