# 光影摄影作品集网站

## 网站介绍

光影摄影是一个专业的摄影师作品展示网站,旨在通过精美的视觉设计和流畅的用户体验,展示摄影师的艺术作品。网站采用现代简约风格,结合暗黑/明亮模式切换功能,为访问者提供舒适的浏览体验。

## 核心功能

### 1. 作品展示与分类
– 支持人像、风景、抽象三大类作品展示
– 点击作品可查看详细信息,包括拍摄参数和作品描述
– 支持按类别筛选功能,方便快速找到感兴趣的作品

### 2. 暗黑/明亮模式切换
– 一键切换暗黑和明亮两种浏览模式
– 自动记忆用户偏好,下次访问自动应用
– 平滑过渡动画,提升用户体验

### 3. 响应式设计
– 完美适配桌面端、平板和移动设备
– 移动端优化的导航菜单
– 自适应图片布局,确保在各种设备上都有最佳显示效果

### 4. 作品详情页
– 大图展示作品细节
– 完整的EXIF信息展示
– 相关作品推荐功能
– 分享、下载和咨询功能

## 技术特点

– 使用HTML5、CSS3和JavaScript构建
– 集成Tailwind CSS实现现代化UI设计
– 使用Font Awesome提供丰富的图标支持
– 集成GSAP动画库实现流畅的页面动效
– 玻璃态设计风格,提升视觉层次感

## 使用指南

### 浏览作品
1. 进入网站首页,可直接看到精选作品展示
2. 使用顶部导航栏快速跳转到不同页面
3. 在作品页面,可点击分类标签筛选不同类型的作品
4. 点击任意作品卡片,进入详情页查看更多信息

### 切换主题
1. 点击顶部导航栏右侧的主题切换按钮
2. 网站会自动切换暗黑/明亮模式,并保存您的偏好设置

### 联系摄影师
1. 点击导航栏的”联系”按钮,或在作品详情页点击”咨询”按钮
2. 填写联系表单,提交您的咨询内容
3. 摄影师会尽快回复您的咨询

## 适用场景

– 专业摄影师作品展示和推广
– 摄影工作室形象网站
– 摄影作品集在线展示平台
– 摄影服务预约和咨询

## 自定义指南

如需自定义网站内容,您可以:

1. 替换作品图片:修改HTML文件中的图片链接
2. 更新作品信息:编辑JavaScript中的portfolioData数组
3. 调整配色方案:修改Tailwind配置中的颜色设置
4. 添加新作品:按照现有格式在portfolioData中添加新条目

## 结语

光影摄影网站为摄影师提供了一个专业、美观的作品展示平台,帮助摄影师更好地展示自己的艺术才华,吸引潜在客户。网站的现代化设计和流畅体验,能够给访问者留下深刻印象,有效提升摄影师的专业形象。