保持一致：开发工具界面的5种基本设计模式

UI design is a critical factor that can often make or break a successful developer tool. Whether you’re creating a tool for designers, engineers, creatives, or any other tool tailored for developers, this post is for you. (Even if you’re not a designer!)

UI设计是一个关键因素，往往可以决定一个成功的开发者工具。无论您是为设计师、工程师、创意人员还是为开发人员量身定制的任何其他工具，本文都适用于您。（即使您不是设计师！）

For some context, in a previous post, we outlined how, within the classic startup’s core team of “hustler” and “hacker”, it often falls on the hacker (the technical founder, CTO, or engineering lead) to design the initial user interface, especially for developer-facing tools.

为了提供一些背景，我们在之前的文章中概述了在典型初创公司的核心团队中，“推销员”和“黑客”之间的角色分配，通常由黑客（技术创始人、CTO或工程主管）负责设计初始的用户界面，特别是面向开发人员的工具。

Read that post here:

在此处阅读该文章：

While that arrangement may make sense given the close relationship between software development and interface design, it can be a challenging task for those without formal UI/UX design training. That post attempted to bridge the gap, making dev tool product design a bit more accessible.

虽然这种安排在软件开发和界面设计之间的紧密关系上是有道理的，但对于没有正式UI/UX设计培训的人来说，这可能是一项具有挑战性的任务。该帖子试图弥合这一差距，使开发工具产品设计更加易于接近。

Building upon that article, this time, we’ll actually look at practical developer tool design cases, with detailed examples, both at a general level, and pulled from real-life software:

在上一篇文章的基础上，这一次，我们将实际查看实用的开发者工具设计案例，包括详细的示例，既有一般级别的，也有来自实际软件的。

Below is a generic example of a developer-facing application that will serve as our roadmap.

下面是一个通用的面向开发人员的应用程序示例，将作为我们的路线图。

We see an interface divided into several distinct groups, each of which is important.

我们看到一个界面被划分为几个不同的组，每个组都很重要。

On our tour of lightning-speed developer tool design enlightenment, we’ll make a pitstop at each group and look at the specific UI design patterns that will enhance the user experience.

在我们迅速开发者工具设计启蒙之旅中，我们将在每个组上停留一下，并查看将增强用户体验的特定UI设计模式。

Developers must often work on multiple files, datasets, or projects simultaneously. How can they possibly keep tab of all that? With tabs, of course!

开发人员通常需要同时处理多个文件、数据集或项目。他们如何可能跟踪所有这些？当然是通过选项卡...