作品社区网络 (Creative Portfolio Network)
更像 Behance 这类公开作品网络与 creator platform 的家族，作品卡、作者主页、社交证明和发现机制要同时成立。
创意社区作品平台公开案例库
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 作者与作品并列
- 公开发现机制
- 社交证明
- 平台感更强
适合做 / Good For
- 创意社区
- 作品平台
- 公开案例库
不适合做 / Not For
- 纯研究地图
- 机构档案站
- 安静长文首页
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 中性底色更利于高密度浏览
- 颜色用于标签和状态
- 不要靠整站大底色制造氛围
排版系统 / Typography
- 项目名、作者名、收藏或互动信息都要清楚
- 卡片文字短而准
- 社交元数据不能太重
版式规则 / Layout Rules
- 项目网格、个人主页和发现机制要同时成立
- 首页既能扫作品也能进 profile
- 不要只做成随机瀑布流
图片处理 / Image Treatment
- 作品图是核心，但需要作者或分类辅助信息
- 卡片比例可以多样但要受控
- 不要让图片把导航路径淹没
交互节奏 / Motion
- hover 主要服务发现和保存
- 不要过度动画化
- 浏览效率高于情绪表演
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考作品社区网络（Creative Portfolio Network）风格建站：
视觉特征：作者与作品并列 / 公开发现机制 / 社交证明 / 平台感更强
适合场景：创意社区 / 作品平台 / 公开案例库
不适合：纯研究地图 / 机构档案站 / 安静长文首页
推荐页面组织：关系网络型 / Network Graph / Cluster / 目录索引型 / Catalog Explorer
历史来源：达达主义 / Dada / 瑞士风格 / Swiss Style / 后现代 / 孟菲斯 / Postmodern / Memphis
参考网站：Behance: https://www.behance.net/ / Are.na: https://www.are.na/ / SiteInspire: https://www.siteinspire.com/
配色系统：中性底色更利于高密度浏览 / 颜色用于标签和状态 / 不要靠整站大底色制造氛围
排版系统：项目名、作者名、收藏或互动信息都要清楚 / 卡片文字短而准 / 社交元数据不能太重
版式规则：项目网格、个人主页和发现机制要同时成立 / 首页既能扫作品也能进 profile / 不要只做成随机瀑布流
图片处理：作品图是核心，但需要作者或分类辅助信息 / 卡片比例可以多样但要受控 / 不要让图片把导航路径淹没
风格要求：Use a creative portfolio network family: dense project-grid discovery, creator identity visible at every level, social proof or save behavior near the work, and a browse pattern that supports both inspiration scanning and profile-level drill-down.
历史来源 / Historical Roots
这部分放在最后看，用来补背景，而不是先决定风格。 / Use this section to add background after the direction is already clear.
1916-1924
达达主义 (Dada)
用拼贴、偶然、反秩序和讽刺去拆解既有规则。
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。
1981-1988 and beyond
后现代 / 孟菲斯 (Postmodern / Memphis)
反对过度理性和过度秩序，强调图案、冲突、俏皮和反规范的组合方式。