首因效应直接决定面试官浏览心态，首页需在 5 秒内传递三层核心信息。
一、5 秒必传三要素
清晰个人定位：姓名搭配一句精准赛道标签，如「B 端 SaaS 产品设计师」；杜绝笼统表述、鸡汤文案、堆砌全技能长句，简短突出细分方向。
直观设计功底：首屏本身是微型作品，依靠规整网格、克制配色、舒适留白、层级字体，直观体现排版审美与基础能力。
作品预期引导：搭配项目缩略图、卡片预览，让面试官快速知晓项目类型，降低浏览操作成本。
二、四种主流首屏布局
Hero 区 + 项目网格：上方个人简介，下方排布 3-6 个项目缩略图，信息均衡，适配绝大多数设计师。
全屏纯 Hero 页：主打个人品牌氛围感，项目需下滑查看；风险是匆忙面试官易跳过，适合注重个人品牌的从业者。
精选项目大卡片：首页直接展示 2-3 个核心案例，开门见山，快速凸显核心竞争力。
动态交互首页：微动画强化记忆点，适配创意、动效、前端岗；加载动画控制在 2 秒内，避免花哨卡顿。
三、PDF 封面硬性规范
必填内容：醒目姓名、一句话岗位定位、邮箱、更新年份；可选补充：个人品牌 logo、代表作局部、个人网站二维码、干净职业照。整体简约统一，配色与内页保持连贯，拒绝过度装饰。
四、高频踩坑点
加载动画耗时过久；首屏堆砌大段自传，完整介绍放在 About 页；视觉风格和求职赛道冲突（B 端岗位视觉过于潮流浮夸）；无项目预览、导航模糊，增加操作门槛。
五、简易自测方法
将首页发给陌生人，仅观看 5 秒，若对方能清晰答出设计师赛道、专业水平、愿意继续浏览，才算合格；信息模糊则需优化视觉层级与文案。
