对 2008 LogiCola（一个逻辑练习程序）进行逆向工程

根据我对 2008 年原版进行逆向工程的发现，构建 LogiCola 的新设计语言。两年前，我开始设计并发布 LogiCola 的更新版本，目的是保留 Gensler 教授的工作成果，并引入一个更易于访问的解决方案，可供携带任何设备或操作系统的学生使用。由于原版是为 Windows 构建的，因此许多学生无法使用它。如今，许多学生使用 Chromebook 或移动设备。 8 月份，亚洲地区一周内有超过 100 台设备访问了 LogiCola 3，其中 72 台设备至少进行了一次锻炼。其中，66人来自菲律宾。其中超过一半是手机和平板电脑。这是我满怀热情收到的信号。该产品似乎正在兑现我在 2024 年做出的最初承诺。今天我发布了一个新版本，回答了您通过 Hacker News 讨论、GitHub 问题和电子邮件分享的反馈。这个版本通过无限的翻译练习带回了掌握学习，并以我自己的方式嵌入了原始软件的一些乐趣。关于吸魂设计着陆页优先考虑了错误的目标，并且比逻辑练习更强调通过电子邮件订阅形式获取用户。其他评论者指出，该设计感觉过于现代且不合适。我最初的重新设计使 LogiCola 3 感觉像企业软件，与旧界面的活力背道而驰：通过使用现代外观使端口看起来现代是很有意义的。它所产生的吸魂感来自于现代外观的动机，这不仅仅是作者的错，而是来自我们现在生活的“市场和销售一切”的时代。每次刷新时都会变化的彩色背景是原始品牌的定义元素之一。我借用了原作的色彩处理，但为每组分配了独特的调色板。三段论和命题逻辑有着不同的色彩。这样，您将始终知道自己在哪里。 2008 年程序中的“颜色”对话框显示了九种配色方案，每种配色方案具有三种深度：柔和、中等和深色。这里有六个方案，有背景、面板和脚部的深色带子。掷骰子查看随机深度，然后尝试三种深度： 深度 柔和 中等 深度 方案 命名对 再次滚动 Aqua/Rose #CDFFFF · #FFCDCD Rose/Aqua #FFCDCD · #CDFFFF Blue/Cream #CDCDFF · #FFFFCD Cream/Blue #FFFFCD · #CDCDFF Lime/Magenta #CDFFCD · #FFCDFF Magenta/Lime #FFCDFF · #CDFFCD 这是屏幕以前打开每一项练习的方式与现在打开它的方式不同。拖动滑块进行比较。旧标题“准备好迎接挑战了吗？”和描述都直接取自可汗学院。每一套都具有相同的屏幕，因为它们是专注于为您带来逻辑练习的版本的事后想法。新的测验窗口为您提供背景信息：在您继续之前，您正在进行哪组逻辑练习以及哪种类型的逻辑练习。这些练习现在位于首页，因此您可以选择一个并立即开始。原版如何制作颜色 最后一节中的每个小屏幕都是按照程序组成真实屏幕的方式组成的，颜色是计算出来的，而不是手工挑选的。每一种柔和的色彩都是推光的饱和色调。每对颜色都在 RGB 色轮上设定了一种与其互补的色调：水绿色与玫瑰色、蓝色与奶油色、石灰与洋红色。底部的深色条带是通过 InvertRect 运行的背景颜色，InvertRect 是一种 Windows 绘图函数，可对矩形中每个像素的颜色值执行逻辑 NOT。每一点都会翻转。对于一个字节，这与将其从 FF 中取出相同： FF - CD = 32 ，并且 FF - 00 = FF 。该条带与其自身背景完全互补，黑色标题文本按照相同的规则变成白色。下面是从反编译例程重构的整个方案： level = 0xCD # Pastel (0xB9 Moderate, 0x91 Deep) background = rgb(level, 0xFF, 0xFF) # Aqua panel = rgb(0xFF, level, level) # Rose band = ~background # InvertRect 当你改变深度时，只有 level 改变；固定的 FF 通道永远不会移动，这就是为什么更深层次的方案会变得更加激烈而不是变得混乱。背景走到哪里，乐队就跟到哪里。 Pastel · CD → 32 Moderate · B9 → 46 Deep · 91 → 6E 如何选择新颜色 在与朋友交谈时，我意识到我永远无法为 LogiCola 3 提供与原始声音相同的声音，因为我不是 Gensler。因此，我决定在尊重遗产的同时留下自己的印记，而不是复印一份。去年冬天，我阅读了有关古驰（Gucci）、香奈儿（Chanel）、迪奥（Dior）和路易威登（Louis Vuitton）等同名时装品牌的书籍。香奈儿只有三位正式继任者。了解他们的运作方式以及他们如何从原始来源中汲取灵感，同时保持品牌相关性并创作新产品，这让我有勇气戴上类似的帽子。我想挑选能引起人们注意的颜色