Home > Website Design Tips

Website Design Tips

The 4 Pillar “Web Design Seduction” Strategy

  • Design
  • Technology
  • eStrategy
  • Traffic

Web Site Design

To seduce a customer who visits your site you need to appeal to their visual senses. Any sensible discussion about “web design” begins with the idea that what we call web design is really just the latest in a chain of various art forms under the rhubric of “design”. These art forms, such as cave drawing, lithography, typography, painting and industrial design, evolved from teacher to pupil through different mediums (rock, canvas, paper …) and a number of basic rules have emerged that guide each new artist in developing an artistic design interpretation. When it comes to web design then, it helps to under the framework of the fundamental rules, prinicples and elements of design and see how they interplay in the medium of a computer screen.

The following list includes what is known as the 5 principles of design:

  1. Balance; balance is an equilibrium that results from looking at
    images and judging them against our ideas of physical structure (such
    as mass, gravity or the sides of a page). It is the arrangement of the
    objects in a given design as it relates to their visual weight within
    a composition. Balance usually comes in two forms: symmetrical and
    asymmetrical.
  2. Rhythm
  3. Proportion
  4. Dominance
  5. Unity

Balance is the arrangement of the objects relative to their visual weight within a design. Symmetrical (formal) balance occurs when the weight of a composition is evenly distributed around a central, vertical or horizontal axis. Think of a globe centered in a box (square or rectangle), cut down the middle and you have a standard Symmetrical balance because the design elements assume identical forms on both sides of the axis. Asymmetrical (informal) balance is basically a balance that is not symmetrical. If you want to be technical this describes when the weight of a composition is not evenly distributed around a central axis. It involves the arranging of objects of differing size in a composition such that they balance one another with their respective visual weights. Often there is one dominant form that is offset by many smaller forms. In general, asymmetrical compositions tend to have a greater sense of visual tension. Think of a box of balls of varying sizes with some balls being noticeably larger than others and drawing your attention even moreso by their comparison to the smaller balls.

Rhythm is used to create a sense of movement by using repetition or alternation of design elements – sometimes with defined intervals between them – that tend to form a pattern of sorts. The viewer may even sense some form of feeling as he identifies or merges with the flow of the rhythm in the design.

There are a few rhythmic movements:

  • Regular rhythm (the intervals are similar in size or length)
  • Flowing rhythm (think waves in an ocean or ripples)
  • Progressive rhythm (a sequence of steps).

Proportion is the relationship in scale between one element and another, or between a whole object and one of its parts. Differing proportions can relate to different kinds of balance or symmetry, and can help establish visual weight and depth.

Dominance is perhaps the most important design principle because it dicates where the eye goes first when looking at a design. Accordingly, there are 3 stages of dominance which establish the guidelines for space and perspective for each element and/or object within a design. Thinking along the lines of distance in a very linear fashion, the Dominant stage includes those elements that “Pop” into the foreground and have what is known as the most visual weight. Second, comes the Sub-dominant elements which enjoy a secondary emphasis and reside in the middle ground of the composition. Last comes the Subordinate objects which are given the least visual weight and thus recede to the background of the composition.

Unity, the last design principle, sort of encapsulates the other 4 because it describes the relationship between the individual parts and the whole of a composition. It is the finishing touch of a design that gives it a sense of wholeness – not in a formal sense but in a finished sense, that the design is complete (even if that means its completeness is completed by its lack of completion).

Unity obeys a few psychological prinicples itself.

  • First is the idea that the brain tends to fill in missing information when it perceives that part of an object on display is missing one or more of its pieces. The idea is that the designer can suggest the full picture of an item even if the full item is not displayed because the mind will fill in the pieces so to say. This gives the artist some latitude to let each visualizer in a sense fill in the missing pieces with his/her own imaginative conclusions.
  • Continuance is the idea that once you begin looking in one direction, you will continue to do so until something more significant catches your attention. Perspective, or the use of dominant directional lines, tends to successfully direct the viewers eye in a given direction. In addition, the eye direction of any subjects in the design itself can cause a similar effect. What this means is that the designer can lead the viewer by the clever use of lines (think a roadway or long arrows) to follow a design on a page along a route of intended consequences.
  • Items of similar size, shape and color tend to be grouped together by the brain, and a semantic relationship between the items is formed. In addition, items in close proximity to or aligned with one another tend to be grouped in a similar way.

