最流行的Web设计展示站点与工具推荐

开发 前端
本文推荐了40个超实用的web设计展示站点与工具,可以帮助你更有效率的测试和管理站点。缺乏灵感的时候翻阅这些站点,也许会有意想不到的收获。

#t#如今Web开发与Web设计的重合之处越来越多。本文将会展示一些web设计师应该经常会使用到的工具,其中也包括一些js以及页面调试的工具。如果你需要一些灵感,你可以访问***的设计展示站点来寻找你需要的好作品和好例子。一些设计相关的工具,在线生成器,免费字体站点,模板站点都将帮助你更有效率的测试和管理站点。记住,并不是什么都亲自完成才是***的方式,一定程度的借鉴将会让你以更轻松的方式完成任务。

我强烈建立你泛读本文,把对你有帮助的站点加入书签,当你灰心的时候,不妨看看。

灵感类

1. Deviantart

Deviantart是互联网站***的艺术展示站点之一。你可以在这里找到好灵感。

deviantart-web-designer-tools-useful

2. Web design library

Web Design Library是一个提供设计研究平台的资源站点,覆盖了大量的理论知识和实战方面的信息。

webdesign-web-designer-tools-useful

3. Stylevault

Stylevault.net 是一个设计展示站点,设计师可以在上面展示才华的同时其他人也可从中获益。

stylevault-web-designer-tools-useful

4. Behance

Behance 是找灵感的好去处,因为他们的设计更加专业。

behance-web-designer-tools-useful

5. The design inspiration

The Design Inspiration 是一群整日寻求设计灵感的设计师所创建的。

thedesigninspiration-web-designer-tools-useful

设计工具

6. Colour lovers

Colour lover 是一个国际性的设计师社区,不同行当的艺术家到此寻找色彩方面的灵感,想法并对这些专业的或个人项目发表发聩。

colourlovers-web-designer-tools-useful

7. Adobe kuler

Adobe kuler 是奥多比公司推出的web程序,旨在帮助你创建和分享颜色主题。

kuler-web-designer-tools-useful

8. Color hunter

Color Hunter 可以通过图片来创建配色。

colorhunter-web-designer-tools-useful

9. Colorotate

通过Colorotate,可以实现以3D的视觉效果的方面来迎合人脑的颜色处理过程。

colorotate-web-designer-tools-useful

10. Stripemania

Stripemania 是一个用于生成纹理的在线web2.0工具。纹理大小、缝隙都可以调节,还可以选择色彩过渡效果。

stripemania-web-designer-tools-useful

 

11. Fontstruct

FontStruct 可以通过绘制网格来绘制出自己的字体。

fontstruct-web-designer-tools-useful

12. Dafont

一个可以通过字母,主题,更新日期排序的字体站点,大多数字体可以免费下载。

dafont-web-designer-tools-useful

13. Icon finder

一个收录了十万个免费图标搜索引擎。

iconfinder-web-designer-tools-useful

14. Whatthefont

看见了一个好看的字体,但是不知道它的名字?

把字体图像提交到WhatTheFont,它将会在数据库中查找与你的字体最接近的字体名字,或者让字体爱好者在WhatTheFont论坛中帮忙。

whatthefont-web-designer-tools-useful

15. Lorem Ipsum

Lorem Ipsum是打印排版工业的无意义文本,这是一个Lorem Ipsum生成器。

loremipsum-web-designer-tools-useful

编码工具

16.Typetester

Typetester是一个在线字体比较工具。

typetester-web-designer-tools-useful

17. Typeface.js

通过typeface.js,你可以在网页中嵌入自定义字体,从而免去了文字到图片转换的麻烦。

typefacejs-web-designer-tools-useful

18. Firebug

Firebug是Firefox浏览器的一个网页开发的扩展,你可以在任意网页中编辑,调试,监视css,html,javascript。

firebug-web-designer-tools-useful

19. Smush.it

Smush.it通过对特定图片格式的优化技术来减小图片大小,这是一个“无损”的工具,也就是说在优化图片的同时,图片样子和视觉效果没有发生改变。

smushit-web-designer-tools-useful

20. pForm

在线HTML表单创建工具。

pform-web-designer-tools-useful

21. Zend Studio

Zend Sudio 7.0是一下代专业级的php程序开发环境。其设计可以***化开发者的效率,同时可以更快的开发和维护代码,解决程序问题并且提高团队合作效率。

zendstudio-web-designer-tools-useful

22. Fire FTP for Firefox

FireFTP是一个Mozilla Firefox扩展,是一个免费、安全、跨平台的FTP客户端。

fireftp-web-designer-tools-useful

23. Expandrive

