15+ 个让设计师和 WordPress 用户效率倍增的优秀生产力工具

网站建设 和维护是一个复杂的领域。任何以建网站为生的人都需要兼顾方方面面,才能打造出既美观又实用的网站。各种针对设计师、开发人员和 WordPress(.org 和 .com)用户的生产力工具可以帮助让这一过程更加高效。

为了提高您的每小时产出并减轻压力,本文列出了一系列实用的工具,旨在帮助所有网站创意工作者提高生产力。

下面,您将找到为此目的服务的服务、程序和插件。我们还将讨论它们适合哪些人,以及您为什么要使用它们。

让我们直接进入正题:

productivity tools for designers wordpress 2

帮助设计师和 WordPress 用户优化工作流程的生产力工具

虽然下面的列表远未详尽(实际上我很想听听您在文末的建议),但它确实为任何想要 建立网站 的人提供了良好的基础。选择您喜欢的,忽略不需要的。这样您就能 找到适合自己的工具

toggl 2

#time-tracking

Toggl

尤其是作为一名自由网页设计师,您的时间确实就是金钱。由于许多设计师是按项目固定费率工作的,您完成得越快,您的小时费率就越高。

为了弄清楚哪些客户最赚钱,或者仅仅是为了了解您的时间是如何花费的,Toggl 是您的最佳帮手。它是一款非常棒的时间追踪工具,拥有令人愉悦的用户界面,且基础版本可免费使用。

只需点击一下即可追踪时间,将时间段分配给项目和客户,设置预估时间(以查看是否超支)等等。它还提供 扩展程序,允许您将该工具集成到许多其他服务以及您的浏览器中。

如果您想了解更多关于 Toggl 的使用方法,这里有一篇不错的 教程 可以帮助您入门。

您可能还感兴趣:

e.ggtimer.com 2

#time-tracking

番茄工作法

如果您以前没听说过这个术语,番茄工作法是一种让您进行冲刺式工作的生产力技巧。这个名字源于其发明者在构想该方法时使用的番茄形厨房计时器。

它的运作方式是让你在一段固定的时间内(通常是 25 分钟)专注于一项单一任务。时间一到,休息 3-5 分钟,然后重复这一过程。完成四个时间段后,你可以休息 15-30 分钟,然后再重新开始。

这种技巧之所以有效,是因为它强迫你一次只做一件事(单任务处理)。而且它本身就包含了休息时间,让你不至于精疲力竭。你还可以将番茄工作法与 Toggl 结合使用,以帮助你在工作时保持专注。由于这项时间追踪服务会在浏览器标签页中显示已用时间,因此它是完美的搭档。

或者,你可以使用名为 E.gg Timer 的工具。

Evernote 2 2

#documents #writing

Evernote

我们为设计师准备的生产力工具列表中的下一个是 Evernote。我喜欢将这项服务称为我的“外脑”。在这里,我会保存并整理有关我的业务、项目以及私人事务的所有重要信息。

基本上,Evernote 允许你记录笔记(包括文本、图像、音频文件等)并将它们整理在笔记本中。你的所有信息均可被全面搜索(甚至包括图片中的手写文字),并会在你的设备之间同步(基础版允许两台设备)。该公司还提供了一款浏览器插件,让你可以将网络上的任何信息添加进来。

Evernote 的基础版是免费使用的,对我来说一直都很够用。

docs 2

#documents #writing

Google Docs

Google 提供了一套功能齐全的在线办公套件。在这里,你可以利用数十种模板创建文本文档、电子表格和演示文稿。快速与客户分享它们,与其他创意人员协作,或以不同的格式下载它们。

这项服务非常适合处理创意工作中涉及的文书工作。此外,它是免费的!

最重要的是,你在为 WordPress 博客创建内容时也可以使用 Google Docs——现在可以直接将内容从 Docs 导入到 WordPress

Trello landing page 2

#project-management

Trello

Trello 是一款团队协作工具,可以让你轻松地组织项目。引用我们 CodeinWP 编辑的话来说:“如果你以前没用过 Trello,我可以向你保证,它基本上没有什么学习曲线,一切都非常直观。” 他说得很对。

Trello 借助列表、卡片和看板让你可以组织任何事情。用户可以添加评论,与其他团队成员互动,并一目了然地查看项目状态。此外,它是免费的,所以确实没有理由不去试一试。

编者注。在 CodeinWP,我们使用 Trello 来管理所有的内容创作工作。每一篇文章或资源都有其对应的 Trello 卡片,随后所有的讨论都在该卡片下进行。最棒的是,多个人可以同时进行互动。此外,Trello 允许你上传媒体和文件作为卡片的附件。真是太棒了,难怪它会高居我们为设计师挑选的顶级生产力工具之列!

slack 2

#project-management #communication

Slack

Slack 是另一个团队协作工具。它让你能够通过频道来整理团队沟通,并将所有对话保存为可搜索的存档。许多公司利用它来取代内部电子邮件。

此外,Slack 还与其他服务集成,包括 Google Drive、Trello、Github 等等。替代方案包括 Rocket ChatRyverStride

lastpass 2

#管理

LastPass

特别是作为负责多个客户网站的 WordPress 网页设计师,你经常需要处理大量的登录信息。当然,这还不包括你的其他密码。

