Syndicate content

prototype design

Oct 25

Website Mockup And Prototype Design With Adobe Illustrator

Thu, 10/25/2012 - 17:49 — julie

In this tutorial you will learn how to create a website mockup using Adobe Illustrator. Some techniques used in this prototype design tutorial are aligning elements, creating gradients, creating colour palettes, slicing, and editing the outputted HTML.

1. Create a new Illustrator document with the right size:

    • Start Adobe Illustrator
    • Choose File -> New
    • In the New Document dialog box, Name the file custom_site and leave the New Document Profile to Custom, the Width to 1366px, Height to 768px and ensure the Units are in Pixels. If, later on, you will be designing an entire web site you can increase the Number of Artboards (one artboard for each web page).


Copyright 2009. E-mail Me
Auto Spare Parts