背景
LUMEN 是一家位于阿比让的设计与艺术指导工作室。网站需要体现它的定位——经过深思的视觉体系,而非千篇一律的方案——同时绝不喧宾夺主,抢走所展示作品的风头。
目标
- 将工作室的严苛,翻译进界面的每一处细节
- 让项目(识别、编辑、动效、网页)登场,却不将其压垮
- 提出一份清晰可读的方法论宣言:形式服务于意义、以细节为证、系统性思考、创造性约束
方案
一种节奏舒缓的编辑式构图:坚定的字体、削减到本质的导航、随滚动逐一揭示项目的过渡。动效无处不在,却从不抢在内容之前——它只是相伴。
- 精选作品 — 六则近期案例研究,各有其语境
- 方法 — 四条指导原则依次登场
- 实践 — 品牌识别、艺术指导、动效与声音设计、交互式网页
技术栈
- 前端:Next.js + TypeScript、Tailwind CSS 样式
- 动效:GSAP(入场时间线、滚动揭示)
- 托管:Vercel,AVIF/WebP 优化图片