"麻九香精致火锅"移动应用设计与交互原型的实现

数媒竞赛获奖作品信息及简介
作品名称"麻九香精致火锅"移动应用设计与交互原型的实现
团队成员

本作品为上海颖琴餐饮管理有限公司旗下“麻九香精致火锅”品牌设计的移动应用界面及交互原型。使用Pdtools绘制纸质原型图,以UI设计利器Sketch为主、PS和AI为辅设计页面,利用国产交互原型工具Mockingbot(墨刀)制作交互原型。作品采用了红白黑三色的配色方式,页面设计简约而不简单,包含53个页面、百余个UI。主要用到的手势有:点击、滑动、拖动等。

主页的各项链接内容均为点击,轮播图左滑可切换至下一张;底部栏可以切换到对应的四大模块。预约栏中预约者性别可切换,上大店内布景图左右拉动可查看不同位置。点单栏中竖分栏模式可通过对第一道菜的加号进行点击以实现模拟点单,缩览图模式可通过对丸滑类菜品中的“妈妈香菜猪肉丸”模块上的星号进行点击以实现模拟收藏。更多栏中的火锅锅底,类似电商类APP的商品浏览模式,左滑切到下一张,全部切完后屏幕上显示加载中动画,此时可右滑实现所有卡片归位重置。收藏栏中可在tab和第一项收藏内容中间的区域下拉,实现模拟页面刷新的效果。APP原型使用完毕后,如平时一般做关闭处理即可,不会产生运行垃圾。