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

Asana是一款工作任务管理工具,注重任务创建方便快速,任务分类归档清晰。

Asana是一款工作任务管理工具,它有手机端和网页端。

这款App在配色上很棒,采用了一些渐变色,这里由于是制作原型,采用的色彩依然是黑白灰,主要体现功能和交互。

这类App,功能上,注重任务创建方便快速、任务完成进度跟踪,任务分类归档清晰,对于团队任务,分工明确,管理便捷等。

下面一起来看原型,之后会和大家分享这款软件的网页版,可以对比App端和网页端的一些设计规范和区别。

先简单看看动图:

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

再送上UI Flow大图:

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

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

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

Enjoy it!

3条评论 添加新讨论

10月16日评论

非常喜欢用Mockplus做原型,上手快,操作简单,便捷。给我做原型节约了不少时间和精力。

回复
09月18日评论

制作工具不一样,axure动效做起来太麻烦;类似墨刀等工具会比较高效一些

回复
09月14日评论

想问这款原型制作和axure有什么区别?或者有什么更出彩的地方?

回复
登录后参与讨论
Ctrl+Enter 发表