摹客 Mockplus

摹客 Mockplus

让设计更快更简单

工具类App原型制作分享-Asana App

Asana是一款工作任务管理工具,它有手机端和网页端,这款App在配色上很棒,采用了一些渐变色,这里由于是制作原型,采用的色彩依然是黑白灰,主要体现功能和交互,这类App,功能上,注重任务创建方便快速、任务完成进度跟踪,任务分类归档清晰,对于团队任务,分工明确,管理便捷等,下面一起来看原型,之后会和大家分享这款软件的网页版,可以对比App端和网页端的一些设计规范和区别。

先简单看看动图:

Mockplus原型分享-Asana App

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

再送上UI Flow大图:

Mockplus原型例子-Asana-App流程图

这个原型的主要页面有:登录注册页面、主页、添加任务页面、我的任务页面、团队页面、个人信息页面等。

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

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

Enjoy it!