游戏剧本怎么写_我写了一本剧本来帮助设计师使用真实代码构建原型

游戏剧本怎么写

by Matt Rothenberg

马特·罗森伯格(Matt Rothenberg)

我写了一本剧本来帮助设计师使用真实代码构建原型 (I wrote a playbook to help designers build prototypes using real code)

I’ve built a Prototyping Playbook — a blog of short tutorials (or “plays”) that help designers use the browser for their design and prototyping needs.

我建立了一个样机手册 ，这是一个简短教程(或“剧本”)的博客，可帮助设计师使用浏览器来满足他们的设计和样机需求。

Over time, I hope to build a comprehensive set of articles about how to implement specific designs. Designers — particularly ones new to front-end development — can leverage these patterns if they are stuck implementing a design decision.

随着时间的流逝，我希望编写一整套有关如何实现特定设计的文章。 如果设计师(尤其是前端开发的新手)坚持执行设计决策，则他们可以利用这些模式。

For instance:

例如：

• I can’t figure out how to populate this table with data
  我不知道如何用数据填充该表
• I can’t figure out how to show a spinner after this button is pressed
  按下此按钮后，我不知道如何显示微调框
• I can’t figure out how to turn this piece of markup into a “symbol” that can be used & repeated elsewhere
  我不知道如何将这部分标记转换成可以在其他地方重复使用的“符号”

目标 (The Goals)

People learn best by doing. So the goal of each tutorial is to shed light on a fundamental concept of front-end development.

人们通过做中学到最好的东西。 因此，每个教程的目的都是阐明前端开发的基本概念。

For example, when designers populate a table with data, they see iteration in action. When designers see a spinner after a button is pressed, they get a glimpse of asynchronous events. When designers turn a custom piece of markup into something reusable, they are learn componentization through practicing it.

例如，当设计人员用数据填充表时，他们会看到迭代的作用。 当设计师按下按钮后看到微调器时，他们会瞥见异步事件 。 当设计师将自定义标记转变为可重用的东西时，他们将通过实践来学习组件化 。

The more practical goal is to be a friendly, comprehensive resource for designers to experiment with prototyping in the browser.

更为实际的目标是为设计人员提供一个友好而全面的资源，使其能够在浏览器中进行原型设计。

I’m fully aware of the myriad resources available to designers to sharpen their front-end skills. For example, websites like CSS Tricks have a ton of great articles on these topics.

我完全知道设计师可以使用大量资源来提高其前端技能。 例如，像CSS Tricks这样的网站上都有关于这些主题的大量精彩文章。

This said, I haven’t found an exhaustive collection of short, digestible, and practical tutorials on these topics. And this is precisely what the Prototyping Playbook will provide.

这就是说，我还没有找到关于这些主题的详尽，易懂且实用的教程的详尽介绍。 这正是原型制作手册将提供的。

内容模型 (The Content Model)

For each “play” in the playbook, I’ve created the following content model:

对于剧本中的每个“剧本”，我创建了以下内容模型：

1. A title describing the concept(s) to be covered

   说明要涵盖的概念的标题

2. A scenario for applying a specific front-end prototyping tool

   一种将特定的前端原型开发工具方案

3. A low-fidelity mockup of the intended design decision

   低保真度的预期设计决策模型

4. A guided implementation of the design decision in Vanilla JavaScript (ES6), Vue JS, and React JS

   在Vanilla JavaScript(ES6)，Vue JS和React JS中指导设计决策的实现

第一期 (The First Issue)

The first issue covers the three aforementioned scenarios.

第一期涵盖上述三种情况。

You can view this issue of the Prototyping Playbook here.

您可以在此处查看本期《原型开发手册》。

This is still a work in progress. Some of the lingering questions I have are:

这项工作仍在进行中。 我有一些挥之不去的问题是：

• How can we improve the content model?
  我们如何改善内容模型？
• Are these scenarios realistic, understandable, and applicable?
  这些方案是否现实，可理解且适用？
• Did we implement any design decisions in unconventional ways?
  我们是否以非常规的方式实施任何设计决策？

I welcome your feedback via a GitHub issue or pull request.

欢迎您通过GitHub问题或请求请求提供反馈。

In addition to feedback, I’m curious to see how you apply these techniques. Feel free to share a prototype that you’re currently working on, particularly if you’ve implemented and improved upon a technique that you found in the playbook. Sharing is caring.

除了反馈，我很好奇您如何应用这些技术。 随时分享您当前正在使用的原型，尤其是如果您已经实现并改进了剧本中发现的技术时，尤其如此。 分享是关怀。

Moreover, I’m open to suggestions for future issues of the playbook. Other topics may include:

此外，我愿意接受有关剧本未来问题的建议。 其他主题可能包括：

• Working with fake/dummy data
  处理伪造/伪数据
• Empty and Error States
  空和错误状态

Happy Hacking!

快乐黑客！

翻译自: https://www.freecodecamp.org/news/a-winners-guide-to-prototyping-in-the-browser-95c5a161a67d/

游戏剧本怎么写