Ocamera
Capture your own story.
拍下眼前，留下自己的表达。
摄影与图像表达
正在呈现画面项目介绍
ABOUT THE PROJECT拍下眼前，留下自己的表达。
Ocamera 是一款将取景、画面调整与分享放在一起的相机 App。滤镜改变照片的气氛，文字与印章补充表达，图库保存作品，方便再次查看和分享。
- 产品类型
- 摄影与图像表达
- 设计类型
- 从 0 到 1 完整设计
- 主要场景
- 取景 / 调整 / 分享
设计流程
DESIGN PROCESS围绕取景、画面调整与保存，给照片留出空间，让编辑操作顺手可见。
- 01
整理创作路径
划分取景、图库与编辑的一级入口，连接滤镜、文字和印章等二级操作。
结构规划 - 02
建立画面层级
以黑、白与两种灰衬托照片，统一工具与选中状态的识别。
视觉规范 - 03
展开编辑操作
围绕画面调整、文字与印章，安排预览区域和相关工具的位置。
界面设计 - 04
衔接保存分享
连接作品预览、图库与分享选项，保持完成编辑后的操作清楚。
交互细节
设计规范
VISUAL SYSTEM黑、白与两种灰构成克制的操作区，为照片保留足够空间。
深色基础Black
#101113主要操作 / 文字与图标
浅色基础White
#FFFFFF画面留白 / 内容背景
浅灰层级Light Gray
#D9D9D9工具容器 / 结构分隔
辅助信息Gray
#8C8C8C次要文字 / 未选状态
布局规范
LAYOUT & SPACING依据真实页面组织照片、内容、入口和操作，标注相应的布局关系。
上方圆形照片保留作品预览，下面排列印章样式和文字选项，确认操作位于底部。取景、滤镜和印章围绕照片展开，不套用信息卡片结构。
50%
圆形照片印章选项
10pt
文字菜单调节按钮
50%印章
- 左右边距
- 16 pt
- 选项间距
- 14 pt
- 文字间距
- 12 pt
核心界面
MAIN SCREENS从主要使用场景开始，查看产品的核心界面。点击图片可以查看完整大图。
更多设计细节
MORE SCREENS沿着使用路径，继续查看内容、操作与不同状态。
