DIGITAL DESIGNER
CLIENTSelf-initiated
YEAR2025
ROLEDesign · Front-end Direction
SCOPEWebsite · UI System · Motion
DIGITAL DESIGNER / PERSONAL BRAND & WEB
A magazine you can scroll.
这套个人品牌系统把作品集当作一本可滚动的杂志来设计。标题采用超大字重与紧字距,辅助信息则压缩到 9–10px 的技术标注层级;色彩被限制在石墨灰与冷白之间,让作品本身成为唯一的颜色来源。
实现上先定内容节奏,再定义组件:三级字号阶梯(展示 / 正文 / 技术标注)贯穿全站,流式排版按视口宽度连续缩放;滚动章节与固定索引构成阅读骨架,动效只保留进入与切换两类,避免打扰作品。
DELIVERABLES
- 站点信息架构与视觉系统
- 响应式排版规则与流式网格
- UI 组件库(导航 / 索引 / 图集 / 页脚)
- 动效规范与前端交互动线
APPROACH
- 编辑设计优先:先排内容,再定组件
- 三级字号阶梯统一全站层级
- 颜色只标记状态,不做装饰
- 以 60fps 为约束做动效减法
NEXT PROJECT
MACHINA