何不让人代劳呢?LastPass 会为你保存所有的登录信息、付款和配送详情、会员资格以及其他信息。它还会在你的所有设备之间进行同步。这样一来,你只需要记住用于登录该服务本身的那一个主密码即可。点击这里了解 LastPass 的具体工作原理。

sketch 2

#设计

Sketch

网页设计师通常花费大量时间使用的工具之一就是 Adobe Photoshop。它是处理所有印刷和数字化设计任务的首选设计套件。

然而,Photoshop 并非唯一的选择。Sketch 是该程序的一个(仅限 Mac 的)替代方案,尤其在 UI 设计方面经常获得高度评价,这使其成为设计师首选的顶级生产力工具之一。

Sketch 的主要亮点包括其简单直观的界面、轻松复用元素的能力以及与其他应用程序和服务的集成。此外,与 Adobe 的解决方案相比,该软件的价格也更为实惠。

xampp 2

#开发

XAMPP

XAMPP 是一款对设计师非常有用的生产力工具,因为它允许你在本地计算机上搭建 WordPress 网站。这样一来,你在设计和构建网站时就无需依赖在线服务器,可以在任何地方进行工作,而且即便出错了也不会被任何人发现。

该程序是开源的,因此免费使用。此外,它的设置也相当简单。你可以在我们的本地开发工具汇总中了解相关的替代方案。

sublimetext 2

#开发

代码编辑器

虽然代码编辑器通常被视为网页开发人员的专属领域,但对于那些需要亲自在网站上实施自己设计的设计师来说,它们是绝对必要的。

你可以从许多不同的免费选项中进行选择:

wproller 2

#开发

WProller

作为一名 WordPress 网页设计师,你经常每年、每月甚至每周都要搭建数十个 WordPress 网站。如果算上安装相同的标准插件和主题、删除示例内容等所需的时间,这项工作可能会相当繁琐。

为了减少繁琐的工作,WProller 允许您创建自定义的 WordPress 安装文件,其中包含您想要的任何插件、主题和标准设置。只需在网站上配置您需要的内容,然后下载您的自定义 zip 文件。当您现在安装它时,您的网站就可以投入使用了。此外,您的配置是可以重复使用的。而且它是免费的!

banner 1544x500 4

#开发

Duplicator

在本地构建好网站后,您如何将其部署到正式服务器上?您可以手动操作,但更简单的方法是使用迁移插件。

最方便的解决方案之一是 Duplicator。只需安装并激活,将您的网站打包,上传到新服务器,运行安装程序并按照说明操作,即可完成。您也可以用它来备份您的网站。

替代方案包括 All-in-One WP MigrationUpdraftPlusWP Clone by WP Academy

web dev tools 2

#开发

浏览器开发者工具

这些可能是设计师最重要的生产力工具之一。它们允许您查看页面背后的代码,调试 HTML、CSS 和 JavaScript,以及测试实时设计更改。

除此之外,它们还配备了模拟移动环境和测量性能的工具。开发者工具内置于所有主要浏览器中:Mozilla FirefoxChromeSafariEdge

unsplash 2

#图片

Unsplash

视觉效果是网页设计的一部分。设计师通常需要图像来填充网站并使其更具吸引力。一个流行的解决方案是使用图库照片或创建自己的图像

为了避免使用通用的图库照片,Unsplash 提供了具有不同风味的免费高质量图像。他们提供的所有图像都附带 CC0 许可证,因此您可以随心所欲地使用它们。这是不是很棒?

替代服务有 PexelsMyStock.PhotosPixabayDeath to Stock Photo

banner 1544x500 5

#图片

Optimole

优化图像对于提高网站性能和 SEO 至关重要。其中一部分是尽可能将视觉文件缩小。

如果您不想在站外进行操作,或者担心客户在交接后可能会忘记优化图像,那么 Optimole 是一个不错的选择。这个 WordPress 插件会自动压缩您上传到 WordPress 的任何图像。重要的是,这一切都在不损失任何质量的情况下完成。

了解最好的在线图像管理软件如何帮助您整理照片和数字媒体。

banner 1544x500 6

#SEO

Yoast SEO

作为一名网页设计师,你的职责是让网站看起来美观,以便访客能够享受浏览体验。然而,网站并非只有这一类受众。搜索引擎也是其中之一。

如果你经常处理包含内容的项目,Yoast SEO 是确保它们日后在搜索结果中表现出色的完美解决方案。该插件不仅开箱即用,能完成大量优化工作,还提供详细的分步说明,帮助你充分利用每一篇内容。

点击查看外观演示

yoast seo content analysis 2

这就像拥有你自己的私人 SEO 专家。顺便说一句,如果你想了解如何提高设计作品集的 SEO,可以阅读我们关于该主题的文章。

你最喜欢哪些面向设计师和 WordPress 用户的生产力工具?

生产力工具可以帮助你更高效地进行创作。它们让设计流程更加精简、压力更小,甚至有助于防止职业倦怠。这样一来,你就有更多时间处理额外项目,并获得更好的最终收益。

延伸阅读:

在我为设计师整理的生产力工具列表中,你可以找到从时间跟踪和协作工具到代码编辑器、图库素材服务和 SEO 插件等各种各样的工具。希望你能发现自己有用的东西。不过,现在我想听听你的意见。

你最喜欢哪些设计师生产力工具?请在下面的评论区告诉我们!

分享你的喜爱

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注