个人网站
设计师：谢凯杰
个人网站
设计师：谢凯杰
创作灵感
作品以个人求职与作品展示为主题，聚焦个人信息、专业技能、设计作品、生活状态等多元内容，用单页网站的形式打造线上个人名片。灵感源于求职场景的轻量化展示需求，通过清晰的模块布局与图文结合的形式，降低招聘方对个人综合信息的获取门槛，同时展现个人 “专业能力 + 设计作品 + 生活态度” 的立体形象，兼具求职展示功能与个人品牌宣传属性。
个人求职展示不仅需要呈现专业技能与作品成果，也需要传递个人特质与生活态度。作品跳出传统简历的纯文字排版，以网页化的结构打造一份兼具专业性与温度的线上作品集，让浏览者在轻松浏览的过程中，快速了解个人的专业背景、技能优势、设计作品与生活状态，感受求职者的综合素养与适配潜力。
配色方案
整体采用清新柔和的渐变配色，顶部 banner 以蓝天云朵风光为主色调，营造开阔治愈的氛围；页面背景从上到下由淡粉过渡到浅蓝，形成柔和的视觉渐变；内容模块中，技能图标采用蓝白配色，作品与爱好图片以真实色彩呈现，还原鲜活质感；文字以深灰、黑色为主，标题采用浅灰艺术字体强化焦点，次要信息用浅灰色弱化层级；整体配色既贴合个人展示的亲和力，也通过冷暖渐变平衡视觉节奏，让用户聚焦内容本身，符合求职类网站的专业度与可读性需求。
版式设计
整张作品以标准单页网站为核心框架，严格按照从上到下的逻辑排布内容，导航栏、banner 区、关于我、专业技能、设计作品、兴趣爱好、我的小确幸、我的品味、页脚信息依次分布，完整还原用户从 “了解整体” 到 “深入细节” 的浏览路径，布局规整且逻辑清晰。主体构图采用 “通栏 banner + 居中模块” 的形式，顶部通栏 banner 展示风景背景，下方内容模块均采用居中布局，技能模块采用圆形图标横向排列，作品、爱好模块采用多列网格布局，既还原了个人作品集网站的常规结构，也通过错落的模块布局让页面疏密得当，为用户快速浏览不同类别信息提供直观参考。 文字排版层次清晰，导航栏文字、模块标题、卡片内文字层级分明，字体大小与颜色区分明确，阅读起来简洁顺畅。页面通过充足的留白与模块间距控制，弱化了网页设计的拥挤感，在保证信息层级清晰的同时，兼顾了视觉舒适度，实现实用性与美观度的有机结合。
细节元素设计
模块布局设计：每个功能模块都采用了适配个人展示场景的组件形式： 顶部导航栏：含 “首页、关于我、设计作品、联系我” 等入口，覆盖作品集的核心导航功能；Banner 区：蓝天云朵风光背景，搭配网站 logo 与导航，营造页面氛围；关于我模块：采用头像 + 个人信息 + 自我介绍的组合形式，清晰呈现个人基本情况；专技能模块：以圆形图标卡片形式展示 PS、PR、AI、HBuilderX 等软件技能，直观清晰；设计作品模块：以手机样机卡片形式展示原创插画与用户画像设计作品，呈现设计能力；兴趣爱好模块：以实拍图片卡片形式展示骑车、玩游戏、羽毛球、摄影、剪视频、旅行等爱好，丰富个人形象；我的小确幸模块：六边形图片 + 文字描述的组合形式，传递个人生活中的美好瞬间；我的品味模块：以 3D 图标 + 文字描述的形式，从衣、食、住、行四个维度呈现个人生活偏好；页脚区：标注版权声明与网站用途说明，完成页面收尾。交互与信息细节：各模块卡片均采用图片 + 文字的组合形式，技能模块以图标为主，弱化文字的枯燥感；作品、爱好模块以实拍与设计图片为主，增强个人形象的真实感与设计能力的直观呈现；模块标题采用英文艺术字体 + 中文标签的组合形式，强化模块识别性，让页面结构更清晰；“更多” 按钮为用户提供内容拓展入口，丰富网站的交互体验。 辅助装饰元素：背景采用淡粉到浅蓝的渐变效果，搭配浅灰色模块分割线，弱化了纯内容的生硬感，整体风格统一规整，让这份个人作品集网站在求职展示之外，更具完整性与个性化表达。