1. Start with some screenshots
2. Paste your screenshots on blank slides
If you are pasting mobile screenshots let them fit the slide height. This is the best way to keep one size to all mocks.
3. Do your magic
- Hide unnecessary elements by placing blank rectangles on top of them.
- Duplicate elements and crop them to move objects around.
- To modify or add text areas, add text boxes. Make sure to fit the font style and size to make those boxes look like in the original app. I usually save a few examples on the side as a backup.
- Add graphical objects (lines, arrows, icons, etc.), copy, paste & move them, until you are happy with the results.
- Reorder layers by using ‘Bring to front’ & ‘Move to back’
- Copy parts of your UI by using the ‘Crop’ tool (in the ‘Picture Format’ tab).
- Color your new elements with the original colors of your app by using the ‘Color Inspection Tool’.
- Align elements using the ‘Align’ options.
- Distribute elements with equal spaces using the ‘Align’ -> ‘Distribute’ tool
- Group few elements together to move or copy them as one bundle
PowerPoint makes it so easy to create & redesign mocks, you no longer need a designer to visualize your creative thoughts.
|Add captionHere are some of the elements copied or created on top of the original screenshot (Missbeez App)|
4. Duplicate your slides
Once I have enough options, I ask for initial feedback from users and colleagues.