博客> 【附源文件】日记类App原型制作分享-Grid Diary
【附源文件】日记类App原型制作分享-Grid Diary
2018-07-16 02:53 评论:0 阅读:215 jongde
产品经理 开发工具 交互设计 原型设计 APP设计 设计师 原型例子

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

先简单看看动图:

 Grid-Diary.gif

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

再送上UI Flow大图:

 Grid-Diary.png

这个原型的主要页面有:欢迎页面、引导页面、主页、编辑页面、详情页面、分享页面等。

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

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

Enjoy it!

收藏
0
sina weixin mail 回到顶部