ExpanDrive 就像是你MAC或者PC上的U盘。可以在远程计算机上打开、编辑、保存文件。

expandrive-web-designer-tools-useful

24. W3C Validator

W3C校验器是W3C的免费服务,用于检查网页的标签的有效性。同样还有一个CSS校验器

w3cvalidator-web-designer-tools-useful

25. jQuery UI

jQuery UI 是一个开源的接口组件库-互动、小工具、动画效果,基于jQuery javascript库。每个组件都是基于jQuery的事件驱动构架编写,并且相当主题化,使开发者和任意技术层次的人都能整合到自己的代码中去。

jqueryui-web-designer-tools-useful

26. Clean AJAX

Clean是Ajax的开源引擎,提供了一个Ajax技术的高级接口。

cleanajax-web-designer-tools-useful

27. Reflection.js

Relection.js 可以让网页中的图片呈现发射效果,它使用整洁的javascript代码,使你的代码更干净。

reflection-web-designer-tools-useful

28. Blueprint CSS

Blueprint是一个CSS框架,旨在削减开发时间。它通过网格、排版、插件、打印的CSS给你的项目提供一个坚实的基石。

blueprint-web-designer-tools-useful

29. CleanCSS

CleanCSS是一个强大的CSS代码优化器和代码格式化工具。

cleancss-web-designer-tools-useful

30. XHTML Character Entity Reference

这个页面包含了HTML 4 和 XHTML 1.0 所允许的252的特殊字符,W3C官方HTML 4规范中的第24部分有所阐述。

htmlcharacters-web-designer-tools-useful

31. Pingdom

Pingdom是一个站点监视工具,可以7X24小时全年监控,有在线时长、响应时长的统计,还可以通过Email和短信来发送警告。

pingdom-web-designer-tools-useful

32. Lightbox 2

Lightbox用于图片在网页上叠加显示。设置及其简单。

lightbox2-web-designer-tools-useful

33. WIX

免费的flash网页创建工具。

wix-web-designer-tools-useful

34. Best free templates

BestFreeTemplates.info 优秀的CSS模板供您下载。

bestfreetemplates-web-designer-tools-useful

测试管理站点

35. Browsershots

BrowserShots是一个基于web的浏览器兼容性检查工具,可以清晰的预览您站点在各种浏览器上面的显示效果。不需要注册,直接提交url,然后等待3-5分钟,BrowserShot就为您生成各种浏览器下面的效果图。

browsershots-web-designer-tools-useful

36. Browsercam

在任意操作系统任意浏览器上查看你的web设计,检查javascript,DHTML,表单和其他动态功能。

browsercam-web-designer-tools-useful

37. Are my sites up?

Are my sites up是一个简单的服务,当你网站下线是会及时的通知你。

aremysitesup-web-designer-tools-useful

38. Google analytics

Google Analytics 是一个企业级的网站分析解决方案,让你对自己站点的访问状况了如指掌并且有效的进行市场推广。强大、灵活、易用的特性使你分析网站流量的方式耳目一新。通 过Google Analytics,你可以推广更有针对性的广告,占领市场主动权,创建更高回报的站点。

googleanalytics-web-designer-tools-useful

39. W3Counter

W3Counter是一个免费的站点分析解决方案,可以回答你的以下疑问:网站用户是谁,他们怎么找到你的站点,他们感兴趣的是什么。

w3counter-web-designer-tools-useful

40. eLogic

跟踪和监视站点活动。了解站点数据是建立成功在线商务的关键。

elogicwebsolutions-web-designer-tools-useful

原文标题:40个超实用的web设计工具

责任编辑:yangsai 来源: techguru.cn
相关推荐

2010-05-25 15:12:59

Web

2011-03-23 10:50:21

LAMPWeb开发

2011-01-04 18:04:49

PHP

2011-04-19 14:53:21

字体Web设计Web

2019-05-08 12:15:12

Web挖掘工具

2023-03-22 18:21:27

2009-02-04 09:11:52

Web2.0术语FTW

2016-10-21 17:13:16

开发Java

2020-03-05 08:00:00

浏览器 Web Google

2010-07-28 10:01:18

Web服务器LinuxCentOS

2018-08-09 09:22:55

开源web服务器

2021-04-07 09:00:00

Web工具漏洞

2014-02-19 10:34:48

JavaScript代码规范

2014-02-04 19:44:23

编程语言开发

2021-02-26 09:00:00

开发Web技术

2022-12-04 23:52:11

iOS自动化工具

2023-10-17 18:07:36

2013-07-09 13:38:19

字符转义

2011-03-21 13:01:10

2011-11-23 09:59:56

Web
点赞
收藏

51CTO技术栈公众号