给网页设计师献上3款超赞的设计工具

个人认为网上有很多漂亮的网站，而漂亮而又非常符合我的审美的，我认为它们通常是目标明确的专业网站，也就是说它们专注与做某领域某专业，不会像国内一些企业一样，什么都想做。今天要说的是对网页设计师来说十分有帮助的三个网站。

首先我们会说说Colllor，然后我们会说说Warp CSS，最后聊聊Bear CSS的好处。

Colllor

简而言之，它能根据你给出的色号给你列出一系列类似的颜色。有点像Color Scheme Designer 3。

使用这个app，你只需要选取一个你喜欢的颜色，然后点击"Pick Color"按钮就行了。你甚至可以填入该颜色的色相抑或它的名字。

然后它就会令人稍微有点震撼的呈现给你下面的这张图了。你会得到四条水平的色栏，分别为：色调，色温，混合和类似。你最初填入的颜色将在色栏中被区别开来。

会有超过50种颜色值会呈现给你，当你鼠标悬停在某个颜色上，它会有个赞赞的3D效果，你点击之后该颜色的数值就自动复制到了你的剪切板上了。

我虽然不是色盲，但是对于色彩理论我就是个白痴，但是这玩意儿很轻松的就把我给吸引了。它设计精美而且交互十分出色。风格接近了Photoshop CS6有木有。

CSS Warp

CSS Warp超级变态的，为什么？因为它居然可以帮你根据复杂的路径生产路径文字的css。使用它就像使用Illustrator一样简单。
我们来看看具体的操作。在Text栏填入你要呈现的文字内容，要知道，生产的代码将是一场繁复的。所以我建议你在输入的时候不要写太多，不要希望把一篇散文生成出来，你会崩溃的。写完之后点击"Warp It"。

下一步就是让你来自定义你的曲线了，毕竟你的文字内容是跟着你画的线路走的。其选项也就像AI一样，你懂的。

接着就像在AI一样了，设计师们再熟悉不过了。

还可以选择字体样式

最后选择获得代码"Generate HTML"

老实说，我从未见到过这么一款工具，把设计和coding的距离拉得这么近。在以往，都是要手工作图的，现在居然可以如此简单的就实现了代码化，非常感谢这些创造力无限的开发商。
CSS和HTML实际上是很难能够沿着路径来展现文字的，在这里用到了很多很无可思议的内容和技术，当然包括HTML5和CSS3。所以能兼容它的只有Webkit内核的Chrome/Safari和Opera、Firefox、IE9.

Bear CSS

这货是干嘛的下面这张图应该是清晰呈现的了。

你只要上传了你的HTML文档，然后在点击"下载CSS"按钮，一个大概的CSS框架就已经为你铺好了！奶奶个熊，要不要这么省时省工啊！

这样的话，写CSS轻松了。。。。50%有木有！

帮助

原文地址：designshack
翻译：http://ooo.ruxie.org/