Web 设计师的 50 个超便利工具（下）

爱被打了一巴掌 2021-11-14 14:44 283阅读 0赞

作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力 的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳，这是第二部分。

### [Kaleido][] ###

为你的代码创建视觉化标识。来自麻省理工。

[![tools-109.jpg][]][Kaleido]

### [Sketchpad][] ###

一个强大的在线图像编辑器。难能可贵的是，这是基于 HTML5 的。

[![sketchpad.png][]][Sketchpad]

### [Unicode code converter][] ###

虽然界面有些乱，但这个工具能把一段文字转换成各种编码形式。

[![useful-155.jpg][]][Unicode code converter]

### [Grid System Generator][] ###

另一个网格设计生成器。

[![useful-176.jpg][]][Grid System Generator]

### [ud.com namecheck][] （强烈推荐） ###

这个看似简单的工具，可以帮你查询某个名字是否还可以注册域名，商标，已经社会媒体网络入口。

[![useful-tool-217.jpg][]][ud.com namecheck]

### [Typograph — Scale & Rhythm][Typograph _ Scale _ Rhythm] ###

这个工具可以帮你即时预览各种不同的 Web 排版效果，并生成代码。

[![scale.jpg][]][Typograph _ Scale _ Rhythm]

### [ColorBrewer Intro – Selecting Good Color Schemes for Maps][ColorBrewer Intro _ Selecting Good Color Schemes for Maps] ###

适用于地图的配色工具。

[![useful-210.jpg][]][ColorBrewer Intro _ Selecting Good Color Schemes for Maps]

### [CSS Inliner Tool][] （推荐） ###

将独立的 CSS 定义转换为 Inline CSS。假如你使用电子邮件进行营销，会发现这种工具非常实用，因为邮件客户端常常会将你独立的 CSS 代码过滤掉，而 Inline CSS 不会被过滤。

[![useful-222.jpg][]][CSS Inliner Tool]

### [HTML Purifier – Filter your HTML the standards-compliant way!][HTML Purifier _ Filter your HTML the standards-compliant way] ###

这个使用 PHP 设计的工具，可以对你的 HTML 代码进行过滤，去除其中的恶意代码，并按 W3C 标准对代码进行净化。

[![useful-223.jpg][]][HTML Purifier _ Filter your HTML the standards-compliant way]

### [Rendera][] ###

在线编写 HTML5 和 CSS 代码，现场看到效果。

[![useful-tool-204.jpg][]][Rendera]

### [RegExr][] ###

又一个在线学习，体验，测试正则表单式的地方。

[![useful-tool-211.jpg][]][RegExr]

### [try ruby! (in your browser)][try ruby_ _in your browser] ###

Ruby 在线体验。

[![useful-tool-216.jpg][]][try ruby_ _in your browser]

### [Google Command Line][] ###

使用命令符访问 Google 的一些产品和服务。

[![useful-tool-222.jpg][]][Google Command Line]

### [Tiny Fluid Grid][] ###

又一个网格设计工具，很小巧。

[![useful-tool-206.jpg][]][Tiny Fluid Grid]

### [Fonolo.com][] ###

这个很别致的站点，可以帮你快速接通那些大公司的免费技术电话，不过目前只能用于美国和加拿大。

[![tools-152.jpg][]][Fonolo.com]

### [Producteev: Creating To-Do Lists with Emails][Producteev_ Creating To-Do Lists with Emails] （推荐） ###

把重要的工作安排发到 task@producteev.com，他们会帮你生成一个任务列表，以便安排你的日程。

[![tools-127.jpg][]][Producteev_ Creating To-Do Lists with Emails]

### [AddUse – User research made easy][AddUse _ User research made easy] ###

一个在线用户测试或调查管理工具。

[![tools-148.jpg][]][AddUse _ User research made easy]

### [bookwhen][] （推荐） ###

帮助你的用户在线预订你的展会，课程等服务，免费版支持150个项目以及每月300个预订。

[![useful-tool-218.jpg][]][bookwhen]

转载于:https://www.cnblogs.com/JoinZhang/archive/2010/07/02/1770201.html

[Kaleido]: http://kaleido.media.mit.edu/
[tools-109.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/tools-109.jpg
[Sketchpad]: http://mugtug.com/sketchpad/
[sketchpad.png]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/sketchpad.png
[Unicode code converter]: http://rishida.net/tools/conversion/
[useful-155.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-155.jpg
[Grid System Generator]: http://www.gridsystemgenerator.com/
[useful-176.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-176.jpg
[ud.com namecheck]: http://www.ud.com/
[useful-tool-217.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-tool-217.jpg
[Typograph _ Scale _ Rhythm]: http://lamb.cc/typograph/
[scale.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/scale.jpg
[ColorBrewer Intro _ Selecting Good Color Schemes for Maps]: http://www.personal.psu.edu/cab38/ColorBrewer/ColorBrewer_intro.html
[useful-210.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-210.jpg
[CSS Inliner Tool]: http://www.mailchimp.com/labs/inlinecss.php
[useful-222.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-222.jpg
[HTML Purifier _ Filter your HTML the standards-compliant way]: http://htmlpurifier.org/
[useful-223.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-223.jpg
[Rendera]: http://rendera.heroku.com/
[useful-tool-204.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-tool-204.jpg
[RegExr]: http://gskinner.com/RegExr/
[useful-tool-211.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-tool-211.jpg
[try ruby_ _in your browser]: http://tryruby.org/
[useful-tool-216.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-tool-216.jpg
[Google Command Line]: http://code.google.com/p/googlecl/
[useful-tool-222.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-tool-222.jpg
[Tiny Fluid Grid]: http://www.tinyfluidgrid.com/
[useful-tool-206.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-tool-206.jpg
[Fonolo.com]: http://fonolo.com/
[tools-152.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/tools-152.jpg
[Producteev_ Creating To-Do Lists with Emails]: http://www.producteev.com/
[tools-127.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/tools-127.jpg
[AddUse _ User research made easy]: http://www.adduse.com/
[tools-148.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/tools-148.jpg
[bookwhen]: http://bookwhen.com/
[useful-tool-218.jpg]: http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/useful-tool-218.jpg