案例
Starmoss:观星伴侣 iOS UI 概念(Tonight / Sky / Target)
原创高保真 iOS UI 概念,面向观星爱好者:今晚观测预报、简洁星图、目标详情三屏。虚构品牌,数据均为 DEMO,不是真实 App。
图片署名:Tink
Starmoss 是一款原创高保真 iOS UI 概念,为喜欢抬头看星空的人设计。三个屏幕分别回答三个问题:今晚值不值得出门,该往哪里看,能看到什么。
三个屏幕
Tonight(今晚)。 大号衬线标题先定下氛围,接着是汇总观测条件的星空评分仪表,旁边列出云量、月落时间和风速。下方的暗夜时段条覆盖 18:00 到 06:00,标出最佳观测窗口和月落时刻。最后是今晚推荐目标的横向卡片。
Sky(星图)。 圆形天穹上有风格化的星座连线、柔和的银河光带,以及锁定仙女座星系的准星。玻璃质感的底部面板列出关键信息和高度曲线,一眼就能看出目标何时升到最高。
Target(目标)。 土星用 CSS 与 SVG 绘制,带前后分层的光环。下方是升起、最高、落下三个时间,一个可切换器材的模拟目镜视图,推荐搭配观测的目标,以及唯一的主操作:加入今晚的计划。
视觉系统
- 墨蓝底色配半透明玻璃卡片
- 只用一种柔和的苔绿色标示选中状态和主按钮,琥珀色只留给月亮和行星
- Instrument Serif 衬线标题,界面文字与时间用 Geist 和 Geist Mono
- 悬浮圆角底栏,当前标签显示为填充胶囊
说明
Starmoss 是虚构品牌。所有时间、评分和地点信息均为演示用 DEMO 数据。星座连线是风格化绘制,目镜画面是模拟效果,不是实拍照片。这是一份静态设计作品,不是可运行的 App 或天文工具。所有图形均由代码绘制,未使用照片或第三方标志。