PM Liu Shuaishuai / AI Product Portfolio

Wave 3 / Direction Lab

三套差异足够大的方向稿

这页不是终稿,而是正式进入高保真前的方向比较轮。你可以直接看出三种气质在首屏、案例区和内容承载上的区别。

How To Compare

看这页时,不要只看配色,重点看哪条路最像“你自己的站”

每一套都同时展示:气质、版式、案例承载和交互语言。真正要选的是哪条路最适合你的品牌和未来扩展,而不是哪张图最酷。

比较重点
  • 第一眼是否足够有记忆点
  • 案例和履历是否能被自然承接
  • 未来内容增长后会不会容易乱
  • 交互是否加分而不是噪音
当前建议
  • 如果你想更惊艳,优先看 Noir
  • 如果你想更温暖、更有故事感,优先看 Amber
  • 如果你想更中性、更长期稳定,优先看 Mono

Noir

黑金电影馆

像高端品牌预告片一样建立第一印象:暗、冷、锋利、带镜头感。

AI PM / Brand Site

把判断力做成有镜头感的首页,而不是再堆一个普通作品集。

这里的视觉、排版和动效只是方向稿密度,不是最终文案。关键是让你直观看到首页到底会走哪种气质。

3 个精选内容 1000+ 评测样本 长期品牌容器
Featured Work

案例区不是普通列表,而是用来证明这套气质能不能承住你的内容。

Deep Case 多模态评测闭环

主案例会像“封面作品”,用来做第一层品牌证明。

Case AI 中台

第二层内容必须还能读,不只剩氛围。

Case 增长机制

第三层内容要能保持秩序,不被风格吃掉。

气质定义

首屏依靠深墨黑、冷金和局部冷光制造电影海报感;导航、证据和案例像浮在镜头前的导视系统。

布局倾向

大标题左偏、超宽留白、细长标签与高对比数字并置,案例模块像一张主视觉海报压住页面。

交互语言

主打首屏分层入场、悬浮卡片轻微漂移、滚动时的导视偏移与光带过场。

Amber

温暖博物馆

有温度、有厚度、有收藏感,但不甜、不轻、不偏女性化。

AI PM / Brand Site

把判断力做成有镜头感的首页,而不是再堆一个普通作品集。

这里的视觉、排版和动效只是方向稿密度,不是最终文案。关键是让你直观看到首页到底会走哪种气质。

3 个精选内容 1000+ 评测样本 长期品牌容器
Featured Work

案例区不是普通列表,而是用来证明这套气质能不能承住你的内容。

Deep Case 多模态评测闭环

主案例会像“封面作品”,用来做第一层品牌证明。

Case AI 中台

第二层内容必须还能读,不只剩氛围。

Case 增长机制

第三层内容要能保持秩序,不被风格吃掉。

气质定义

首页像一间带灯光和纸张温度的展厅,使用骨白、铜金、橡木棕和暖灰,把人拉进一个被认真整理过的个人世界。

布局倾向

模块更像档案册页和展签,图文节奏更柔和,数字与标签像展品编号,适合承接履历与方法论。

交互语言

主打慢一点的揭示节奏、展签式悬停、内容显影和轻微纸张翻页感。

Mono

极简策展馆

克制、中性、秩序感强,像顶级咨询、建筑事务所和策展机构的结合体。

AI PM / Brand Site

把判断力做成有镜头感的首页,而不是再堆一个普通作品集。

这里的视觉、排版和动效只是方向稿密度,不是最终文案。关键是让你直观看到首页到底会走哪种气质。

3 个精选内容 1000+ 评测样本 长期品牌容器
Featured Work

案例区不是普通列表,而是用来证明这套气质能不能承住你的内容。

Deep Case 多模态评测闭环

主案例会像“封面作品”,用来做第一层品牌证明。

Case AI 中台

第二层内容必须还能读,不只剩氛围。

Case 增长机制

第三层内容要能保持秩序,不被风格吃掉。

气质定义

用黑白灰和少量冷色强调秩序与判断力,把主角从材质转回到结构和文字,让高级感来自比例、字体和节奏。

布局倾向

更多使用栅格、留白、极简编号和超清晰层级,适合长期增长,不容易随内容变多而显乱。

交互语言

主打极简但精准的 reveal、细边线移动、导航高亮和模块切换的秩序感反馈。