Feel free to contact us if you have any questions.

877-SEO-4050
What Others Are Saying
Dave Towers, VP Digital StrategiesDave Towers, VP Digital StrategiesWestfield Mall Retail
Top rankings aren't just about leads and sales. It's about the long-lasting appearance of our brand for relevant keyword phrases on major search engines. We continue to enjoy the the broad coverage we need year after year.
Jeffrey AbramsJeffrey AbramsMarlonBrando.com
Designing our updated website was a very professional and organized experience because of LA Dezign's extensive "Site Reviews Process". They made it so much easier to make those difficult design decisions.
Rachel D. Sunday, CEORachel D. Sunday, CEOPlaya Vista Insurance
In an industry like ours, you only get one chance to make a first impression. That's why I chose LA Dezign to manage and help create our website. They came highly recommended by colleagues and lived up to the recommendation by always being responsive, creative and a true partner for my company's needs. The team we work with is innovative, but also personable. We are lucky to have them as a partner and would recommend LA Dezign to anyone or any company who is looking to have a website or SEO (search engine optimization) to help their company look good and get ahead in their industry.
Eric Robi, PresidentEric Robi, PresidentElluma Discovery
LA Dezign knows SEO and social media down cold. In the past we have used other firms to help us drive traffic, but LA Dezign was able to get us traffic to our niche market where others failed. Highly recommended.
Maria E. Botham, OwnerMaria E. Botham, OwnerHair Fairies
LA Dezign is a productive work horse when it comes to getting presence on the web. They have a boutique feel but with a huge corporate punch. My company went from page who knows what to page one in 6 months!
Dave Nordella, Managing DirectorDave Nordella, Managing DirectorProvider Finance Associates
Do you find the Internet to be confusing? Don’t feel alone. The rules seem to change daily. Only qualified professionals should be handling your website. LA Dezign is THE web professional firm for you. I have been with LA Dezign for years. Their experienced and professional personnel make it easy to look good on the web.I am with LA Dezign!
Kevin J. WalkerKevin J. WalkerBoardwalk LA
The people at LA Dezign were absolutely diligent in their efforts to make our new website the best it could be. The entire crew was stellar but special commendation goes to Anne Nauber who worked with us closely and handled every one of the project’s twists and turns with calm professionalism. We couldn’t be happier with their work or with our new site - especially because, within a week of launch, it played a key role in landing us a new client.
Rinat R. Green, Psy.D.Rinat R. Green, Psy.D.Kol Koreh
I can't thank LA Dezign enough for the incredible job they did on our website. The attractive design and user friendly menus make navigating through our website a breeze. It was truly a pleasure working with them. They made the entire process of building a website smooth and comfortable. I look forward to their continued support with all of our future website needs and to encouraging others to have their website designed by LADezign as well.Founding DirectorFor Children with Dyslexia and Other Learning Disabilities
Mary Lee-WlodekMary Lee-WlodekProactive Marketing, Inc.
"It’s a pleasure working with LA Dezign's responsive team. They deliver contemporary websites while maintaining an old-school service-oriented culture."
Ron WybranowskiRon WybranowskiValley Anesthesia
Jason and his team at LA Dezign came highly recommended and we're thrilled with the results. Anne re-branded our legacy web site with a clean, intuitive and beautiful design that our customers love. And their e-commerce and content management experts ensured that our site was ready and open for business prior to our biggest sales day of the year. Thank you LA Dezign!