Mockplus - Design Faster. Collaborate Better.

Blog > Samples > Mockplus prototype samples > Mockplus Sample Project – Grid Diary (App, Diary)

Mockplus Sample Project – Grid Diary (App, Diary)

Dec 7, 2017
78825

Grid Diary is a simple journal app with powerful functions and is very popular with young people who love writing diaries. And it is not only a tool that can help you record your life. Actually, its unique interface is made up of a number of grids. And each grid also includes a question. That’s really interesting. And as with grids, recently, Mockplus also introduces a brand-new Table component that really shows you WYSIWYG. It no longer uses a set of text codes to control and edit the data grid, you can directly insert a row or column, and enter a text with double clicks. So, it can be really easy and fast to set such interesting grids with this new Table component.

Since this new Table component has not been released yet while building this app prototype, the process of adding these grids by using line components is a little bit troublesome.Let’s try this new Table component.

Let’s see it in GIF at first:

Grid Diary

Click here to preview it online: http://run.mockplus.com/JeWQcqLK5nOkDTGH/index.html

UI Flow in Large Size:

Grid Diary

Pages of this prototype: Welcome, Guide, Home, Edit, Detail and Share, etc.

The project file can be downloaded here.

All pages of the album (10 pics in total) can be downloaded from here.

Enjoy it!

Summer ye

In- house content editor, specialize in SEO content writing. She is a fruit lover and visionary person.

What's Mockplus?
Mockplus Cloud

A design handoff and collaboration platform to streamline your entire product design workflow.

Mockplus RP

A fast and free online prototyping tool that makes your ideas fly.

Mockplus DT

A vector-based UI design tool enables you design in the way you want to.

Mockplus DS

Your single source of truth to build, maintain and evolve design assets in one place.

Free prototyping, design handoff and collaboration

Join millions of Mockplus users to create the world’s best product

Sign Up For Free