Onefootball 是一款适合于足球迷的应用,提供全球 100 多项赛事的新闻.数据.比分和直播.原型中选择“喜欢的球队”这个界面中,用到了悬浮按钮,采用的是滚动区来放置需要滚动的球队列表,然后将按钮放在滚动区上面,即可实现.此原型中还有很多重复布局,采用的是Mockplus的格子功能,让重复布局一拖拽就可快速完成. 先简单看看动图: 点击这里,可以立即在线预览:https://run.mockplus.cn/SWKZVQkTgprPzTyw/index.html 再送上UI Flow大图:…

ColorfulClouds是一款界面精美的天气预报App,它可以准确预报降雨量.污染程度等.这款App最美的是它的首页天气插画,扁平精美,同时配上了适当的动效,把普通的天气变得漂亮有趣,十分吸引眼球.同时,这类App中会用到大量的天气图标,在Mockplus中,拥有2000+的矢量图标,可以轻松找到各类所需天气图标. 先简单看看动图: 点击这里,可以立即在线预览:https://run.mockplus.cn/9SgP4sEzyCjMGusj/index.html 再送上UI Flow大图:…

Mindmate是一款健康类App,主要是帮助人们快速入眠,放松情绪,它拥有小清新的界面,配图全是由插画组成,生动有趣.在这款原型中,为了保持App的原有特色,将插画通过图片组件导入进来:音乐播放界面使用了图片+遮罩制作背景,进度条采用的是移动交互动画. 先简单看看动图: 点击这里,可以立即在线预览:https://run.mockplus.cn/ebSbOQBE93d6mPKQ/index.html 再送上UI Flow大图: 这个原型的主要页面有:启动页面.登录注册页面.主页.音乐列表页面.…

AnyList是一款可以帮你创建购物清单,并且帮助你整理食谱的生活工具App,前面引导页采用图片+文字的方式,介绍App的用法,登录注册采用选项卡切换的方式,减少了页面切换的繁琐操作,在Mockplus中,采用分段控件+内容面板结合使用的方式可以轻松达到此效果. 本原型由国产Mockplus(原型工具)和iDoc(智能标注,一键切图工具)提供. 先简单看看动图:   点击这里,可以立即在线预览:https://run.mockplus.cn/klcjKhmV6tyRtkUN/index.html…

Grid Diary是一款非常受文艺青年喜爱的记录应用,它设计简单,内容却非常丰富.它不再是单调的文字记录,界面的设计非常与众不同,由许多格子拼凑而成,每一个格子里面还带有一个问题,十分有趣.提到格子,不得不说Mockplus最近推出的全新表格组件,真正实现了所见即所得,它不再是文字输入+算法转化的方式,而是可以直接添加表格行列,在对应表格中双击即可实现文字输入.在设计这种带表格的界面时,简单且快速.由于制作这款原型时,表格组件还未推出,因此是用线条来拼凑的,稍显吃力.之后一起来试试这个全新的表…

本原型由国产Mockplus(原型工具)和iDoc(智能标注,一键切图工具)提供. 主要页面:启动页面.主页.添加事件页面.设置页面等. mp文件下载:点击这里 在线预览:http://run.mockplus.cn/Ia2eoPHtGkrZOdFj/index.html…

好像去年有一阵,电台类的app特别火爆,喜马拉雅和蜻蜓FM互相还撕逼.听老罗,听好好说话,都得在电台app里,所以我想研究研究这些app.我没那么多资源,只好从app的开发架构方面去研究. 我看apicloud上有2个做电台的源码,分享一下,大家一起讨论. 蜻蜓FM的源码 先放几张截图看看 二维码在此,欢迎大家下载玩玩: 源码下载: 附件过大,放到百度云了  http://pan.baidu.com/s/1tvsGu  github 地址: https://github.com/jinlong/…

Taste是国外知名的美食类网站,为人们提供丰富的美食菜单,帮助人们更好的享受美食带来的快乐.网站采用图文结合的排版方式,有固定顶部导航栏的交互功能等. 本原型由国产原型工具Mockplus和团队协作工具iDoc(一键切图.智能标注等)提供. 点击这里,可以立即在线预览:Taste原型模板在线预览 以上设计的所有页面可以在这里下载分享. 所有页面的图片集(5张), 在这里下载. Enjoy it!…

Sketch是一款轻量,易用的矢量设计工具.专门为UI设计师开发,让UI设计更简单.更高效. 本原型由国产原型工具-Mockplus制作完成. 非常适合工具类产品官网使用,本模板的交互有通过使用面板组件,实现了列表的折叠效果. 点击这里,可以立即在线预览:Sketch原型模板在线预览. 以上设计的所有页面可以在这里下载分享. 所有页面的图片集(5张), 在这里下载. Enjoy it!…

Wokabulary是一款多功能词汇学习App,可以学习多国语言词汇.原型的引导页面采用的图片+文字+分页器,需要注意的是分页器选中位置要与页面顺序一致.其次是语言的选择页面,在前面给大家介绍过滚动区和多行文本构成的时间选择器,这里同理采用一样的方式即可实现. 本原型由国产原型工具-Mockplus制作完成. 先简单看看动图: 点击这里,可以立即在线预览:https://run.mockplus.cn/ODG0AFUvm5ufnDP8/index.html 再送上UI Flow大图: 这个原型的…