`

Web 设计师的 50 个超便利工具(下)

阅读更多

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

Kaleido

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

Sketchpad

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

Unicode code converter

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

Grid System Generator

另一个网格设计生成器。

ud.com namecheck (强烈推荐)

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

Typograph — Scale & Rhythm

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

ColorBrewer Intro – Selecting Good Color Schemes for Maps

适用于地图的配色工具。

CSS Inliner Tool (推荐)

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

HTML Purifier – Filter your HTML the standards-compliant way!

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

Rendera

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

RegExr

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

try ruby! (in your browser)

Ruby 在线体验。

Google Command Line

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

Tiny Fluid Grid

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

Fonolo.com

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

Producteev: Creating To-Do Lists with Emails (推荐)

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

AddUse – User research made easy

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

bookwhen (推荐)

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

本文国际来源:Smashing Magazine 50 Powerful Time-Savers For Web Designers (原文作者:Vitaly Friedman

中文翻译来源:锐商企业CMS 网站内容管理系统 官方网站



分享到:
评论

相关推荐

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

    这篇介绍的"Web设计师的50个超便利工具"涵盖了从项目策划、原型设计、开发辅助到后期优化的全方位工具,旨在帮助设计师更好地应对工作中遇到的各种挑战。 1. **LaunchList** 是一个站点发布前的工作清单,帮助设计...

    Web设计师的50个超便利工具.pdf

    这份名为"Web设计师的50个超便利工具.pdf"的资源,提供了许多实用的工具,旨在帮助设计师提高工作效率,解决各种问题。 1. LaunchList:这是一个站点发布前的工作清单工具,包含28个检查项,帮助设计师确保网站上线...

    超小巧屏幕取色工具,设计师必备

    例如,设计师在网页设计时需要确保按钮、文字和背景之间的颜色对比度符合WCAG(Web Content Accessibility Guidelines)标准,这时就可以用屏幕取色工具选取合适的颜色。 "Colors v2.3"是这个屏幕取色工具的版本号...

    ProjectVisBug一个允许设计师直接在浏览器对Web页进行设计调整的Chrome扩展插件

    `ProjectVisBug` 是一个极具创新性的设计工具,它将Web设计带入了浏览器环境,使设计师能够更直接地与网页互动。通过JavaScript的强大功能,它实现了对网页设计的实时调整,简化了设计工作流程,是现代Web设计中不可...

    快速截频取色工具,适用于 web页面设计时取色、截频等

    标签“软件工具”提示我们,FSCapture是一款实用的计算机应用程序,是设计师和普通用户日常工作中可能需要的辅助工具。 压缩包内的文件包含了FSCapture的各种组件和资源: 1. `FSCaptureHelp.chm` 是FSCapture的...

    基于web的类似Microsoft Visio的web画图工具mxGraph

    3. **UI/UX原型设计:** 设计师可以使用它来快速草拟用户界面布局,便于与团队讨论和迭代。 4. **教学和培训:** 教育领域可以用mxGraph制作教学图表,增强学生对概念的理解。 5. **软件建模:** 开发者可以利用它...

    网站Web取色器,取色软件,css样式设计辅助工具

    网站Web取色器和CSS样式设计辅助工具是网页设计师日常工作中不可或缺的利器。这些工具能够帮助设计师精确地获取网页上的颜色代码,以便在创建或修改CSS样式时保持色彩的一致性和准确性。以下将详细探讨这些工具的...

    axure可交互的web后台元件库

    标签"axure web前端"表明这个元件库主要面向的是Web前端开发者和设计师,他们可以通过Axure来设计Web应用程序的前端界面,实现与后端逻辑的顺畅对接。这使得团队可以在项目早期就对用户界面进行测试和优化,提高产品...

    Web设计八个流行趋势.pdf

    在给定的文件信息中,可以提取和整理出当前Web设计中八个流行趋势的知识点。这些趋势反映了Web设计的最新动态,并且在业界被广泛应用。以下是这八个流行趋势的详细说明: 1. 视觉设计元素的创新应用 在Web设计中,...

    easyui实现的Activiti工作流引擎web版流程设计器

    通过“processDesigner\wf\designer\index.html”这个路径,我们可以知道在解压后的文件夹结构中,设计师界面的入口文件是`index.html`,开发者或使用者可以直接通过这个HTML文件来预览和操作流程设计。 标签...

    国外web2.0设计模板

    在这个背景下,设计模板在Web2.0中扮演了关键角色,帮助开发者和设计师快速构建具有互动性和社区特征的网站。 首先,我们要理解Web2.0的核心特征。这些特征包括但不限于:用户生成内容(UGC)、社交网络、在线协作...

    HTML5 For Web Designers

    《HTML5 For Web Designers》是一本专门为Web设计师编写的指南,它深入浅出地介绍了HTML5这一现代网页设计的核心语言。HTML5是超文本标记语言(HTML)的最新版本,自2008年发布以来,已经逐渐成为构建响应式、交互性...

    商业web设计公司模板是一款大气风格的商业web设计公司bootstrap企业模板 .rar

    Bootstrap框架是目前最流行和广泛使用的前端开发工具之一,它能够帮助设计师和开发者快速构建响应式、跨平台的网站。本主题将围绕“商业Web设计公司模板”这一话题展开,探讨这款基于Bootstrap的企业模板及其重要...

    十大原型设计工具(附带墨刀使用教程).pdf

    * Fluid UI是一款用于移动开发的原型设计工具,能够帮助设计师快速高效地完成产品原型图的设计。 * Fluid UI主要帮助设计师画出线框图,甚且能够影响到后期的界面设计、产品功能设置以及上线前测试。 * Fluid UI对于...

    可视化Web构建工具AlloyDesigner.zip

    2.AlloyDesigner主要功能是将页面引入由设计师设计的视觉文件,与当前开发页面形成对比、参照,从而进行开发和测试 3.AlloyDesigner提供便于在浏览器进行开发页面的各项辅助工具,以打造一个浏览器开发环境。 4....

    web颜色拾取器

    在网页设计和开发中,颜色选择是一个至关重要的环节。"Web颜色拾取器"是一款专为这个目的设计的工具,它允许用户方便地提取屏幕上的颜色,..."Web颜色拾取器"这样的实用工具,无疑为设计师提供了便利,提高了工作效率。

    2008年上半年 软件设计师

    2008年上半年的软件设计行业,正处于信息技术快速发展的一个阶段,那时的技术趋势对软件设计师提出了新的挑战和机遇。 在2008年,软件设计师的工作主要集中在以下几个方面: 1. **软件工程方法**:软件开发过程...

    Axure8Web前端+后台+移动前端元件库.zip

    《Axure8Web前端+后台+移动前端元件库》是一个包含丰富资源的压缩包,专为Web前端开发者、UI设计师以及交互设计师提供便利。这个压缩包主要包括了几个关键部分,让我们逐一深入探讨。 1. **Axure RP8实战手册案例-...

Global site tag (gtag.js) - Google Analytics