Design Workshop
Mock-up samples
mockup: basic layout  

Using thumbnail sketches to guide you, create "mock-ups" in your program of choice (Illustrator, FreeHand, and Photoshop).

Mock-ups show the layout and design, but have no HTML code, no working links, etc. Mock-ups are a way to hone in on the design without having to do all the production work involved in web design.

After you settle on a design you do the production work necessary. Mock-ups created in Photoshop move into the production phase easily.

Understanding the elements’ relationships    
    mockup with large logo
    Looking for creative interaction of elements
mockup with brush    
Nicely organized but flat!    
    mockup with spiral
    An inspiration! Simplicity and energy.
    Next arrow
Mockup Mockup 2 Mockup3    



HOME / MiniCourse
b mcnally/sikora © 2003