结构
- 顶部导航栏
- 左侧
- 头像
- 我当前所在的地点
- 年龄
- 类比王者荣耀的游戏等级,进度条为“今年过去的天数/今年的总天数”
- 中间
- 灵动岛
- Hover 后会放大
- 展示状态
- AI 问答助手小缨缨
- 点击可输入问题,发送后对话框出现在页面右下角作为悬浮窗口
- 预置问题:用户输入MBTI和星座测试与作者的匹配度
- 右侧
- 导航项
- 外链,以“联系”中的平台账号中的平台logo作为图标
- 通知
- 当前时间
- 最左侧
- 主区域
- 基础
- 生活
- 经历:分阶段的照片墙
- 教育:2D 横屏游戏场景
- 工作:2D 横屏游戏场景
- 开发
- 不规则的矩形卡片布局,8个围绕1个,整体仍然是矩形
- 产品
- 书桌,用来展示硬件产品
- 书桌中有一个的手机,手机桌面有App
- 书桌有一个MacBook,桌面有App
- 点击App、书桌产品都会弹出悬浮卡片
- 读书
- 影片
- 创作
- 音乐
- 嘻哈
- 活动
- 不规则的矩形卡片布局,8个围绕1个,整体仍然是矩形
- 标签墙
- 左右水平滚动的多行大量标签小卡片,用户可以点击卡片以点亮
- 联系
- 留言
- 底部元信息
- 访问次数
- 网站运行时长
- 网站技术栈
- 设计理念
- 更新日期
- 致谢
- 深水区(彩蛋,达到底部后继续下拉到一定位置进入)
创新设计
- 特定区域
- 2D 游戏场景
- 多个星球之间切换
- 一个45度侧放的 iPhone 手机,桌面有App
- 飞行器在宇宙中
- 书桌
- 不规则的矩形卡片布局,8个围绕1个,整体仍然是矩形
- 3D 游戏场景
- 效果
- 悬停弹出卡片
- 半透明毛玻璃设计(卡片、导航栏、区域块等)
- 视差滚动