简历与作品集网站模板

• 全屏首屏
• 数字单独一段
• 藏青配金

深藏青的首屏占满整个窗口，标题是粗体大字，金色只用在按钮和链接上。自我介绍之后单独一段放数字，往下的板块米色和白色交替。动效只有一次轻轻的上浮，整页很稳。

适合：面试前要先发一个链接的求职者，尤其是开发、产品、金融和咨询方向。适合经历扎实、能拿数字说话的人。

• 成果放最前
• 数字滚动
• 浮动胶囊导航

白底配清亮的蓝，字号大、字重轻，板块之间隔着淡蓝色带。首屏下面紧跟一排数字，出现时会滚动计数，板块标题逐词浮现。导航是一枚浮在顶部的胶囊，主按钮边上有一圈缓缓流动的光。

适合：找实习、参加校招和准备转行的人，做市场、运营、数据和产品的尤其合适。想让人先看到成果、页面又显得明快的时候选它。

• 深海蓝整页
• 流动渐变标题
• 左文右图首屏

整页深海蓝，首屏左边是问候语和你的名字，右边放照片。名字和板块标题带着一层缓缓流动的渐变，作品排成三列卡片。顶栏很窄，往下滚动时变成实色。

适合：想要深色页面、同时显得正式的求职者，产品、运营、销售和咨询方向都合适，也适合第一次做个人主页的应届生。

• 居中封面卡
• 圆角作品卡
• 浮动信封

深灰顶栏下面是一张居中的封面卡，照片在上，标题和名字在下。作品是三列圆角卡片，按钮用正蓝色。联系区有一个上下浮动的信封，周围几颗星星在闪。

适合：想要一个规矩清楚、谁都看得懂的主页的人：教育、行政、医疗和公共部门方向的求职者，或者第一次做网站、不想在风格上花心思的人。

• 深色画布
• 首屏流光
• 光标点亮卡片

整页近黑，只用一种靛蓝标出重点，字体细而利落。首屏铺满整个窗口，一道光在里面缓缓流动，板块进场时像镜头对焦。数字和带图的项目放在细线卡片上，光标经过时会亮起，数字出现时还会滚动计数。

适合：做产品、数据分析、软件开发和 AI 的人，也适合创业者。页面本身要显得现代，还要看得出背后有数据。

• 等宽字体
• 侧边目录
• 时间轴经历

全部用等宽字体，白底黑字，只有链接是蓝色。菜单是左侧的一列目录，各板块连成一张纸、用细线隔开，经历沿时间轴排开。按钮是描边的，读起来像一份写得很清楚的技术文档。

适合：后端、基础设施、嵌入式和数据工程方向的工程师，也适合找实习和参加校招的计算机专业学生。作品本身就能说明问题，不需要装饰。

• 描边面板
• 硬朗投影
• 侧滑菜单

等宽字体，首屏是深石板色，文字靠左。往下每个板块都是一块描边面板，带硬朗的偏移投影，板块名压在面板的边线上，像图纸上的标注。手机上的菜单从侧面整屏滑入。

适合：前端、全栈和独立开发者，也适合做硬件和机械的工科学生。想要工程图纸的感觉、又不想整页黑底的人选它。

• 黑底绿字
• 首屏命令菜单
• 闪烁光标

黑底绿字，等宽字体，整页像一个终端窗口。菜单写在首屏里，是一排以斜杠开头的命令，窗口左上角有一个闪烁的光标。板块标题前都带斜杠，每张卡片底部有一条写着路径的深色条。

适合：写代码的人：后端、运维和安全方向的工程师，打竞赛、做开源的学生。希望页面一打开就看得出你是做技术的。

• 故障标题
• 霓虹虚线
• 跟随光标的光

深色底配霓虹绿和紫，等宽字体，导航写成代码标签的样子。首屏大标题会故障闪烁，两层错开的绿紫文字来回跳动，板块标题下面是一条霓虹虚线。服务卡片里有一团绿光跟着光标移动。

适合：前端、游戏、安全和创意编程方向的开发者，也适合参加黑客松的学生。想让页面酷一点、好玩一点的人选它。

• 超大标题
• 滚动进度条
• 经历叠成一摞

首屏占满整个窗口，几个字的标题放到最大字号，底色是深紫。顶部有一条滚动进度条，按钮会朝光标轻轻偏移，较短的经历一张张叠起来。导航是一枚浮起的胶囊。

适合：视觉、交互和插画设计师，做影像的创作者和自由职业者。作品本身就是论据，每个项目都值得单独一页。

• 粗描边卡片
• 荧光笔重点
• 轮换标题词

粗体字配紫色和珊瑚色，卡片是粗描边加硬朗的偏移投影。标题结尾可以放一个轮换的词，重点词出现时像被荧光笔划过。头像和项目封面会随光标倾斜，板块从左右两边交替滑入。

适合：高中生、本科生和刚起步的人，做新媒体、运营、教育和插画的尤其合适。适合性格外向、作品本身就有趣的人。

• 全黑首屏
• 图集在前
• 大图全屏看

