`
saybody
  • 浏览: 904318 次
  • 性别: Icon_minigender_2
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

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

阅读更多

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

LaunchList

站点发布前的工作清单,预设了28个需要检查的事项,也可以自定义。同类工具: Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist

Pencil Project: Sketching and Prototyping with Firefox

一个开源 GUI 原型设计工具。

Zootool

一个非常漂亮的书签工具,可以将你收集的各种素材,图片,文档,链接,视频等在线组织到一起。

Bounce (推荐)

输入一个站点地址,该程序会给该站点截图,然后,你可以在上面批注,加评论,并和朋友分享。非常适合用来和您的客户在线就某个站点的设计进行讨论。

Ninite Batch Installer

这个站点可以将很多免费的流行软件(最好的版本)打包在一起,一次性安装到你的机器,支持 Windows7,Vista 和 XP。

Support Details (强烈推荐)

假如你想让你的用户提供他/她所使用的浏览器环境,比如 Flash 版本,操作系统,屏幕分辨率,Cookie,JavaScript 状态等,可以让他/她访问一下这个站点,这个站点或自动将这些内容探测出来,并允许用户现场通过邮件将报告发送给你。

MugTug’s Darkroom

一个在线图片处理程序,可以调整对比度,白平衡,曝光,饱和度等,可以从 Picasa 及 Flickr 上传图片,同类产品:PixlrSumo Paint

Visual Website Optimizer (强烈推荐)

Visual Website Optimizer 绝对是你所能见到的最好的 A/B 测试工具。

Keyonary

这个简单的在线工具可以帮你列出 Mac OS X, Photoshop 等工具的快捷键清单。

gridr buildrrr

一个在线网格设计工具,选择你希望使用的网格布局,帮你预览并生成 CSS 代码。

Instant Blueprint – Create a web project framework in seconds.

帮你瞬间生成一个 Web 项目框架,基于合法 HTML/XHTML 和 CSS。

Hummingbird

一个实时的(真正的实时,每秒刷新20次)站点流量分析工具,基于 Node.js.

jsFiddle

在线 Web 编辑器,支持 JavaScript, MooTools, jQuery, Prototype, YUI, Glow, Dojo, HTML 以及 CSS。

String: create a multi-language website or app

帮你创建多语种 Web 应用的资源文件,

Titanpad

可以多人同时编辑同一个文档,别的改动会实时以不同颜色标识,可以是同一个办公室的多个用户,也可以是地球另一边的多个用户。

Pixelnovel Timeline: Version Control for Adobe Photoshop

该工具通过插件方式集成 Subversion 客户端,可以在 Photoshop 中实现版本控制。非免费工具。

0to255

给出一种颜色,会帮你列出这种颜色由浅入深的各种颜色变化,并特别针对 Web 做了优化。

Load Impact: Website load/stress test

一个在线压力测试工具,模拟多用户同时访问你的站点,并出具报告以分析你的站点可以支撑的访问者数量。

Ideone: Online IDE & Debugging Tool

一个在线 IDE 和调试工具,支持多达40种语言,包括 C++, Java, JavaScript, Perl, PHP, Python and Ruby,同类产品:PHP Anywhere 以及 CodeRun

Online Dummy Image Generator

快速帮你生成一个在线虚拟图片,以便您进行某些测试。

HiFi RegExp Tool

在线正则表达式工具。

Tableizer (推荐)

将你 Excel 表格中的内容复制粘贴到这个站点,它会帮你生成 HTML 格式的表格(HTML Table)。

FollowUpThen: Easy Email Reminder

-假如你希望有人提醒你什么时候该做什么事,你可以给比如 1day@followupthen.com 一类的地址发个邮件,1day 表示一天后,这样,一天后,你会收到他们的提醒邮件,1day 可以改成人和别的时间间隔。

Divine: Conversion tool from PSD to HTML

这个工具是一个 Photoshop 插件,可以将你的 PSD 转换成 WordPress 主题。(译者:有待验证)

本文国际来源: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个检查项,帮助设计师确保网站上线...

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

    屏幕取色工具是设计师在日常工作中不可或缺的辅助软件,它们能帮助用户精确地获取屏幕上任何位置的颜色值,以便用于设计项目中的色彩搭配、界面元素着色等任务。"超小巧屏幕取色工具"正如其标题所示,是一款体积小巧...

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

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

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

    综上所述,FSCapture是一款全面的屏幕截图和颜色选取工具,具备多种附加功能,如图像扫描、PDF转换和屏幕录像,是Web设计人员和其他需要截图和颜色管理的用户不可或缺的工具。其便携式版本和详细的帮助文档使得软件...

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

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

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

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

    Web设计八个流行趋势.pdf

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

    axure可交互的web后台元件库

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

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

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

    国外web2.0设计模板

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

    2008年上半年 软件设计师

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

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

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

    HTML5 For Web Designers

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

    可视化Web构建工具AlloyDesigner.zip

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

    web颜色拾取器

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

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

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

    Xara Web Designer Premium 17.1.0.60742.rar

    这些动态元素可以通过直观的时间线编辑器进行精确控制,确保每个细节都符合设计师的意图。 此外,Xara Web Designer Premium还具有强大的网页优化工具。它能够自动优化图片大小,减少页面加载时间,这对于提升用户...

Global site tag (gtag.js) - Google Analytics