Web Design

We develop highly functional websites designed to achieve the unique goals of each individual client. Whether your organization is interested in generating sales, maintaining a consistent brand image, or communicating and informing a target audience, Graphics of Distinction can help you achieve these goals through expertise and professional web design.

We design with the latest web standards. Sites must resize and reformat cross device and cross platform. Most web surfing is done on mobile now and our goal is for your site to look great on any mobile device, tablet, browser, or platform. Websites must be search and mobile friendly and Graphics of Distinction uses best practices for successful web searches.

About Web Design

Web design can be deceptively difficult, as it involves achieving a design that is both usable and pleasing, delivers information and builds brand, is technically sound and visually coherent.

1. Guiding the Eye

god-web-designGood Web design, perhaps even more than other type of design, is about information. One of the biggest tools in your arsenal to do this is precedence. When navigating a good design, the user should be led around the screen by the designer. I call this precedence, and it’s about how much visual weight different parts of your design have.

To achieve precedence you have many tools at your disposal:

Position — Where something is on a page clearly influences in what order the user sees it. Color — Using bold and subtle colors is a simple way to tell your user where to look. Contrast — Being different makes things stand out, while being the same makes them secondary. Size — Big takes precedence over little (unless everything is big, in which case little might stand out thanks to Contrast). Design Elements — if there is a gigantic arrow pointing at something, guess where the user will look?

2. Spacing

When I first started designing I wanted to fill every available space up with stuff. Empty space seemed wasteful. In fact the opposite is true. Spacing makes things clearer.

3. Reformatting

Spacing should remain consistent in a dynamically re-formatting layout from multi-column browser layout to the single column of mobile.

4. Usability

Web design ain’t just about pretty pictures. With so much information and interaction to be effected on a Web site, it’s important that you, the designer, provide for it all. That means making your Web site design usable.


5. Navigation

One of the most frustrating experiences you can have on a Web site is being unable to figure out where to go or where you are. I’d like to think that for most Web designers, navigation is a concept we’ve managed to master, but I still find some pretty bad examples out there. There are two aspects of navigation to keep in mind: Navigation — Where can you go? Orientation — Where are you now?

6. Design to Build

Life has gotten a lot easier since Web designers transitioned to CSS layouts, but even now it’s still important to think about how you are going to build a site when you’re still in Photoshop. Consider things like:

web-designCan it actually be done?
What happens when a screen is resizes?
Are you doing anything that is technically difficult?
Could small changes in your design greatly simplify how you build it?
For large sites, particularly, can you simplify things?

7. Typography

Text is the most common element of design, so it’s not surprising that a lot of thought has gone into it. It’s important to consider things like: Font Choices, Font sizes, Spacing, Line Length, Color, Paragraphing

8. Clarity

Keeping your design crisp and sharp is super important in Web design. And when it comes to clarity, it’s all about the pixels.

9. Consistency

Consistency means making everything match. Heading sizes, font choices, coloring, button styles, spacing, design elements, illustration styles, photo choices, etc. Everything should be themed to make your design coherent between pages and on the same page.

Pin It on Pinterest

Share This