🔍 背景：作品数量增加后，机构网站应该怎样安排主次？
一家设计机构可能同时拥有品牌、网站、摄影和空间项目。如果把所有作品等量摆在首页，访客容易看得很热闹，却不清楚团队最擅长什么。网站需要帮助客户筛选内容，而不是把文件夹直接搬上屏幕。
机构型作品网站通常要解决四个问题：
1）代表作有明确优先级：先展示能够说明当前业务方向的项目。
2）不同素材各得其所：横幅、竖图和系列图片需要不同的排版空间。
3）服务与案例相互印证：介绍某项能力时，能够看到相应实践。
4）新增项目容易维护：网站不能每加一个案例就重新设计整页。
Obelisk 提供机构、个人与作品展示等页面方向，可以围绕不同内容选择网格、瀑布流或 Showcase 展示。对于希望突出创作风格的团队，布局的作用是建立阅读次序，让客户先抓住重点，再深入了解项目。
🚀 主题简介
Obelisk 是 ThemesCamp 的创意展示主题，适用于设计工作室、数字机构、自由职业者及品牌案例网站。它以 Elementor 页面编辑和多种作品集布局为主要建站方向，也提供服务、博客等内容的组织空间。
创意机构网站既需要展示作品，也要解释合作内容。可以用首页呈现精选项目，在服务页说明工作范围，再把项目内页写成具体案例。这样的结构比每个页面都堆放相同的作品卡片更容易建立完整认识。
主题包含明暗风格相关设置，可配合不同图片和品牌色选择视觉基调。使用 GPL主题 时，建议先统一字体、颜色与图片比例，再调整动画和装饰，避免局部效果之间相互争夺注意力。
核心特性：
- 多种作品排列：网格、瀑布流和不同展示样式适应不同素材。
- 机构与个人页面方向：可从团队业务或个人能力两种角度组织网站。
- Elementor 页面编辑：方便安排内容模块与页面层次。
- 明暗模式设置：可按品牌视觉和图片特点确定界面风格。
- 展示型滑块与视觉元素：用于精选项目、首页开场及内容重点。
- 博客与响应式布局：兼顾文章更新和移动设备上的内容阅读。
🔧 核心功能亮点
🧱 多种作品排列（先看素材，再选布局）
- 功能：主题提供 Masonry、Pinterest 风格及多列作品展示方向，使不同尺寸的图片拥有可选择的组织方式。布局应与图片比例共同确定，而不是先固定版式再强行裁图。
- 场景：品牌设计作品的封面比较统一，适合整齐网格；摄影或空间项目包含较多竖图、横图时，可以考虑更灵活的排列，并检查相邻图片是否形成清楚节奏。
- 价值：减少重要画面被裁切或缩得过小的情况。封面仍需统一质量标准：画面主体明确、文字不要过密，才能让访客在列表中快速辨认项目。
🎞️ Showcase 展示（把少量重点案例放大）
- 功能：不同 Showcase 样式提供轮播、单列及全屏等视觉呈现方向，适合将精选项目从一般案例列表中区分出来。
- 场景：机构希望主推三个代表项目时，可以让首页围绕这组作品展开，再提供完整案例库入口。个人设计师也可用同样方式说明当前最希望承接的项目类型。
- 价值：让首页表达更集中。精选不应只按照图片是否震撼来判断，还应考虑项目是否能代表服务能力、是否具有足够资料解释，以及是否与目标客户相关。
🧩 可视化编排（把服务说明放在合适的位置）
- 功能：Elementor 与主题元素用于组合图片、标题、介绍和行动入口，让页面可以按信息逻辑调整顺序，而不只是替换演示中的文字。
- 场景：数字机构可先介绍网站策划，再展示对应项目，最后说明沟通与交付步骤；独立设计师则可把个人背景放在精选作品之后，让能力先被看见。
- 价值：减少服务页只剩抽象口号的情况。每个模块应承担不同任务，例如说明服务对象、交付内容或项目边界，避免连续三个区块都在重复“我们重视创意”。
🌗 明暗视觉设置（为作品建立一致背景）
- 功能：主题文档提供浅色、深色及自动模式相关配置，也可控制切换器显示。页面视觉需要结合正文、按钮和图片边缘一起检查。
- 场景：黑底摄影作品可能适合深色环境，白底包装设计则可能在浅色页面上更自然。混合素材的站点，可以先选一套稳定主风格，再决定局部是否需要变化。
- 价值：让界面成为作品的衬托。明暗切换不是越多越好，重点是文字对比度、标志可辨认程度及不同区域之间是否保持连续，尤其要检查浅色标志在浅色背景上的表现。
📝 案例与博客结合（让作品拥有解释空间）
- 功能：作品展示之外，博客页面可以承载方法介绍、创作记录和业务文章，适合补充视觉内容无法独立说明的过程。
- 场景：案例页说明一个项目如何完成，文章则讨论其中某个具体问题，例如包装信息层级如何安排，或网站首页怎样突出主要业务，再自然链接到相关实例。
- 价值：形成具有实际内容的专业表达。这样的关联应围绕读者问题，而不是为了增加链接数量，把不相关的项目与文章强行连接。
📱 响应式阅读（保留手机上的案例线索）
- 功能：响应式结构为不同屏幕提供布局适配基础。作品列表、菜单、标题和按钮仍需要使用真实素材逐项检查，特别是横向滑块和大字号标题。
- 场景：客户在手机上浏览机构介绍，往往只停留在少数关键页面。应让项目名称、服务说明与联系入口在小屏幕上仍然明确，不依赖鼠标悬停才显示重要内容。
- 价值：让移动访问者也能完成从看作品到发起沟通的过程。设计细节应帮助理解，而不是要求访客先学会复杂手势，才能找到下一张图片或下一项服务。
📊 功能对比：平均陈列全部作品 vs 分层展示代表项目
| 页面任务 | 所有作品平均陈列 | 使用 Obelisk 分层组织 |
|---|---|---|
| 首页重点 | 项目多但缺少主次 | 精选展示突出业务方向 |
| 素材比例 | 全部强制相同裁切 | 根据素材选择网格或瀑布流 |
| 服务说明 | 与案例彼此分离 | 服务页面关联对应项目 |
| 品牌视觉 | 不同页面风格容易散乱 | 统一明暗、字体和颜色规则 |
| 深度阅读 | 图片之外缺少解释 | 案例与方法文章互相补充 |
| 后续更新 | 每次新增都重新排版 | 沿用稳定的列表与内页结构 |
分层展示是一种编辑选择。主题提供布局工具，站长负责决定哪些作品值得优先呈现。
🛍️ 适用场景（含应用示例）
| 应用场景 | 页面安排示例 |
|---|---|
| 🎨 品牌设计机构 | 用精选包装和视觉识别案例说明核心业务 |
| 💻 数字服务团队 | 将网站项目与策划、设计、开发服务关联 |
| 📷 摄影创作工作室 | 按拍摄主题组织系列作品，保留图片叙事顺序 |
| 🏠 空间设计团队 | 通过全景、细节和项目说明介绍空间思路 |
| 👤 独立创意工作者 | 精简首页，以少量完整案例承接合作咨询 |
这些应用示例用于说明内容组织方法，实际栏目应根据团队已有资料确定。
⚙️ 使用建议
- 先做作品筛选：选择与当前业务最相关的项目，而不必把所有历史作品都放在首页。
- 为案例统一信息框架：项目背景、承担工作、设计考虑与结果展示各有位置，阅读起来更稳定。
- 用真实封面测试布局：横图、竖图、文字较多的封面都应试放，确定裁切不会破坏内容后再批量发布。
- 明确服务页的作用：写清适合谁、交付什么、如何合作，再引用相关案例证明实际经验。
- 控制动画与大图体积：首屏优先保留最有帮助的内容，避免让加载等待掩盖作品本身。
- 检查咨询路径：从一个具体案例进入联系页，确认访客能够说明项目类型、需求和联系方式。
💡 最佳实践：
- 把每个服务方向至少对应到一个说明完整的案例。
- 保持项目名称简短，细节放入摘要和正文，避免列表标题挤满画面。
- 定期调整精选项目，但保持栏目地址和基本结构稳定。
❓ 常见问题（FAQ）
Q1：作品不多，适合使用 Obelisk 吗？
A：适合从精选展示开始。三到五个说明充分的案例，可以配合服务和个人介绍构成清楚的网站，不必为填满网格而重复放置相似图片。
Q2：瀑布流和整齐网格该怎么选？
A：封面比例统一、需要快速比较时，可以选择网格；素材纵横差异明显时，可以考虑瀑布流。最终应看真实内容在电脑和手机上的表现。
Q3：深色页面会更显专业吗？
A：专业感主要来自内容与排版一致性。背景颜色应配合作品特点，尤其要保证正文、按钮及品牌标志清楚，不能单靠深色界面判断质量。
Q4：可以只做个人作品站，不写公司介绍吗？
A：可以。保留精选作品、个人背景、合作范围和联系页即可。介绍应围绕个人擅长的工作与可提供的服务，不必套用大型机构的团队叙述。
🧠 总结
Obelisk 为创意团队提供多种作品排列、精选展示和页面编排方式。它更适合被用来建立清楚的项目层次：用代表作吸引注意，用案例内容说明工作，用服务页面解释合作范围。布局选得合适，网站才更容易把风格与能力一起表达出来。
🎯 先把最能代表团队的作品讲清楚，再逐步扩展案例库，网站会比一开始就塞满所有素材更有重点。
