为不同类型的作品留出空间的作品集版式。
这个示意作品集以一个大型项目搭配较为低调的辅助作品,营造视觉层级。OpenDesign 的 HTML 编辑控件适合微调这种版式:图片尺寸、说明文字、行高和画廊间距。若需大幅调整作品顺序,也可以将带标注的反馈交给智能体处理。
- 突出一个主要项目,而不是铺满大小相同的缩略图
- 灵活的编辑式模块,可呈现图片、职责、成果和简短说明
- 响应式系统,让作品在不同屏幕尺寸下都清晰易读

让作品为网站定下节奏。将精选项目和图片素材导入 OpenDesign,选择视觉系统,生成作品集设计方向。在 HTML 预览中调整图片比例、字体和间距,再对比桌面端画廊与移动端浏览顺序。
品牌化前端 · 真实文件 · 继续使用你的编程智能体
编辑式作品集,让每个项目保留原有画幅,同时呈现工作室的独特视角。
查看项目
“建筑作品集包含六个精选项目、宽幅图片、简短说明、简洁的关于页面,以及一种直接的联系方式。”
出色的作品集需要有节奏的编辑、灵活的图片比例,以及足够的背景信息,让人看懂作品背后的决策。
这个示意作品集以一个大型项目搭配较为低调的辅助作品,营造视觉层级。OpenDesign 的 HTML 编辑控件适合微调这种版式:图片尺寸、说明文字、行高和画廊间距。若需大幅调整作品顺序,也可以将带标注的反馈交给智能体处理。

带上自己的作品,然后在实际作品集中调整图片画幅、字体和顺序,而不必接受固定的画廊布局。
选择或创建设计系统
风格服务于作品调整尺寸和间距
重要细节清晰可见编辑说明、署名和字体
读者能理解你的贡献发送带标注的反馈,并对比不同屏幕宽度
在移动端布局中仍能保持清晰层级不同篇幅的项目可以共用一套编辑式系统,而不必变成千篇一律的卡片。
为重点项目和辅助项目设置层级,而不是把每个项目都视为同等重要。
灵活安排概览、过程、画廊、成果、署名和下一个相关项目等版块。
通过简洁的个人理念、精选资历、档期信息和明确的后续联系入口,展现作品背后的个人特质。
作品集的品质往往体现在细节决策中:一张图片的大小、说明文字周围的留白,或项目的展示顺序。使用 OpenDesign,你可以将生成的编辑式设计方向与直接的视觉调整结合起来,而不必照单全收初始画廊布局。
“建筑作品集包含六个精选项目、宽幅图片、简短说明、简洁的关于页面,以及一种直接的联系方式。”
调整受支持的 HTML 图片尺寸、来源和周边间距,然后检查实际版面,而不是依赖预设缩略图样式。
使用可视化编辑器,调整可编辑文本的字体、字号、行高和字间距。
标出需要调整节奏的画廊或案例研究版块,并将修改要求发送给智能体。
在确定项目顺序之前,先对比同一工作页面在桌面、平板和手机宽度下的呈现效果。
建站工具负责呈现作品;作品本身、你的职责、成果和发布权限都需要由你提供。
挑选能够体现你下一步想从事的工作、希望合作的客户或目标职位的项目。
选择设计系统,或根据现有参考创建系统。提供项目图片、说明、署名和预期图片比例。
将作品索引、项目详情组件、关于页面和联系入口整合为一个响应式前端。
选择可编辑的 HTML 图片和文本,调整图片来源、比例、字体和间距。需要大幅调整顺序时,向智能体提出修改要求,然后检查桌面端和手机预览。
保留所选项目顺序。维持预期的图片比例,将署名放在各项目旁边,并调整手机端浏览顺序,让说明与对应图片相邻。
项目图片和已发布的成果需要获得你的授权。生成的作品集版式并不代表作者身份、发布权限或内容管理工作流已经得到确认。
你仍需对项目准确性、图片权限、署名、保密要求和最终上线配置负责。OpenDesign 提供可编辑的呈现层。
图片比例、项目专属布局、视觉编辑,以及如何持续更新作品集。
如果你提供真实项目、图片、说明和目标,AI 可以生成优质的响应式结构和视觉方向。作品筛选和项目叙事的准确性仍取决于你。
项目的篇幅、图片节奏和内容可以各不相同,同时共用导航、字体、间距、署名和相关作品组件。
在需求说明中提供预期图片比例,然后检查生成的图片画幅。在 HTML 预览中调整尺寸、图片来源和间距;如果要更改画廊结构,请标出对应区域并让智能体修改。最后检查桌面端和移动端的裁切效果。
可以。保留可复用的项目结构和前端文件,之后随着作品集扩展继续添加内容。生产环境 CMS 可选,需单独配置。
不会。请使用你拥有或获准发布的作品,并确保职责、署名和成果准确无误。
