Pages

Wednesday, January 25, 2012

Four Principles of Design: Proximity, Alignment, Repetition and Contrast

- Organize a page according to the rule of thirds!
- A grid system allows the mind to comprehend better.
- Don't be afraid of white space.
- Asymmetry is usually good.

Define
Heuristic Evaluation
Brand
 - Look + Feel
 - Typography

Design
Architecture (comes first)
Design (Photoshop, etc)
Copywriting

'Informational Hierarchy' must be taken into consideration when working on a website. This means having a focal point when a person lands on the website.  This helps a user's eyes trail through the layout.
____________

Graphic Design Principles:
Avoid C.R.A.P
Contrast -  is the most visual attraction on the page so go for bold contrasts. Avoid blending elements that are similar but if they are similar, then make them different (such as color, size, spacing, etc).
Repetition - creates organization and unity across the design when there's repeat color, shape, texture, spatial relationships, line thickness, size and typeface.
Alignment - align objects over all with other objects to a defined edge. Every item should have a visual connection with something else on the page and the elements should line up (adds to readability and cohesiveness).
Proximity - group related items together because proximity or closeness implies a relationship but visually separate groups. In this website, proximity is not managed well. You can't figure out what to read first.


Color:
Yellow and Blue work well as school colors because they are complimentary colors. Color Scheme Designer can help bring together colors for a website, including a third color that can work well with the first two. The designer allows people to see their chosen colors on a layout page and view their colors through the perspective of people with vision issues, such as color blind. This allows a designer to take color choices into consideration.

Workflow Process:
Define will include design statement, a vision board and a creative brief.
The Design part will include a mock-up and site structure.
The Build phase will include XHTML and CSS.

0 comments:

Post a Comment