Do you want to create a mockup which will not cause misunderstandings between web designers and web developers? We offer 9 best practices that can significantly help you to create a great mockup and implement it with ease.
- Separate every page/view
Every page/view should be prepared as a separate PSD file with corresponding intuitive name.
- Observe the grid layout
All structural elements of the design should be arranged as an appropriate layered structure with clear titles, so a programmer can easily find all the elements, eg.:
- sign-up button
- navigating arrows
- close cross
- about us block
- who we are block
- button find out more
The structure above is intuitively clear and possible to arrange properly. This makes it possible to quickly assemble the page frame and position elements on the page.
- Consider the screen resolution