无论你是Web设计的初学者还是游刃有余的资深设计师，可能一些合适的设计工具总能给你带来很多意外的收获，虽然它们功能单一，也并不是那么的光鲜耀眼，但在Web设计过程中，你总需要它们及时的帮助，减少不必要时间上的浪费。这是
Mashable 搜集的130+个 Web设计工具，涵盖了从初学者到高级Web设计人员需要的各种工具和资源，让你的工作更快更好更从容。
初学者资源
YAML Builder - 简单易用的 YAML （Yet Another Multicolumn Layout - 做栏布局）XHTML/CSS 站点布局
izzyMenu.com - 免费 CSS 菜单
pForm - HTML 表单生成工具
Roxer - 拖放式网站设计工具
Wirenode - 创建移动站点
doodlekit - 在线网站设计及 CMS 系统，含表单生成器，Paypal 构物车，可互换的布局与图片，内置图片库
dotemplate - 可定制的网站模板
templatr - 创建网站模板的在线工具
Agency of Record - 面向创意设计者的网站设计与托管平台。
Typechart - 字样与 CSS 式样
CSS Type Set - 创建个性化 CSS 字体式样
CSSType - 试验各种 Web 安全的排版风格并获得相应 CSS
CSS Builder - 快速生成 CSS
Firdamatic - 不使用 table 设计2或3栏博客版面
PsycHo - 博客模板设计
folionow - 简单易用用便宜的网站设计工具
CSStxt - 自定义 CSS 文字式样
Viviti - 易用的网站设计工具
ComfyPage - 简单易用的免费网站设计工具，可定制模板，并添加任意多页面
LetsEat.at - Free website builder and hosting for restaurants that includes customizable menus, daily specials, printable coupons, and more.用于酒店宾馆的免费网站设计工具。包含可定制的菜单，每日特价，优惠券等。
webon - 免费的，不含广告的网站设计工具，可用来设计博客，像册，视频站
infogami - 快速设计网站，含可定制的模板。
edicy - 创建网站，并使用你自己的域名上线
Jimdo - 网站创建工具，集成了各种图片，视频等
Webnode - 免费创建个人或公司网站，拖放式操作，标签，免费托管
iompi - 创建电子商务网站
easysite.com - 网站创建工具，含照片，视频，博客，免费电话支持
myfamily.com - 免费的，不限空间的家庭网站创建
MomentVille - 免费婚礼网站创建工具
SeeYouThen! - 婚礼网站创建工具，含高分辨率照片交换，私人消息，客人资料等
GoHoster - 支持子域名的免费网站创建工具
BlinkWeb - 免费的拖放式网站设计工具，含电子商务选项
Macrocasa - 房地产行业网站创建工具，包含中介消息系统及客户管理系统
Pixie - 免费的，开源网站创建工具，含直观的界面，容易安装部署
Squarespace - 一个强大网站创建工具，含 XHTML 验证，所见即所得编辑器，博客平台。
NicEdit - 跨平台内容编辑器，可以在浏览器中直接编辑网站内容
WordPress Theme Generator - 使用该工具你可以创建完全定制化的 WordPress 主题
高级专业设计者资源
CSS Superdouche - 净化 CSS 以降低其复杂性
Code Beautifier - CSS 代码格式与优化
CSSFly - 在浏览器中编辑 CSS 和 XHTML
CSS Drive CSS Compressor - CSS 压缩工具
Clean CSS - CSS 净化与优化工具
EM Calculator - 将基于 px 的尺寸转换为 em
CSS Redundancy Checker - 清除未使用 CSS 选择器，检查 CSS 中多余代码
GrayBit - 将彩色网站转换成灰度级以测试其可访问性
ProtoShare - 创建网站模型，从团队获取反馈，创意与建议
Most Sliced - 图片切片服务列表，含评测与用户评分
Inserit - 一个用于 Web 设计师的 CMS 系统
LightCMS - CMS 系统
clickbooq - 网站创建与管理工具
jumpchart - 网站规划程序，可输出干净的 CSS/XHTML
inblogit - 博客工具，可以集成到任何网站
Reflect - 网站设计与托管平台
Carbonmade - 让设计者们在线展示自己的作品
ThemesPress - 将 Template 文件转换成 WordPress 主题
Feng GUI - Generates heatmaps for your website by simulating human vision during the first five seconds of viewing your website.
Text Generator - Generates lorem ipsum-like text.
webvanta - Free business website builder and hosting aimed at providing design professionals a quicker way to build websites.
Tuplix - Easy to use website authoring tool that works for new or existing websites.
FolioSnap - Website portfolio builder for creative professionals.
Frontfriend - CMS for designers that lets them build forms and templates and then lets their clients fill in their own information.
Graphics, Page Elements and Design Tools
ScrnShots - Host, share and tag your screenshots.
flickrSLiDR - Create and embed a flickr slideshow on your website or blog.
websnapr 2.0 - Online tool for capturing thumbnail of websites.
StyleIgnite - Design snippets (CSS, HTML, and more) for contact forms, layouts, and more that you can use on your sites.
BgPatterns - Background pattern creation tool with live preview.
The Effect Generator - Create animated slideshows, buttons, and more with this tool.
The Color Wizard - Submit a color and this tool will bring back matching colors.
ColorJack - A color scheme gallery that also explores color theory.
My cool button - Web 2.0 button creator.
[ws] Color Scheme Generator 2 - An easy to use color scheme creator.
Cornershop - Get the CSS and images to put rounded corners on your website.
CSSround - Another tool to create rounded corners on your website.
Color Hunter - A color palette creation tool that lets you pull color palettes from images.
Web Graphics Maker - A free tool to create backgrounds, lines and bullets for your website.
As Button Generator - Free Web button creator.
Picreflect - A free tool to create reflections for your photos.
Bradicon! - Create icons from any image.
TabCreatr - Create CSS tabbed navigation for your site.
List-u-Like CSS Generator - A tool to create list-based navigation bars.
text2PNG.com - Convert text headers and navigation to PNG files.
IconsPedia - Free, huge collection of icons.
Genfavicon - A free favicon generator.
QuickRibbon.com - Create custom ribbons with or without links for your site.
Glassy Buttons - Create custom glassy style buttons.
Website Ribbon Generator - Create free ribbons for your site with or without hyperlinks.
4096 Color Wheel - A color scheme generator that shows you Web-safe, Web-smart and unsafe colors.
Web 2.0 Free Logo Generator - Create your own custom Web 2.0 logo.
colordb - Another color palette generator, though this one is much more in depth than most.
colorcombos.com - A huge library of color combinations.
ColorToy 2.0 - A Flash-based color palette generator.
Accessibility Color Wheel - Check the readability of your background and text color combinations. This tool will tell you if there is enough contrast between the two.
Artypapers Buttons - Customize buttons and collect them on your website.
freshbadge - Create Web 2.0 badges for your site.
Favicon Generator Tool - Free favicon creator from Dagon Design.
Favicon Generator - Another free favicon generator.
favicon maker v1 - A free, basic favicon creator that lets you create a favicon from scratch or an existing image.
Stripe Designer - Create background stripes for your website.
Favicon Tool - A free and easy to use favicon generator.
Favicon Generator & Gallery - Create your own favicon or browse those created by others.
Web Script Lab Favicon Generator - Another free favicon generator.
Ajax Loading GIF Generator - Easy to use loading gif generator.
Loader Generator - A tool to create loading spinners.
Gradient Image Maker - A free tool to create image gradients.
Rainmaker - Tag cloud creator.
favicon.cc - Another free favicon creator.
FavIcon from Pics - Create a favicon from an image.
TagCrowd - A free tag cloud creator.
ConvertIcon - Converts ICO to PNG and vice versa.
My Timelines - Create AJAX timelines for your blog or website.
Cymbolism - A color tool that includes information on what emotions and words are associated with different colors.
Color Palette Generator - A tool that creates a color palette based on an image you upload.
Wordle - Create word or tag clouds from any text.
Screedbot - Create animated scrolling text.
Badged.net - Create badges and add them to your website.
Form Style Generator - Create your own CSS-styled Web forms.
reflectionmaker.com - Creates image reflections.
blogsticker - A social sticker directory.
Instant Eyedropper - Grab the color code of any color on the Web with a single mouse click.
Inspiration, Collaboration and Other Resources
FullSingle - A gallery of really awesome single-page websites.
We Love WP - A showcase of WordPress powered websites (not just blogs).
One Page Love - Another showcase of great one-page websites.
Screenalicio.us - A Web design gallery with more than 10,000 screenshots.
CSS Mania - A gallery of almost 12,000 CSS website designs.
The Best Designs - A huge showcase of Web designs and designers.
Pattern Tap - Design gallery of different website elements (headers, 404 pages, and the like).
eduStyle - A Web design gallery specifically featuring academic websites.
finalcrit.com - Free portfolio site for designers.
Should Redesign? - Get feedback on whether or not a redesign is needed for your site.
Designflavr - Design galleries for all sorts of artwork, including Flash and CSS websites.
View - Showcase of website that can be sorted by color or other criteria.
InspirationKing - A searchable gallery of websites for inspiration.
DesignerSource - A website design gallery that is browsable by topic or color.
BestWebGallery - Tagged website design showcase.
StyleVault - Another Web design gallery that lets you rate designs.
下载:
保持旺旺在线，