设计 54 张计算机科学卡片教会了我平面设计方面的知识

设计 54 张计算机科学卡片教会了我关于平面设计的知识 发布于 2026 年 7 月 12 日 平面设计解决了沟通问题，而软件工程解决了信息问题。对于许多人来说，计算机科学的世界是一个“黑匣子”——密集、抽象且隐藏在屏幕后面。但对我来说，这是一个充满优雅结构和创造性解决问题的世界。 Algodeck 是一套由 54 张卡片组成的物理卡片，配有大胆的插图和简短的描述，我希望将计算机科学和数学提炼成一种易于理解的形式，使基本技能和一些改变思维的思维模型更容易理解。 Algodeck 是我最喜欢的算法、数据结构和心理模型的集合，它们汇集在一起​​使计算机科学更容易探索。它们是我在大学和作为软件工程师的工作中学到的东西。这些卡片的范围从信息性到规定性。例如，其中一张卡片建议：“不要考虑要做什么，而要考虑避免做什么。哦，散步也很好！”我的愿景是将复杂的知识提炼成简短易懂的形式，这样读者就可以偶然发现他们感兴趣的东西。该套教材打破了关于该主题的传统、线性、密集的教科书。在学习中遵循自己的道路是关键。有时一张卡片会让人感觉很神秘，但如果它引导人们搜索更多信息并学习新东西，我的工作就完成了。当深入一个项目时，总是有更多东西需要学习。我的职业是一名软件工程师，但我利用这个机会学习了图形设计的基础知识。我将对编码和逻辑的热爱与图形设计融为一体，使用代码创建了所有 54 个插图。我使用了我的行业工具：代码。对我来说，这感觉很自然，比打开 Illustrator 并四处点击更自然。我可以一次更改所有卡片的颜色或笔划宽度等内容，这有助于我快速测试不同的选项。使用代码也给了我一些限制，这对我帮助很大。这个项目向我展示了计算机科学和图形设计的共同点比你想象的要多。两者都解决问题：图形设计解决沟通问题，软件工程解决信息问题。在这两个学科中，从业者都是从构建系统来解决这些问题开始的。平面设计师通常精通数学和逻辑概念，但有时却没有意识到。决定字体比例或划分网格需要数学思维。通常，我们使用黄金比例等概念来合理化我们的布局选择。格斯特纳的名著《设计程序》（1964 年）是面向系统设计的宣言，其灵感来自 60 年代计算机系统的兴起。最近，Martin Lorenz 的《灵活视觉系统》向我们介绍了创建可重复使用和组合以创建通信解决方案的设计系统的想法。我发现这种系统思考方法对这个项目很有用，因为我面临着设计具有一致风格和规模的 54 张卡片的挑战。在这副牌的第一个原型中，所有牌都有不同的比例。有些插图看起来很小；有些则看起来很小。其他人看起来很大。看起来很乱，但这是一个探索阶段。对于第二个原型，我选择了我喜欢的最好的部分，并将它们结晶到一个设计系统中。为了使事情统一，我将空间划分为网格。单元格的大小将决定一切的大小，甚至笔划的大小。使用代码进行设计可以让您创建变量并对设计系统的规则进行编码。定义规则和变量通过施加约束使事情变得更容易。设计系统还意味着您不必从空白页开始。您可以拉动形状、颜色和基本元素，然后从那里开始。和他们一起玩，看看会发生什么。对于视觉语言，我被简单所吸引，选择了经典的红蓝双色调。它与计算机使用的二进制系统相呼应，同时也向包豪斯运动和法国旧小学课本致敬。主要形状和颜色贯穿始终。我使用了什么工具？ Drawbot 是一个Python驱动的图形设计工具。有趣的事实：Drawbot 是由 Just van Rossum 创建的，他是 Python 的 Guido van Rossum 的兄弟。 AI LLM 怎么样？当我开始这个项目时，这些工具都不是主流工具。我自己设计和编写了所有内容，尽管我确实使用 Grammarly 来检查语法。事情已经改变了。我不确定我是否会再次开始这个项目，但我相信 Algodeck 现在扮演着更重要的角色：它是关于在屏幕之外思考并花时间翻阅一些卡片。当然，你可以提示法学硕士：“用简短的形式告诉我我应该从计算机科学、数学和工程学中学到的 54 件事（每个主题 100 个单词）。”它会反省能够很好地组合在一起的单词，从而形成句子并做得很好。归根结底，Algodeck 是一种学习工具和解决问题的工具包。我