星辰大学招生宣传页

HTMLCSS响应式单页应用

为模拟高校招生场景设计的现代化宣传单页，兼具视觉冲击力与信息传达效率。

项目背景

高校招生宣传需要兼顾"好看"与"有效"——既要吸引眼球，又要清晰传达专业设置、校园环境、报名方式等关键信息。本项目以星辰大学为虚构对象，设计了一页式滚动宣传页。

方面	实现方式
布局	CSS Grid + Flexbox 混合布局
响应式	媒体查询三断点（768px / 1024px / 1440px）
动画	CSS Scroll-driven 入场动画、卡片悬浮效果
性能	图片懒加载、CSS 硬件加速

配色以深蓝色为主调，传递"专业、信赖"的品牌感；搭配金色点缀，增加高级感。字体选用系统原生字体栈，确保加载速度和跨平台一致性。整体遵循"少即是多"原则，每个板块只保留最关键信息。