Today we’ll be going through the process of designing a website for a fictitious marketing company, step-by-step. The design uses a blue color scheme and is intended to put the emphasis on services offered and what the company can do for its clients. Our friends at SnobbySlice are in the process of coding this design into a template that will be distributed for free in the near future.
What We Will Be Designing:
Here is a look at the end result (click the image to see in full size)
Last week we published a tutorial for designing a basic corporate website layout in Photoshop, and in this tutorial we will walk through the process of coding that design in HTML and CSS. Here is a look at the design that we will be coding (click the image to see it in full-size).
Today we’re going to walk through the process of designing an example corporate website in Photoshop.
Here is a look at the end result of what we will be creating (click on the image to see it in full size).
The new O.S. Windows 7 has improved aesthetics to make the user interface at least more appealing. There are huge ultra detailed icons for folders, devices and so on. This time we will use Illustrator CS4 to create a nice briefcase with the Windows 7 style. You need only a few basics on how to copy, paste, rotate, scale and color the shapes. Let’s focus on business.
Start selecting the Rounded Rectangle Tool (fig. A) and make a single left click on the art board to bring the Rounded Rectangle options configuration window appear. Use 16 px. for corner radius (fig. B) and press Accept. Then left click and drag to draw a shape as shown.