返回赛题列表
极简计算器
再普通不过的功能，但审美决策的空间反而最大，最能暴露模型的设计品位底线。
规则说明▼
三个 Phase 考察同一功能在不同设计语境下的表现：
- **Phase 1（自由发挥）**：无风格限制，看模型的审美默认值
- **Phase 2（极端约束）**：严格视觉约束下是否还能做出有设计感的界面
- **Phase 3（拟物挑战）**：能否执行一个具体的设计方向——复古拟物风格
Prompt▼
Phase 1：自由发挥▼
制作一个功能完整的计算器（支持四则运算、小数、正负切换、清除）。技术上没有任何挑战，这道题完全是审美挑战。
你的任务是：在实现全部计算功能的前提下，设计一个你认为"足够好看"的计算器界面。没有任何风格限制——可以极简、可以拟物、可以怪诞、可以工业风……但必须有明确的设计意图，每个决策都是有意为之的。
按钮的按压反馈、数字的显示方式、整体的比例感——这些都是评判点。请输出完整的 HTML。
Phase 2：极端约束▼
制作一个功能完整的计算器（支持四则运算、小数、正负切换、清除）。
这一次有严格的视觉约束：
- **只能使用两种颜色**（一深一浅，由你选择，但整个界面只能出现这两种颜色及它们之间的透明度变化）
- **不能使用圆角**（所有 border-radius 必须为 0）
- **不能使用阴影**（不能使用 box-shadow 或 text-shadow）
- **只能使用系统默认字体栈**（不能加载任何外部字体）
在这些极端约束下，你仍然需要做出一个有设计感、有呼吸感、让人想用的计算器——而不是一个"简陋"的界面。这两者有巨大区别。约束越严，越考验真正的设计功力：间距、比例、字重、留白、层级——这些才是核心武器。
按钮要有交互反馈，计算功能要完整可用。请输出完整的 HTML。
Phase 3：拟物挑战▼
制作一个功能完整的计算器（支持四则运算、小数、正负切换、清除）。
这一次要求做成**拟物风格**——像一台真实的桌面计算器或经典的口袋计算器。想象 Braun 或 Casio 出品的那种工业设计产物：有塑料或金属的材质质感、有按键凸起的立体感、有 LCD/LED 显示屏的特殊字体效果、有机身边缘的圆角和倒角。
关键要求：
- 按键要有物理按下的视觉反馈（下沉、阴影变化）
- 显示屏要模拟真实 LCD/LED 的质感（段码字体、背光效果、屏幕边框）
- 机身要有真实材质感（纹理、光泽、厚度感）
- 整体比例和细节精度要让人感觉这是一台"拿在手里"的实物
不是在网页上画一个有圆角的矩形就叫拟物——要让人看一眼就想伸手去按。请输出完整的 HTML。