拖动浏览,滚动或双指缩放。打开帮助查看键盘操作。

Yan
开放
合作
聊聊吧
Yan Fontão Boring view
All work

Case 013移动应用设计

Momentálity

一款家庭与日常安排应用,把日历、任务、餐食、预算和妈妈社区集中在一处。屏幕上的姓名和数字均为示例内容。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
原始设计文件中的 Momentálity 演示封面。
演示封面,来自原始文件。

01

我的贡献

Momentálity 的标语是“Designed for the way you live”,它把一家人一周里不断变动的各项事务集中在一个应用里。Figma 文件里有 25 个移动端 Frame,外加变体,从新手引导和让应用认识你的初始设置,到杂货和储藏室页面;这里我展示的是撑起日常安排的那几个页面。

首页,向 Jane 问候,有周日期条、Task Manager 和 Notification Center 快捷入口,以及今天的活动列表。
Task Manager 页面,有 AI Assistant 卡片、Task List、Suggestions 和 Scheduled 三个 Tab,以及今天和本周的清单。
设计稿页面的串联演示,并非录屏:首页、任务、餐食、预算和社区。 首页把一周、快捷入口和今天的活动放在一起。 Task Manager 把 AI 卡片放在用户自己的清单上方。

02

首页从今天开始

首页只回答一个问题:今天有什么安排?问候语在周日期条上方,往下是主要工具的快捷入口,再往下是当天的活动。每个活动都有一个时间标签和一个小标签(Work、Home、Family),这样,工作演示和在家收拾屋子可以放在同一份列表里,又不会混在一起。

03

建议放在列表上方,不夹在列表里

在 Task Manager 里,AI Assistant 只是顶部的一张卡片。卡片下面仍以用户自己的清单为主,分成 Today’s Tasks 和 Week’s Objectives,Suggestions 和 Scheduled 则放在各自的 Tab 里。Meal Planner 的顺序相同:一条建议横幅,然后是当天的餐食卡片,从早餐排到夜茶。

Budget Overview 用一张环形图把当月支出拆分为账单、休闲、健康、食品杂货和教育,下方是日均、月均和年均数据。

Community 页面里的 MomNet Community Tab,有 Find local connection 卡片、Nearby Moms 地图和示例成员的近期消息。
Meal Planner 页面,有周日期条、建议横幅,以及早餐、午餐、晚餐和夜茶的卡片。
Budget Overview 页面,用环形图按类别拆分每月支出,并列出日均、月均和年均数据。
MomNet Community 先引向群组,再引向附近的妈妈。 Meal Planner 把当天的餐食列在一条建议之下。 Budget Overview 按类别拆分当月的示例支出。

04

一个社区 Tab,三个空间

Community Tab 下有 Chats、MomNet Community 和 MomNet AI 三个部分。MomNet Community 以唯一的操作 Explore Groups 开头,接着是 Nearby Moms 小地图和她们的最新消息。MomNet AI 保存着一份提示词列表,按 Today、Yesterday 和 Last 7 Days 分组。

000

使用说明

Yan Fontão
轻点
打开一个屏幕
点击
打开一个屏幕
拖动
浏览项目墙
滚轮
鼠标缩放,触控板移动,双指缩放
− +
拉远查看整面项目墙,或拉近
方向键
在案例中:↑↓ 切换案例,←→ 切换媒体。在项目墙上:移动
空格
打开或返回
Enter
打开
Esc Backspace
返回
Home
回到中心,再回到开场
PgUp PgDn
上一个或下一个频道
Tab
依次浏览项目和链接
R
随机项目
0–9
输入频道号,1–61
?
本页
快捷键

项目墙背景音乐

文件已为网页压缩并统一音量。

开放
合作
聊聊吧

给 Yan 发消息

告诉我你是谁,我会尽快回复。

000

关于 Yan

你好,我是 Yan

产品设计师/ 设计工程师

大多数产品都会在设计和代码之间丢掉一些东西。我的不会:我研究问题、设计产品,并亲手把界面上线,所以你批准的,正是用户最终拿到的。

  • 2018开始软件开发
  • UI + code设计与实现

合作过 Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

巴西 · 可远程、混合或驻场

Yan Fontão 的坐姿肖像:穿绿色毛衣、戴眼镜,手持麦克风。
开放
合作
聊聊吧
开放
合作
聊聊吧
000

加密频道

受保密协议约束

请输入访问码

向 Yan 索取访问码 ↗
开放
合作
聊聊吧
YAN FONTÃO 完整案例

频道 13 移动应用设计

Momentálity

一款家庭与日常安排应用,把日历、任务、餐食、预算和妈妈社区集中在一处。屏幕上的姓名和数字均为示例内容。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
原始设计文件中的 Momentálity 演示封面。
演示封面,来自原始文件。

一家人的日常,一次看一眼

来自原始 Figma 设计文件的页面,使用示例数据。

我的贡献

Momentálity 的标语是“Designed for the way you live”,它把一家人一周里不断变动的各项事务集中在一个应用里。Figma 文件里有 25 个移动端 Frame,外加变体,从新手引导和让应用认识你的初始设置,到杂货和储藏室页面;这里我展示的是撑起日常安排的那几个页面。

设计稿页面的串联演示,并非录屏:首页、任务、餐食、预算和社区。
首页,向 Jane 问候,有周日期条、Task Manager 和 Notification Center 快捷入口,以及今天的活动列表。
首页把一周、快捷入口和今天的活动放在一起。

首页从今天开始

首页只回答一个问题:今天有什么安排?问候语在周日期条上方,往下是主要工具的快捷入口,再往下是当天的活动。每个活动都有一个时间标签和一个小标签(Work、Home、Family),这样,工作演示和在家收拾屋子可以放在同一份列表里,又不会混在一起。

Task Manager 页面,有 AI Assistant 卡片、Task List、Suggestions 和 Scheduled 三个 Tab,以及今天和本周的清单。
Task Manager 把 AI 卡片放在用户自己的清单上方。

建议放在列表上方,不夹在列表里

在 Task Manager 里,AI Assistant 只是顶部的一张卡片。卡片下面仍以用户自己的清单为主,分成 Today’s Tasks 和 Week’s Objectives,Suggestions 和 Scheduled 则放在各自的 Tab 里。Meal Planner 的顺序相同:一条建议横幅,然后是当天的餐食卡片,从早餐排到夜茶。

Budget Overview 用一张环形图把当月支出拆分为账单、休闲、健康、食品杂货和教育,下方是日均、月均和年均数据。

Community 页面里的 MomNet Community Tab,有 Find local connection 卡片、Nearby Moms 地图和示例成员的近期消息。
MomNet Community 先引向群组,再引向附近的妈妈。
Meal Planner 页面,有周日期条、建议横幅,以及早餐、午餐、晚餐和夜茶的卡片。
Meal Planner 把当天的餐食列在一条建议之下。

一个社区 Tab,三个空间

Community Tab 下有 Chats、MomNet Community 和 MomNet AI 三个部分。MomNet Community 以唯一的操作 Explore Groups 开头,接着是 Nearby Moms 小地图和她们的最新消息。MomNet AI 保存着一份提示词列表,按 Today、Yesterday 和 Last 7 Days 分组。

Budget Overview 页面,用环形图按类别拆分每月支出,并列出日均、月均和年均数据。
Budget Overview 按类别拆分当月的示例支出。