Interface Image Creation

Interface Design

This is the most critical part of the whole design process. The design of your interface is very important for usability. If your visitors cannot find all your content or they are confused they are only one click away from leaving your site.

Planning Ahead

With any new design you must plan ahead. This will enable you to adapt to changes quickly and easily. An example of this is you want to add another section to your website. Does the navigation of your site allow for this, or will it entail a complete redesign. That is wasted time and money. See where you would like to be in the future. Websites are like any other business. You must change with the times.

Layout

We are going to start with an image that is 740x460. In this we need to include the header, navigation and content areas.

Here we have our image that I created in Photoshop (the image on the right). The dark blue bars at the top and the bottom of the page is where our navigation will be. This design is very effective if you have a lot of content and you like fast downloading pages (Our index page for Graphic Web Design is only 16k with all the content and images, so it downloads lightning fast). After you have created your image in Photoshop it is time to slice it up, so we can use it in an HTML document. Let's slice it up.