Project Case Study
概念验证 · 2025Petite Gallery
轻量级图片画廊概念，探索照片和截图的低干扰浏览体验。
阶段边界当前只完成图片浏览体验、响应式布局和加载策略的概念方案，尚无公开运行版本。
演示地址 · 概念稿，无独立演示 源码地址 · 私有仓库
项目介绍
Petite Gallery 是一个轻量图片画廊展示站，目标是让照片、截图和插画在不同设备上都有稳定的观看体验。
它不追求复杂社区功能，而是把重点放在图片比例、加载顺序、分组浏览和留白节奏上。
Gallery Sample
图片画廊浏览页示例
示例页围绕图片观看体验设计，先稳定缩略图比例和加载顺序，再进入沉浸式大图浏览。
精选网格
首页保留均衡留白，让不同尺寸图片有统一节奏。
- 固定比例缩略图
- 低带宽优先加载首屏
- 图片标题延迟展示
分组浏览
按主题、时间和标签快速切换图片集合。
- 标签筛选不刷新页面
- 保留当前位置
- 空状态提示下一步
大图详情
点击图片后进入沉浸查看，减少周围 UI 干扰。
- 键盘切换上一张下一张
- 展示 EXIF 摘要
- 移动端支持手势滑动
设计目标
以下内容描述概念范围和期望体验，不代表已经完成实现。
- 瀑布流与网格两种图片浏览方式
- 图片分组、标签和轻量筛选
- 保留足够留白的沉浸式详情视图
- 针对低带宽场景优化缩略图加载
技术方案
框架
体验
部署
当前产物
只列出目前能够确认的设计产物与公开边界。
- 当前产物
- 浏览流程、响应式布局与静态视觉稿
- 可运行版本
- 暂无公开版本
- 源码状态
- 私有仓库，暂不公开
下一步计划
- 补充图片 EXIF 信息
- 增加键盘浏览
- 增加批量导入脚本
- 优化移动端大图手势