作品集管理 — Visual Commerce

01 / PAGE MAP

首页分区、图片和视频，
现在一眼就能找到。

下方按照访客滚动顺序列出首页全部分区。点击任意媒体标签，会直接跳到对应上传位置。

S00

OPENING / 100VH

电影式首屏

优先播放全屏视频；没有视频时，自动轮播三张图片。

S01

SELECTED WORK

全屏精选案例

两幅沉浸式作品，随滚动进入画面。

S02

WORK INDEX

项目索引预览

鼠标移到项目名称时显示对应预览图。

S03

MOTION REEL

动态作品分区

上传 MP4 / WebM 后自动替换动态封面；未上传时使用动效图片。

S04

FORMAT SYSTEM

多比例演示

访客可切换 1:1、9:16、16:9、4:5、3:4、2:3。

S05–06

ABOUT / CONTACT

关于与联系

最后用能力列表和大字联系入口收束。

02 / PROJECT MANAGER

自由上传、编辑和排序
你的全部作品。

每个作品可以拥有独立封面、图片与视频图库。发布后会自动进入首页项目索引，并生成对应案例详情。

PROJECT EDITOR

新建作品

中文标题 * 英文标题项目分类年份首页比例展示主题项目说明发布到网站关闭后保留为草稿，前台不会显示

封面与构图

上传图片或视频作为封面。图片可以调整视觉焦点，首页裁切时会始终保留这个位置。

水平焦点50%垂直焦点50%

作品图库

支持一次选择多个文件；图片上限 25MB，视频上限 100MB。拖动排序将在后续版本加入，目前使用左右按钮调整。

03 / MEDIA LIBRARY

图片可裁剪，
视频可直接替换。

图片支持自由、1:1、9:16、16:9、4:5、3:4、2:3；视频支持 MP4、WebM，建议 H.264、1080p、50MB 以内。

首页媒体位置

10 SLOTS

图片

首屏封面图

无视频时显示在首页第一屏。

拖动图片调整构图

视频不会被裁剪。

首页全屏视频建议 16:9 横版；短视频作品可以上传 9:16。页面使用 object-fit: cover 自动铺满容器。

裁剪比例所有首页图片均支持

04 / PERSONAL CONTENT

作品负责震撼，
个人资料让人认识你。

这些字段会更新首页中的简介和联系信息。未有真实数据前，不展示虚构客户、销量或转化率。

首页分区、图片和视频，现在一眼就能找到。