全黑的首屏上压着海报尺寸的时装感衬线标题，之后黑白色带交替，只留一种橙色给需要点击的地方。图集放在最前，图片按原尺寸展示，点开可以全屏看，板块标题逐词出现。

适合：摄影师、时装和空间设计师、影像创作者。作品拍出来就好看，希望别人先看图再看字。

• 流动极光
• 渐变名字
• 发光卡片

深色背景上流动着一层缓慢的极光。首屏居中，名字是绿、蓝、紫的渐变，几颗光点上下漂浮。经历排成一条带圆点的竖线时间轴，作品是三列发光卡片，光标经过时会轻轻浮起。

适合：游戏、动效、三维和数字艺术方向的创作者，也适合做 AI 产品、想让主页带点未来感的学生。

• 琥珀色首屏
• 服务卡片
• 拖动作品轮播

深蓝配琥珀色，首屏左边是问候语和名字，右边放照片。往下换成浅色页面，工作流程的几步排成深色服务卡片，作品做成一张张拖动翻看的轮播，下面有分页圆点。

适合：接案子的自由职业者和小工作室，做网页、品牌、摄影或文案都合适。需要先讲清楚提供什么服务、再拿作品证明的人用它。

• 彩色立体方块
• 两列大作品
• 圆形菜单

细体字，首屏留白很多，照片下方摆着紫、粉、绿、蓝四个立体小方块。作品是两列宽大的白色卡片，标题居中。菜单收在右上角的一个圆形按钮里，页面上几乎没有动效。

适合：学 UI、产品和平面设计的学生，以及作品不多、想给每件留足空间的人。喜欢干净明亮、带点俏皮颜色的页面就选它。

• 网格排版
• 没有特效
• 直角无阴影

版面建立在网格上，文字左对齐，几乎不用颜色，只有一点暖灰。直角、没有阴影，也没有任何特效，滚动时只有轻轻的淡入。整页是一张浅色的纸，板块之间用细线分开。

适合：研究者、学者，以及做政策、数据和用户研究的人。内容需要被认真读完、经得起核对的时候用它。

• 报纸衬线
• 页边章节号
• 逐行点亮

标题和正文都用报纸衬线，铺在浅杏色的纸上，青绿色用在小标题和主按钮。板块之间用细线隔开，像章节一样在页边编号，开篇那段话会随着阅读一行行点亮。整页读起来像一篇写你的专题报道。

适合：经历有清楚时间线的应届生和求职者，也适合做新闻、写作、教育和社科研究的人。

• 窄栏好读
• 时间轴经历
• 一点酒红

米白的纸上一列窄栏，字小而匀称，暖灰色配一点酒红。整页是一张浅色的纸，板块之间用细线分开，经历沿时间轴排开。动起来的只有板块安静地上浮。

适合：申请硕士、博士的学生，以及咨询、法律、医疗、经济这类经历多、需要细读的人。想让文字自己说话就选它。

• 居中大名字
• # 号标题
• 三列卡片

首屏只有居中的名字、身份和一小段介绍，四周大片留白，英文名用窄体大字。板块标题前带一个 # 号，技能、作品和兴趣都排成三列带阴影的卡片，每一块单独浮上来。

适合：内容还不多、想把名字和一句话放在最显眼位置的人：大学生、申请实习的人和刚转行的人。

• 淡紫渐变首屏
• 手写感名字
• 评价轮播

首屏是淡紫到浅蓝的渐变，问候语下面是醒目的紫色名字，英文名用圆润的手写感字体。按钮带紫色硬投影，作品放在小巧的白色圆角卡片里。有真实评价时会排成一条通栏紫色评价带，多条评价自动轮播。

适合：第一次做个人主页的学生、实习生和应届生，也适合老师、教练和顾问这类有学生或客户评价可以展示的人。

• 名字下的紫线
• 技能矩阵
• 没有动画

淡紫灰的底色，首屏以「你好，我是」开头，名字下面画着一道粗紫线，照片在右边。技能排成一块由粗体大字组成的矩阵，作品是安静的两列网格。整页没有动画，层次一眼就清楚。

适合：技能多、想一次列清楚的人，比如数据分析、测试、运维和财务方向的求职者，也适合不喜欢动效的人。

• 米白纸纹
• 侧边窄目录
• 文字链接按钮

米白纸上用轻字重的古典衬线，橄榄墨色配一抹皮革棕，整页覆着一层细细的纸纹。菜单是侧边一列窄目录，按钮只是文字链接。作品放在最前，图片按原尺寸展示，图集里的照片可以点开全屏看。

适合：手作、工业、空间和家具设计师，以及靠图纸撑起长文的创作者。适合希望读者慢慢看的作品。

• 绽放的花
• 粉紫渐变名字
• 彩色技能圆

浅粉绿的背景，首屏居中，一朵五瓣花绽放后轻轻摇摆，下面的名字是粉到紫的渐变。技能画成四个彩色圆形，作品是三张带粉彩顶边的白卡片，主按钮是叶绿色。

适合：做插画、花艺、烘焙、手工和幼儿教育的人，也适合想要一个柔和亲切主页的设计学生。