Get this template

Wenhao JI

移动端发推应用

移动端发推应用

移动端发推应用

掌握最新节展资讯,随赛事游历周边

掌握最新节展资讯,随赛事游历周边

掌握最新节展资讯,随赛事游历周边

MWFF App 提供以下功能:1.获取最新节展/活动的动态及资讯;2.创作者参加赛事/活动;节展方发布征集赛事/活动;3.创作者个人/机构/节展方发布相关推文(此处仅展示发推业务页面)4. 社交/构建个人主页。

客户名称:

MWFF

项目职位:

Project Designer ; UI & UX Designer

合作年份:

2025

服务内容:

需求分析,业务流整理,原型页面及交互设计

  1. 首页导航界面

    左侧界面展示了应用的主页,用户可以看到个人信息、关注的内容以及快速导航菜单。顶部的搜索框便于用户快速查找内容,右上角是社交互动和发布功能,界面简洁且易于导航。

  2. 图片选择界面

    第二个屏幕是图片选择界面,用户可以从多张图片中进行选择。每张图片呈现为网格布局,便于用户快速浏览和选择所需的图片。

  3. 推文编辑与发布界面

    第三个屏幕展示了用户正在编辑推文的界面。此时,用户可以对正在编辑的内容包括封面进行预览。界面设计注重功能性和简洁性,第四个屏幕展示了当文本区被激活时,竖屏被缩小推至头部,同时键盘弹起,工具栏位于键盘上方,易于触达和使用。用户可以在此添加更多的描述、标签、位置等内容,编辑器界面提供了丰富的符号和输入工具,提升用户体验。下方的工具栏包含了多种输入选项,用户可以方便地插入不同的内容类型和标题样式。

  4. 工具栏弹窗界面

    激活工具栏中的【表情】icon,弹起表情,支持左右滑动查看更多。激活工具栏中的【#话题】【@提及好友】icon,弹起热门话题弹窗,好有列表弹窗。激活工具栏中的【标题样式】icon,弹起标题样式弹窗。此界面包括编辑功能、封面替换、标签设置等,清晰的布局设计让用户能够快速完成设置。

  5. 推文详情界面:

    用户发布后的推文样式见图1中图,此页面在关注内容展示的同时根据用户手势操作习惯增强用户体验,上划展示更多文本信息,下拉进入推文【影集相册】,仅展示视频/图片视觉信息。

整体设计风格现代、简洁,注重用户体验,采用了清晰的布局和流畅的交互,使用户能够轻松浏览、编辑和发布图片内容。

Create a free website with Framer, the website builder loved by startups, designers and agencies.