Landing Page Prototypes · 视差版

20 套海报落地页
同一句话,二十种抓住你的方式

每套结构一致:首屏海报(一个视觉主体、一句主张、两个动作)→ 特性带(三张能力卡 + 一条四格数据条)→ 收尾行动。 首屏保持极简、靠 translate3d + rAF 阻尼 做视差抓注意力; 往下滚一屏就能看清产品到底能干什么。悬停卡片可直接在缩略图里试手感。

20套独立视觉语言
3 + 4能力卡 + 数据指标
4 / 16亮色 / 暗色主题
40 / 40桌面+移动 全通过
0运行时错误
01

玻璃棱镜Glass Prism

文字右 · 主体左

多层磨砂玻璃错位叠放,冷色折射光斑

「你的简历,需要一面照见岗位的镜子。」

02

噪点胶片Film Grain

文字左 · 主体右

SVG 噪点铺满全屏,像一格未冲洗的底片

「简历不该靠运气被选中。」

03

网格蓝图Blueprint Grid

居中 · 主体下沉

工程制图网格 + 坐标刻度,把简历当项目做

「把简历当成一份可测量的工程。」

04

液态金属Liquid Chrome

文字右 · 主体左

铬合金球体高光流动,反光随鼠标游走

「让简历流动到对的位置。」

05

极简纸感Paper Minimal

文字左 · 主体右

纯白纸面 + 一道红笔批注,克制到只剩必要

「一页纸,说清你凭什么。」

06

液态玻璃卡Liquid Glass

文字右 · 主体左

iOS 风玻璃卡片,背光透出底色

「简历与岗位之间,只差一次对齐。」

07

全息棱镜Holographic

文字左 · 主体右

虹彩渐变随视角偏移,像防伪镭射标

「同一份简历,角度不同,看到的不同。」

08

金属拉丝Brushed Metal

居中 · 主体下沉

阳极氧化铝面板 + 蚀刻铭牌

「把模糊的"还不错"换成具体的数字。」

09

光晕极简Aurora Minimal

文字左 · 主体右

极光晕染背景,一个分数环悬在右侧

「别让好简历死在关键词不匹配上。」

10

粒子星尘Particle Dust

文字右 · 主体左

细密粒子在深空漂浮,缓慢聚散

「每一个关键词,都是一次被看见的机会。」

11

暗房显影Darkroom

文字左 · 主体右

红色安全灯下,相纸上的字逐渐显影

「你缺的不是能力,是显影。」

12

终端命令行Terminal

文字右 · 主体左

等宽字体 + 光标闪烁,匹配结果逐行打印

「让机器读懂你的简历。」

13

杂志跨页Editorial Spread

文字左 · 主体右

衬线大标题 + 分栏正文,纸媒气质

「你的简历值得被认真读一遍。」

14

音频波形Waveform

文字右 · 主体左

章节被画成声波,播放头扫过逐条点亮

「简历的节奏也很重要。」

15

直角网格Brutalist

文字左 · 主体右

粗黑描边、纯色块、零圆角,态度强硬

「别修饰。直接给分数。」

16

双色玻璃Duotone

文字右 · 主体左

只有两种颜色,撞色分割整屏

「你写的,和他想看的,差多远?」

17

撕纸拼贴Torn Paper

文字左 · 主体右

边缘毛糙的纸片叠贴,手作感

「把简历拆开,再拼回对的样子。」

18

3D 分层卡Layers 3D

居中 · 主体下沉

卡片在 Z 轴上叠了五层,透视错开

「简历是一层层堆出来的。」

19

描边线稿Line Art

文字右 · 主体左

只有线,没有面;像一张技术插画

「一条一条,把缺口画出来。」

20

色带扫过Color Sweep

文字左 · 主体右

高饱和色带匀速横扫,把视线推着走

「扫一眼,就知道该改哪里。」