Design Matte
 |
 Somerset Design Matte Black Entry Door Knob Oval Egg $16.49 Time Remaining: 22d 11m Buy It Now for only: $16.49 |
 Somerset Design Matte Black Privacy Door Knob Oval Egg $15.69 Time Remaining: 22d 11m Buy It Now for only: $15.69 |
 Ashland Design Matte Black Privacy Round Ball Door Knob $11.99 Time Remaining: 9d 17h 3m Buy It Now for only: $11.99 |
 WALL ART STICKER DECAL 16 CLOUDS GRAPHIC DESIGN VINYL $7.78 Time Remaining: 12d 14h 58m Buy It Now for only: $7.78 |
 WALL ART STICKER DECAL 20 STARS GRAPHIC DESIGN VINYL $3.14 Time Remaining: 12d 14h 44m Buy It Now for only: $3.14 |
 Arlington Design Matte Black Entry Door Lever Knob $20.49 Time Remaining: 22d 3m Buy It Now for only: $20.49 |
 Ashland Design Matte Black Passage Round Ball Door Knob $10.99 Time Remaining: 22d 4m Buy It Now for only: $10.99 |
 Ashland Design Matte Black Dummy Round Ball Door Knob $6.49 Time Remaining: 22d 4m Buy It Now for only: $6.49 |
 Arlington Design Matte Black Passage Door Lever Knob $14.49 Time Remaining: 22d 4m Buy It Now for only: $14.49 |
 Princeton Design Matte Black Dummy Door Lever Knob $8.49 Time Remaining: 22d 9m Buy It Now for only: $8.49 |
 Ashland Design Matte Black Entry Round Ball Door Knob $13.99 Time Remaining: 22d 4m Buy It Now for only: $13.99 |
 Princeton Design Matte Black Entry Door Lever Knob $20.49 Time Remaining: 22d 9m Buy It Now for only: $20.49 |
 Somerset Design Matte Black Dummy Door Knob Oval Egg $7.49 Time Remaining: 22d 11m Buy It Now for only: $7.49 |
 Arlington Design Matte Black Dummy Door Lever Lever $8.95 Time Remaining: 22d 3m Buy It Now for only: $8.95 |
 Belwith Matte Black Arched Handle Slim Design P 2921 MB qty 12 nip $25.00 Time Remaining: 4d 6h 22m Buy It Now for only: $25.00 |
 WALL ART STICKER DECAL 22 HEARTS GRAPHIC DESIGN VINYL $3.14 Time Remaining: 12d 14h 21m Buy It Now for only: $3.14 |
 Hafele 11172651 Satin Nickel 96 MM Center to Center Zinc Matt Designer Pull $27.60 Time Remaining: 26d 8h 53m Buy It Now for only: $27.60 |
 HOUSE RULES REGULAR WALL STICKER DECAL WORDS QUOTES DESIGN FAMILY DECAL MURAL $26.70 Time Remaining: 15d 14h 43m Buy It Now for only: $26.70 |
 WALL ART DECAL STICKER EVOLUTION OF MAN MALE DESIGN $26.64 Time Remaining: 12d 9h 54m Buy It Now for only: $26.64 |
 MUSICAL NOTES WALL ART DECAL STICKER GRAPHIC DESIGN $15.64 Time Remaining: 11d 21h 17m Buy It Now for only: $15.64 |
 WALL ART STICKER DECAL YOGA GRAPHIC DESIGN VINYL $10.92 Time Remaining: 5d 14h 31m Buy It Now for only: $10.92 |
 Alno Bella 150 Knob with Flower Design Polished Brass A1452 PB $15.06 Time Remaining: 29d 10h 6m Buy It Now for only: $15.06 |
 Alno Bella 125 Knob with Flower Design Polished Brass A1451 PB $10.99 Time Remaining: 29d 10h 18m Buy It Now for only: $10.99 |
 Alno Fiore 8 Pull Design Antique English Matte D1476 8 AEM $73.99 Time Remaining: 29d 1h 50m Buy It Now for only: $73.99 |
 Alno Fiore 10 Pull Design Antique English Matte D1476 10 AEM $101.99 Time Remaining: 29d 1h 41m Buy It Now for only: $101.99 |
 Alno Ribbon and Reed 10 Pull A881 Design Polished Brass D112 AP PB $102.99 Time Remaining: 29d 8h 26m Buy It Now for only: $102.99 |
 Alno Traditional 10 Pull A702 Design Polished Brass D110 AP PB $102.99 Time Remaining: 29d 10h 2m Buy It Now for only: $102.99 |
 Alno Fiore 18 Pull Design Antique English Matte D1476 18 AEM $227.99 Time Remaining: 29d 2h 3m Buy It Now for only: $227.99 |
 WALL ART STICKER ELEPHANT VINYL DESIGN DECAL GRAPHIC $15.64 Time Remaining: 13d 10h 54m Buy It Now for only: $15.64 |
 WELCOME BUTTERFLY HOME WALL STICKER MAKEOVER DESIGN $17.27 Time Remaining: 25d 17h 54m Buy It Now for only: $17.27 |
 50 PC Matte Black Round Wheat design Kitchen Cabinet Drawer Knobs pull 11930BK $960.00 Time Remaining: 28d 19h 58m Buy It Now for only: $960.00 |
 Berenson Cabinet Knob 34MM Ring Design Matte Black $1.80 Time Remaining: 11d 13m Buy It Now for only: $1.80 |
 Alno Traditional 10 Back to Back Pull A702 Design Polished Brass D210 BB PB $194.99 Time Remaining: 28d 10h 35m Buy It Now for only: $194.99 |
 Alno Traditional 18 Pull A702 Design Polished Brass D110 18 PB $246.99 Time Remaining: 28d 10h 42m Buy It Now for only: $246.99 |
 SOFT KITTY BIG BANG THEORY WALL STICKER DECAL MURAL INTERIOR DESIGN HOME DESIGN $23.56 Time Remaining: 11d 14h 5m Buy It Now for only: $23.56 |
 WALL ART STICKER ZEBRA VINYL DESIGN DECAL GRAPHIC $20.35 Time Remaining: 13d 11h 38m Buy It Now for only: $20.35 |
 Vinyl Birds on a Power Line Wall Stickers Large Interior Wall Decal Art Design $15.70 Time Remaining: 27d 23h 47m Buy It Now for only: $15.70 |
 WALL ART DECAL STICKER ARMY SOLDIER HELICOPTER DESIGN $23.50 Time Remaining: 12d 10h 6m Buy It Now for only: $23.50 |
 Hafele 10399610 Satin Nickel 64 MM Center to Center Zinc Matt Designer Pull $27.68 Time Remaining: 15d 17h 39m Buy It Now for only: $27.68 |
 WALL ART DECAL BIRD AND CAGE DESIGN SILHOUETTE STICKER $15.64 Time Remaining: 4d 11h 50m Buy It Now for only: $15.64 |
 Design your own Wall Quote Mirror Fridge Boiler Vinyl Art 4 Sizes 17 colours $15.70 Time Remaining: 27d 18h 7m Buy It Now for only: $15.70 |
 Hafele 11172251 Polish Chrome 96 MM Center to Center Zinc Matt Designer Pull $27.30 Time Remaining: 15d 17h 39m Buy It Now for only: $27.30 |
 Century 18018 MSN Matt Satin Nickel 1 1 2 Solid Brass Designer Knob from the $15.31 Time Remaining: 12d 17h 50m Buy It Now for only: $15.31 |
 Century 19306 MSN Matt Satin Nickel 1 1 4 Solid Brass Designer Knob from the $13.03 Time Remaining: 12d 17h 50m Buy It Now for only: $13.03 |
 Century 19308 MSN Matt Satin Nickel 1 1 2 Solid Brass Designer Knob from the $17.18 Time Remaining: 12d 17h 49m Buy It Now for only: $17.18 |
 FALLING LEAVES DECORATIVE WALL STICKERS INTERIOR DESIGN $23.56 Time Remaining: 13d 11h 13m Buy It Now for only: $23.56 |
 LOVE BUTTERFLIES WALL ART STICKER DECAL GRAPHIC DESIGN $15.70 Time Remaining: 26d 15h 54m Buy It Now for only: $15.70 |
 Collection of 8 Shoe Designs Vinyl Wall Art Fashion Fridge Mirror Window Car $14.13 Time Remaining: 21d 15h 40m Buy It Now for only: $14.13 |
 BIRD SONG WALL STICKER QUOTE DECAL MURAL DESIGN DECOR $31.42 Time Remaining: 10d 8h 17m Buy It Now for only: $31.42 |
 |
