Smoothies是一款饮品类的App,首页以图片为主,Mockplus的图片组件,充当占位符时,可以选择是否显示文本,双击即可添加图片,图片的填充模式丰富多样,可根据实际情况来选择。其次是详情页面的悬浮侧拉面板,比较有特色,不会占据屏幕多余位置,查看也很方便,做法也非常简单,直接使用面板来放置好各种组件,然后给面板整体做移动交互,再配上“自动还原”功能,即可实现面板的展开和收回,在下面的原型中可以看到效果。

先简单看看动图:

Smoothies

点击这里,可以立即在线预览:https://run.mockplus.cn/VqqRbNt0JIHjD6xl/index.html

再送上UI Flow大图:

Smoothies

这个原型的主要页面有:主页、详情页面、搜藏页面、搜索页面、设置页面等。

以上设计的所有页面可以在这里下载分享

所有页面的图片集(6张),在这里下载

Enjoy it!

 

 

饮品类App原型制作分享-Smoothies