设计创意适用于
- 创意作品集通过项目与实践方法呈现一系列工作成果。
- 独立设计师网站将你的产出与应对设计任务的思路有机结合。
- 工作室介绍页为潜在合作者提供具体的切入点。
作品集亮点
- 五个项目创意每张卡片包含项目名称与简短的目的说明。
- 三阶段实践方法调研、原型制作与可复用系统阐明了设计思路。
- 成品旁的工作笔记现场笔记与待解问题为实践方法提供了另一种视角。
创意作品集网站设计预览
1 / 5
一个不止于展示项目的作品集
Maya Rowan 的作品集做出了一个明确取舍：将许多作品集留给截图的视觉分量给了项目名称。开篇语"I make ideas visible"之后呈现的是一组排版式项目卡片，而非一面设备效果图。因此，页面依靠文字说明来解释作品的实际内容。
同样的编辑结构在三个层级上重复出现：编号章节组织页面整体，大字号名称区分各个项目，小标签标识工作笔记。这使得该网站作为创意作品集网站设计参考，在替换虚构人物信息之前就已具备参考价值。重点在于这几个层级如何协同运作，而非具体的红色或蓝色配色。
| 章节 | 可见内容 | 所回答的问题 |
|---|---|---|
| 作品 | 五个附有简短说明的命名项目。 | 这位设计师做什么类型的作品？ |
| 实践 | Find the Signal、Build to Learn 与 Leave a System。 | 面对模糊的设计任务，这位设计师如何应对？ |
| 笔记 | 一篇现场笔记、一份原型日志与一个待解问题。 | 这位设计师在项目之间在思考什么？ |
| 联系 | 一句邀请对方开启对话的结语。 | 潜在合作者如何迈出下一步？ |
为什么项目卡片读起来像海报
桌面端项目网格刻意采用不对等布局：列宽比例为 1.2:0.8，左侧卡片占据约 60% 的可用宽度。每张卡片高度至少为 420px，为顶部紧凑换行的标题和底部独立的说明句子各留出了空间。
8ch 标题宽度改变了排版节奏
源文件将项目标题限制为 8ch，并使用 0.92 的行高。"Field Notes for Better Cities"由此形成高耸的文字块，而非单行文字。这个窄字宽赋予标题以海报般的节奏感；这并非小尺寸截图导致的意外换行。
说明文字承载具体含义
第一张卡片点明了一个参与式地图项目，并解释了小型观察如何转化为城市信号。这比"创新型地图体验"所传递的信息要具体得多。说明文字距底边 24px，为读者在不同配色的卡片之间提供了一个固定的阅读落点。
从精选作品到可复用的实践方法
实践章节与项目网格的侧重正好相反。一段大号引言占据较窄的一列，三条编号说明占据较宽的一列。每条说明顶部有分隔线，并设有固定的编号列。整体效果从浏览单个创意转变为阅读一套连贯的行动步骤。
Find the Signal 点明了输入来源
第一行明确列出了人、约束条件、语言与行为。对比 Field Notes——其主题是对城市的观察：项目说明点明了研究材料，而实践行解释了设计师在这些材料中寻找什么。页面暗示了这层关系，但并未记录一项已完成的研究。
Build to Learn 点明了原型的用途
第二行将可运行的原型定位为回答问题的手段，而非打磨精良的最终界面。这与作品集中涉及的环境感知 AI、编辑系统和群体决策工具相契合——探索行为本身就是设计问题的一部分。
Leave a System 点明了交付内容
最后一行点明了组件、设计令牌与使用指南，而不是以"上线"收尾。这使预期产出更为具体：另一个人应当能够从已有决策出发继续推进。在真实案例研究中，这里正是一个组件示例或简短使用规则能够支撑这一陈述的地方。
作为黑客马拉松参考的作品集
OpenDesign 将这个虚构作品集作为黑客马拉松官方示例创建。对于参赛者自己的作品，其中最具复用价值的思路是：将项目目的、背后的决策以及尚待解决的问题分层呈现。项目卡片可以介绍参赛作品，而关联的账户则提供实际佐证。
作品集概念的边界
源文件在 760px 以下将项目网格和实践章节切换为单列布局，但同时隐藏了导航链接。这是在真实作品集中需要解决的具体局限：保留紧凑的章节菜单，而不是让访问者滚动浏览所有项目才能到达联系方式。
虚构项目并非已记录的客户项目。笔记是标题而非一套完整的发布系统，联系方式指向 [email protected]。在分享真实作品集之前，请替换这些占位内容并核实各个目标地址。
如何在 OpenDesign 中创建创意作品集网站设计
在选定配色之前先描述项目
为每个项目准备名称，并各写一句话说明受众与目的，在已知的情况下注明自己的角色。这样 OpenDesign 就有足够的素材来构建内容各异而非仅配色不同的卡片。
建议提示词创建一个创意作品集网站设计，包含个人介绍、五张精选作品卡片、三阶段实践方法、工作笔记与联系方式。使用大号编辑风格排版、暖中性背景色以及几种对比色卡片。每个项目需要名称、目的与我的角色。缺少信息处使用带标签的占位内容，不得虚构客户或成果。确保作品、实践、笔记与联系方式导航在小屏幕上可用。
将一个项目与实践章节关联起来
请 OpenDesign 展示某个真实项目如何从一个问题推进至原型再到可交付成果。用这个具体案例替换宽泛的服务性语言，同时保持其余实践描述足够简短，以衬托作品而非喧宾夺主。
测试联系方式与阅读路径
在不看配色的情况下阅读各张卡片：每张卡片仍应描述一个清晰独特的创意。然后测试章节导航与真实联系方式链接，并检查超大号标题在移动端换行时是否遮挡了说明文字。
导出并获取分享链接
导出完成的设计稿，然后在 OpenDesign 中使用「Share」功能获取分享链接。在单独的浏览器窗口中打开链接，确认目标版本及其资源均可正常访问后，再将链接发送给他人。
