创意简介

将您的个人品牌转化为一个精美简约的网站。专业的设计、巧妙的布局和引人入胜的美学风格,瞬间打造,完美展现您的专业技能。

installedBy
75
创意简介 preview 1
创意简介 preview 2

为什么我们推荐这个技能

打造精美简约的个人网站,展现专业而富有创意的品牌形象。这项技能能将您的愿景巧妙转化为响应式、优雅的在线平台,包括定制字体、充满活力的配色方案和清晰的内容层级。非常适合品牌战略家和创意人士展示其独特的个人品牌。

分类

webpage

工具

指令

创建一个受专业品牌策略师视觉设计启发的现代简约个人网站:

整体风格

- 采用极简设计语言,留白充足,为内容提供了足够的呼吸空间

- 专业而富有创意,完美诠释了品牌战略家的形象

- 适用于桌面和移动设备的响应式布局

**配色方案**

- 背景色:暖米色/灰白色 (#FFFEF9)

- 主要强调色:亮粉色/洋红色 (#FF1493),用于关键标题和行动号召

- 辅助强调色:浅蓝色/青色 (#00CED1),用于标签和分类

- 文本颜色:正文采用深黑色 (#1a1a1a),确保高可读性

**字体设计**

- 超大粗体标题:标题分成两行,使用超粗无衬线字体(例如 Inter Black/Helvetica Black),最小字号为 80 像素。

- 职位名称采用亮粉色字体,字号为 60-80 像素。

正文采用 16-18px 简洁的无衬线字体

- 严格的网格系统,采用两列或三列布局

- 使用细线(1像素)分隔不同的内容区域

页面结构

1. 英雄篇:

- 左侧:超大号姓名(分两行显示)+ 职位(粉色)

右侧:带有彩色边框的圆形头像

- 底部:个人使命宣言

2. 联系信息部分:

电话、电子邮件、网站链接

- 以粉色或蓝色高亮显示

3. 工作经历部分:

- 左图:时间段标签(使用强调色)

- 右侧:职位名称(斜体)+ 详细描述

清晰的视觉层次结构

4. 教育板块:

- 相同的双栏布局

- 时间段 + 机构 + 学位

5. 技能/语言部分:

- 颜色块类别标签

- 网格状显示

**视觉元素**

- 带有粉色或渐变边框的圆形头像

- 使用强调色设置标签式类别标题(例如“工作经验”)

- 黑色圆圈内的浮动按钮(右下角,返回顶部)

所有交互元素均有微妙的悬停效果

字体推荐

标题字体:Inter Black、Helvetica Neue Bold 或 Montserrat ExtraBold

正文:Inter Regular、Helvetica Neue 或 System UI

**互动详情**

- 流畅滚动

- 链接悬停时可改变颜色或添加下划线动画

- 响应式导航菜单

- 简洁优雅的加载动画

**内容要求**

个人简介重点突出“十年经验”、“战略和故事讲述”及类似关键词

- 工作经历中重点突出具体成就和指标(例如“200% 的增长”)。

- 展示与知名品牌/机构的合作

- 语言能力和专业技能明确分类

请生成完整的 HTML/CSS/JavaScript 代码,确保设计专业、现代,并充分体现个人品牌特征。

网页

相关技能

查看全部

Landing Page & OG Pro by sagasu

基于 beautiful-html-templates 库,为用户提供从文案创作到高审美落地页代码及风格统一 OG 图的一站式生成服务。支持从简单想法到详细文案的全流程处理,确保视觉一致性。严格避开蓝紫色调。

Landing Page & OG Pro by sagasu

公众号一键排版(测试版)

将已写好的文章一键转化为公众号精美排版,支持AI自动配图、多种分隔符风格和主题色选择,可直接推送草稿箱或复制粘贴到公众号后台。

公众号一键排版(测试版)

文档转网站

将用户文档一键生成对外文档网站,同时自动生成 llms.txt 等 AI 可读层,让内容既能被开发者查阅也能被 AI 直接读取和调用。

文档转网站

发现下一个适合你的技能

继续探索更多精选 AI 技能,用于研究、创作和日常工作。

探索全部技能