Quick GUI Prototyping Tool. Sketch Screen Prototypes for Better Software Requirements and Faster User Interface Design Sketch Screens in Minutes
Tutorial: Creating mock-ups of Web pages Print This Page

With MockupScreens you are not limited to screens, you can also create mocku-ups of Web pages. Just follow me.

First, create and open a new screen. Look on the left toolbar for the “Web page elements” group, and click the “Web browser” command. This will add a nice web toolbar to our screen. Web pages are usualy scrollable, so add a “V.Scrollbar” right from the start.

Now add to our web page mockup a title, a horizontal line and some text. Use the line to separate title from the text, as is usual for some web pages.

And last, add an image. Images are not real, they are also mock-ups, so choose one of the predefined mock-up images.

That's it. You have created a mock-up of the web page.

Previous page    Next page


Copyright © 2004-2006, Igor Ješe