How do I Wireframe 1.0

So basically, we did the wireframes to help us in determining what elements that might be needed, how the layouts gonna be, and also to make the user flow as clear as possible.

In this project,
the first thing I did is to prepare the Sketch App, then place the artboard depends on what kind of project are you working on (website, app, etc.). Put the elements inside the artboard (text, icons, buttons, shapes, etc.) at this phase, you don't need to put the color properly, just use the grayscale color to make your work faster. After the frames are ready, all you need to do is just to put the wire to connect the flow between the frames. And that's it!

Regarding this, I've prepared the scale-able wire that I gonna share to you in the next shot. So, stay tuned!

DOWNLOAD HERE

Press "L" if you like it.
and share to the others :D

Posted on Aug 19, 2017

More by Adit Septian

View profile