Cuisinart DCC-1200 Brew Central 12-Cup Programmable Coffeemaker
List Price:  |
DescriptionA striking blend of retro style and modern technology. Programmable for brewing up to 24 hours in advance. Setting for 1 to 4 cups ensures full-bodied flavor and aroma. BrewPause™ feature lets you enjoy a cup before brewing is finished... |
 |
Black Contact Paper, 18" x 75'
List Price: |
DescriptionAdds decorative accents to any horizontal or vertical surface. Each roll features an easy-to-peel liner and an adhesive that allows it to be repositioned during installation without leaving a sticky residue... |
 |
Bodum Presso Doublewall Stainless Steel Thermal 8 Cup Coffee Press, 34-Ounce
List Price: |
DescriptionBodum Presso 34-oz. Double Wall French Press Coffee Maker. The Presso Thermal French Press Coffee Maker will leave a permanent impression on the minds of coffee lovers everywhere! Its simple and clean iconic design positions it as a timeless classic... |
 |
Knob - Knob
List Price: |
Description45mm diameter Knob. |
![Enemy at the Gates [Blu-ray]](http://www.romehousing.com/media/images/i/51h0K9tiIIL._SL75_.jpg) |
Enemy at the Gates [Blu-ray]
List Price: |
DescriptionFrom Jean-Jacques Annaud ("The Lover") comes an intense true-life war drama set during the Nazi siege of Stalingrad. As a young Soviet soldier and sharpshooter (Jude Law) squares off in the city ruins against his veteran German counterpart (Ed Harris), he also finds himself in the middle of a love triangle with a beautiful soldier (Rachel Weisz) and his journalist friend (Joseph Fiennes)... |
 |
Family Matters: The Complete First Season
List Price: |
DescriptionAll 22 episodes from the first season--including "The Mama Who Came to Dinner," "Body Damage," "False Arrest," "Laura's First Date," and "Rock Video"--are featured in a three-disc set. 8 hrs. total. Standard; Soundtrack: English Dolby Digital Surround stereo... |
 |
Matte Painting Production Techniques
Sale Price: $69.00 |
DescriptionIn this DVD, Chris Stoski demonstrates his techniques for creating a complex matte painting. He illustrates how a matte artist utilizes 3D modeling, texturing, lighting, photographic reference materials and digital painting to complete a beautiful and efficient matte painting... |
 |
La Roche-Posay Anthelios 60 Ultra Light Sunscreen Fluid for Face, 1.7-Ounce Bottle
List Price: |
DescriptionLa Roche-Posay Anthelios SPF 60 Ultra Light Sunscreen for Normal/Combination Skin -- 1.7 oz. La Roche-Posay Anthelios SPF 60 Ultra Light Sunscreen for Normal/Combination Skin is an ultra-light, fast-absorbing sunscreen fluid that provides SPF 60 and broad-spectrum UVA/UVB protection with Cell-Ox Shield to protect your skin, even at the cellular level... |
 |
Bed Head Manipulator (2 oz.)
|
DescriptionBe a master Manipulator. Get whacked-out hiar-spike, twist dreads or go punky. More mainstream? Get body and texture. |
 |
Revlon Expert Tweezer, Slant Tip
List Price: |
DescriptionNo. 1 tweezer in America. Perfectly aligned tips. Stainless steel. Expert tweezer - slant tip. Perfectly aligned slant tips for high precision tweezing. Best for all your tweezing needs. Perfect tension for superior control... |
Do's and Dont's Guide to Great Web Design
When followed, this guide will prove to be quite a valuable web design resource. From the inexperienced to the experienced, this guide has something for everyone.
The Process of Great Web Design Just to make sure we are all on the same page, lets begin with the basic definition for "web design". According to Wikipedia, web design is:
"a process of conceptualization, planning, modeling, and execution of electronic media delivery via Internet in the form of Markup language suitable for interpretation by Web browser and display as Graphical user interface".
The process of web design can be compared to the process of writing a research paper. In the conceptualization/planning stage, flowcharts (the outline) are created which illustrate the navigational structure of your website. In the modeling stage, static wireframes are created (the rough draft) which illustrate the skeletal layout for each section of your website. After the wire frames are created, graphics, colors and text are used to create the design of your web pages based on the layout of the wire frames. In the execution stage, your design is converted into a format supported by web browsers, text and content are added, and finally, your website is published live to the Internet for the world to see (final draft).
All three stages of the design process are equally important. Many web designers skip a stage in order to save time or because they don't think that is is necessary. However, all three stages are necessary if your goal is to create a successful design and respectable website. Even if the three stages are used, there are many mistakes that web designers can make that will lead to poor-quality, non user-friendly websites.
It's time to clean out the cabinet of bad web design practices and restock it with the good ones.
Stage 1: Conceptualization and planning
This stage is skipped more often than the other two stages. Most writers don't enjoy creating outlines for research papers, and most web designers don't like creating flowcharts either. Don't be lazy. If you put forth the effort and plan out your website, then you will find the web design process to go smoothly with fewer mistakes made along the way.
There are a few things that you will need in order to effectively conceptualize and plan your website:
-a brain
-a pen and paper
-(optional) flowchart software
-a general idea of the different sections of your website
To begin, grab your pen and paper or launch your favorite flowchart software. We use OmniGraffle Professiona for Mac OS X which costs $150 per license but is well worth it if you create websites on a regular basis. If you're on a PC, then SmartDraw is a great FREE piece of flowchart software that you can use. A pen and paper work just fine, though.
There are many methods to creating flowcharts. We are going to show you the most basic way to do it for the sake of time and the length of this article. If you want to learn more about flowcharts search for flowcharts on Google or Yahoo.
View the flowchart that we created when conceptualizing Chromatic Sites. (1) At the top of the flowchart we list the name of our website. (2) Next, we include each primary section of our website: Home, About, and Services. These sections are the main navigation for your website. What the names of each section will be is entirely dependent on the content of your website. Try to use as few sections as possible so that your visitors are not overwhelmed when navigating through your website.
(3) Next, add all of the secondary pages (subsections) that will be listed on each of the primary pages. For Home, we have included Professional Web Design, Web Development, and Search Engine Optimization. The secondary navigation needs to be more descriptive than the primary navigation. The deeper your websites' navigational hierarchy goes, the more descriptive each label should be.
The Dos
-Less is more; keep the number of primary sections to a minimum. We use 6 sections on our website which is more than enough -Whether you use a pen and paper or flowchart software, keep things as clean and organized as possible. Although you (and anyone working with you) are the only ones that will be using the flowchart, it still needs to make sense -Your primary sections should use broader terms, while secondary and tertiary terms should be more descriptive
The Donts
Creating a flowchart is pretty straight forward; however, there are a few mistakes that can easily be made:
-Don't use very descriptive terms in your primary navigation unless your entire website focuses on one narrow topic -Don't try and lump multiple topics on the same page. Create a general section for these topics and from that section create subsections. This will make the subsection (descriptive) web pages more likely to have better rankings in the search engines (Google, Yahoo, MSN, Ask) Once you have created a concise and descriptive flowchart, you're ready to move on to the second stage of the web design process:
modeling.
Stage 2: Modeling
In the modeling stage, static "wireframe" mockups are created. Each mockup illustrates a bare-bones skeleton of the layout for each of the web pages that will be included in your website. This stage is important because it gives us an idea of where different elements will be placed in our design. Some of these elements are:
-logo
-navigational menu
-content
-images, videos
To create these mockups, you can use a pen and paper or your preferred mockup software. In the past we have used Photoshop, but lately we have been using OmniGraffle Professional. OmniGraffle is not as resource intensive as Photoshop is and it allows us to assemble our wireframe mockups much quicker.
In addition, make sure that you have the flowchart(s) that you created nearby as you will need to reference these from time to time to make sure that you are mocking up all of the pages that will appear on your website.
Here is our example of how a wireframe mockup should look. As you can see, there are no colors or graphics included. This is exactly how a wireframe mockup should be - a skeletal layout of your design. The purpose is to be able to have a general idea of where each of the web page's elements will be placed.
We usually begin from the top left and work our way down to the bottom. There is no specific way that a wireframe should look. Use your imagination. However, make sure that when creating your wireframes you don't forget to include the most important elements of a website (logo, navigational menu, content placement, images/video placement).
If some of your pages will be using the same layout, then it is not necessary to mock all of those pages up (although you certainly can).
Just be sure to mockup any unique layout that your website will have.
You'll thank yourself later.
The Dos
-mockup all unique pages
-include important elements (logo, navigation, content placement, images/video placement) -start from the top and work your way down -reference your flowchart created in stage 1 to make you don't forget to mockup any pages -save, save, save - like with anything on the computer, save your mockup(s) every 10 minutes or so
-focus on clean, user friendly layouts -label your elements so you don't forget what they are when you reference them in stage 3, execution -use other web sites as inspiration; there is nothing wrong with taking elements from other sites and making them your own (see "donts")
The Donts
-don't include graphics or colors (that's for the next stage) -don't make your mockups too "busy"; focus on clean, well organized, user friendly layouts -don't skip this stage; it is just as important as the first and the last -if you take elements from other websites, make sure you don't plagiarize; there is a difference between being inspired by another website to create certain elements of your design and blatantly ripping off their layout and colors
Stage 3: Execution
In the third and final stage, execution, the planning from stages 1 and 2 are combined to assist in creating a live, interactive website.
The third stage is by far the most time intensive since you will be 1) creating the graphics 2) creating the content, and finally, 3) converting the web designs from images into code that web browsers use to present your website to the world.
By the time you reach the third stage, you should have a clear idea of:
-how your visitors will get from one place to another (stage 1, flowchart) -how your web pages will be laid out (stage 2, wireframe mockups)
If you don't have a clear idea of these two things, go back to the first and second stagees and continue to develop them. You will find that the third stage is easiest when you have constructed a clear, concise battle plan for designing your website.
Ditch the pen and paper
In stage 3, you need to be using Photoshop or another image editing program since you will be using colors and graphics to create the layout for your website.
We usually begin creating the "home" page (index) first. Use your wireframes that you created in stage 2 as a template for each of the pages you create. However, instead of using solid boxes, use graphics, colors and text instead. Each page must look exactly how you want them to look on the Internet since this is the final stage of the design process.
Be sure to include the background for your navigation (but don't actually add the text to your image). When converted using CSS (cascading style sheets), your navigation should be in the form of text and not images. Images are not crawl-able by the search engines (the keywords used in your navigation won't be indexed in the search engine results pages, meaning fewer people will be able to find your website).
When you're happy with your designs and feel that they are ready to be put on the Internet, it's time to break apart the designs so that you can create a CSS based layout. For more information on converting your layouts to CSS or marking up your website in CSS, visit w3schools.com. After looking around the Internet, we couldn't find a decent image-to-CSS tutorial - so expect one from us in the coming weeks. Converting your designs into CSS is extremely important since table layouts are a thing of the past.
Here is an example of a nearly-completed website of the layout we mocked up in stage 2. This was taken directly from our web browser and as you can see, there is now a logo, colors, a pretty navigation system, a footer, and a most importantly, a clean, organized layout.
Thanks to the planning in stages 1 and 2, our layout is well-organized and easy to use.
The Dos
-reference your templates that were created in stage 2; though it is fine to deviate from your original layout, you shouldn't need to -do some research before creating your actual design; get ideas from other sites and make them your own (without plagiarizing) -include color and graphics to create the final look for your web pages -use CSS (cascading style sheets) to convert your designs from images into markup understandable by web browsers -reference your flowchart from stage 1 when coding your pages with hyperlinks; it is better to use a drop down menu that includes all (or the majority) of the links in your website on every page; this will allow for easier navigation and also make your pages easier to crawl when the search engine spiders stop by; a great place to get CSS drop down menus is at DynamicDrive.com -finalize your design while working in Photoshop or whatever image editing software you use; it can be a pain to make changes to your design once it is converted into markup (code)
The Donts
-don't include the text in your navigation menus when converting to CSS; instead of using image text, use regular text that is readable by search engine spiders -don't use tables when converting; even if you need to buy a book on CSS, it will be worth it; tables are dead -don't skip the first two stages just to save time; your website WILL be better if you start from the beginning of the web design process (instead of at the end) -don't forget to compress your images when they are cut apart for CSS; there is nothing worse than a slow loading website because of large image files; Photoshop has a "Save Optimized For Web" option (CS3 - "Save for Web and Devices")
Process Makes Perfect
By following a web design process such as the one illustrated in this article, you increase the chances of creating a website that is well-organized, easily navigable, and very user-friendly. Lets face it - if visitors get lost or become confused while attempting to surf your website, they might hit the back button and look for a more user friendly website. People do not like to think when it comes to finding their way around websites. Don't make them think. You do the thinking by planning out your website from stage 1 to stage 3 and you will find that more people will enjoy visiting your website.
About the Author
If you need professional web design work from a professional web design company, then take a look at the professional web design services of Chromatic Sites.