观星活动App设计:荧光绿串起发现与分享界面设计预览

观星活动App设计:荧光绿串起发现与分享

作者:界达设计工作室(JVDS) 阅读时间:约 5 分钟

这组观星活动App以黑色和荧光绿建立夜间主题,天象图片则提供蓝绿与星空的局部色彩。绿色并非只用来装饰:日期、筛选条件、选中标签和发布按钮都通过它被看见。页面从发现天象走向创建活动,再走向朋友分享,中心问题是如何让用户知道此刻在看什么、选了什么,以及即将把哪一个活动交给别人。

核心结论

  • 月历围绕日期组织发现,浏览页围绕主题、时间和距离组织筛选。
  • 创建表单把活动名称、时段、地点与邀请对象聚在一起,草稿与发布分开。
  • 分享和邀请组件延续绿色视觉,需让活动摘要和发送状态同样明确。

月历与浏览对应两种找法

Calendar页将April月历放在上半屏,用绿色选中16日附近的日期状态,下面显示April Lyrids卡和16 Apr标签。月历里的小图标提示不同条目,卡片接着给名称、简介和Learn More。对于按日计划的人,这种结构先回答何时,再进入当天内容。

Browse页则将搜索放在标题下,this month与150 km作为绿色可移除条件,旁边过滤图标也填绿。主卡展示Aurora Borealis与12 APR,下面再列日月食、流星雨等主题类别。用户可以围绕兴趣和范围浏览,不必先指定某一天。

底部Calendar与Browse分段切换始终存在,当前项是绿色实底。两种发现方式因此共享一个可见返回点。进入结果后,天象日期与社区活动的集合时间应有不同标签,因为一条观测线索与一次组织安排需要回答的条件不同。

黑色月历和浏览页面里的荧光绿日期、条件与切换标签
日期查找和主题浏览各有起点,绿色集中表达当前选择。

创建活动把时间和邀请放回具体对象

创建表单按Event name、Date、From、To、Location和Invite Friends向下排列,开始与结束时间并列,让时段不必在一句文本里推测。邀请输入旁是添加人物图标,下方已出现头像,Send notification开关与底部Save as Draft、Publish分别占有位置。信息填写、通知选择和发布动作没有合并成一个按钮。

发布完成页写Your Event Is Ready,并给OK与Share With Friends两个出口。用户可以结束创建,也可以继续分享,步骤关系比较明白。JVDS更偏好让最终确认保留活动名称、时间地点和通知对象,再给出发布动作,特别是已添加朋友和是否发送通知应各自清楚。头像出现可以说明已选对象,不能单独承担发送结果。

活动列表用照片卡承载名称、日期和时间,Camping与For Beginners作为条件标签,上方仍有搜索和过滤。创建好的对象回到列表后,应该与表单和分享页使用相同信息;如果编辑日期或地点,也需要检查各处摘要如何更新。

活动创建表单、发布成功页、二维码分享和活动列表
创建、发布与分享分成连续步骤,活动摘要应随步骤延续。

绿色组件要把不同状态说清

组件图展示Chip的实底与描边、Calendar与Browse两种选中、搜索框的空白、焦点和已输入,以及邀请框下出现头像的状态。绿色边框与光标提示正在输入,实底标签提示已选条件,灰色图标则与它们形成差别。这套细节使品牌色进入具体使用过程。

邀请头像带移除小叉,用户可以检查和调整当前列表;搜索输入与邀请输入也各保留不同图标。接下来应让“已添加”与“已通知”有可辨认的反馈,避免绿色同时包办所有完成状态。颜色可以统一,文字仍应说出动作范围。

分享组件用白色二维码提供强烈识别点,Copy Link为绿底,Save Code为描边。面板中活动背景被虚化,单独保存的码未展示完整名称与时间地点。若分享给尚未打开应用的人,可在码旁保留活动短摘要,让接收者先知道邀请内容,再决定是否进入。

标签、搜索、邀请和复制链接组件的多种状态
一套颜色可以贯穿组件,但输入、选择与送达仍应分清。

常见问题

二维码旁为什么还要放活动信息?

接收者可能先看到保存的图片或转发消息。活动名称、时间地点和发起人能让邀请独立读懂,二维码再提供进入完整内容的位置。

设计检查清单

  • 分清天象日期、可见条件与活动集合时间地点。
  • 确认邀请对象与通知开关,分别展示添加、发布和送达状态。
  • 检查分享摘要和二维码落点,保证编辑后的活动信息一致。

连接发现、创建和朋友邀请

如果观星或兴趣活动产品需要从内容发现延伸到组局分享,界达设计工作室(JVDS)可协助UI/UX设计与网站设计、开发,梳理日历、活动表单和邀请状态。

可以从一次实际组局的准备过程出发,讨论哪些信息要随活动在各页保留。

联系界达设计,聊聊你的项目

咨询电话:17346567675 聊聊你的项目
链接复制成功

从想法到落地,我们一起完成

以用户体验为核心,打造真正可用、可增长的数字产品

和我谈谈您的项目