记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 196647|回复: 0
收起左侧

[UI教程] 【附源文件】日记类App原型制作分享[含2P]

[复制链接]
发表于 2018-7-11 08:07:39 | 显示全部楼层 |阅读模式
Grid Diary是一款非常受文艺青年喜爱的记录应用,它设计简单,内容却非常丰富。

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





点击这里,可以立即在线预览:
https://run.mockplus.cn/O3k9F3hCLCIwZ6Ki/index.html
再送上UI Flow大图:





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


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


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


Enjoy it!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:Photoshop图标设计教程和资源
下一篇:四步学会简洁扁平插画绘制(基础篇)
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )