Group items tagged

Gives good description and examples of the concept of Visual Hierarchy in Web Design and discusses its importance. Also has an exercise to do to test visual hierarchy when you come across a website.

Informative post about how the human brain registers hierarchy naturally and techniques that can be used to achieve effective visual hierarchy in web desgin. The site offers examples of each method: size, color, contrast, alignment, repetition, proximity, density and whitespace, and finally style and texture. I particularly like this quote: "Good visual hierarchy isn't about wild and crazy graphics or the newest photoshop filters, it's about organizing information in a way that's usable, accessible, and logical to the everyday site visitor."

Here is an article on visual hierarchy in reference to web design. Along with the list of ways visual hierarchies can be formed visual examples are given as well. This article even goes in the psychology behind visual hierarchy and why its necessary for designers when creating.

This gives some great examples of visual hierarchy

A page on teaching what design flow is and how it works. Teaches you how to keep the reader's eye and make them follow the 'flow'.

This is a good website to help you understand what flow is and the different types of flow. It talks about verbal flow and visual flow. It also goes on to explain how to improve your verbal flow and your visual flow.

This webpage incorporates more details about many key aspects of flow that were also mentioned in chapter seven. There are tips to improving visual and verbal flow within a page and also how to add flow across an entire site involving many pages.

The examples in this website provide real-life example, and include a designers explanation below the advertisement/image.

I bookmarked this website because it really supplemented some of the techniques described in Basics of Design. This website shows great examples of how to manipulate viewers path. The advertisements near the bottom of the page show how to create a visual path for someone with out using a human body.

This article is about visual flow in web design. It acknowledges the differences between flow on the web and flow on fine art. The article provides numerous examples of how visual flow is used on the web.

I liked this article the best. It discuses flow within web designs and it covers all the basis for smooth flow for people that are trying to create their own web page. It covers what design flow is and gives an image example of how flow flows within a graphic design. The author states that it is important to create an entry point, "something that stands out from everything else so that most people look at it first". The author also gives advice on controling flow within a design by using arrows, people or faces that look in a certain direction, and perspective. Using space to control flow is something that I found interesting the author states that "varying the space between a series of elements can be used to create rhythm and motion".

I found this website to be very helpful when it came to discussing flow and how to achieve that. Besides talking about using visual cues to guide the readers eyes, using space to control flow, and creating harmony using flow, it also gives examples of various websites that have demonstrated good flow of design.

Control the way your eyes moves through a design by starting off with an object that will catch the viewers attention. How to control the flow oif your design by using visual cues to guide the eyes in that direction. Creating space to control flow and also creating harmony using flow.

This was my favorite of all the sites I found that related to the content of chapter two. The site's main focus was on the use of visual hierarchy in web design. The use of visual hierarchy has the power to improve the amount of content and information the reader actually views and absorbs on a page. With the correct use of hierarchy you can almost control what is viewed and the path that is read. According to this article position, size, color, and visual complexity are the different parts of visual hierarchy. If these different principles of visual hierarchy are applied correctly one can create the optimal page for steering their readers attention to wherever they would like.

This website is a perfect example of visual flow. It consist of 7 pages displaying the definition and images that explain the concept of visual flow. It stresses basic points such as making sure your text flow from left to right and the viewer's eyes should not slow down.

This site explains how flow can be used, as well as different ways to create flow. It shows common mistakes when using flow and how to correct them.

This is a tutorial that shows examples of good and bad flow. Ways to achieve visual flow is through arrows, sequential images, perspective, gradients, size changes, curves, motion in images, and faces (especially the eyes).

Web site contains basic understanding of balance and all principle elements of design.

This website gives you the idea of composition and design principles that helps you understand the effect repetition in a design. There are several ways to use repetition in a design. Repetition gives motion so it can be used in all designs that have visual element.

This website was very informative and gave many examples demonstrating how to incorporate visual elements within page design. It also defines and describes design principles, many of which match up with the principles listed in Chapter 1 of our book on pages 12 and 13.

This website is a good example of balance because is shows diverse variations of balances;(Symmetrical (Formal) Balance Asymmetrical (Informal) Balance Radial Balance ). Which gives the person reading a better understanding of the term balance .

Summary: This website goes over the principle of design for balance touching on the topic of symmetrical balance which is basically what ever is done one side of a design you do on the other side, copy cat. Then it goes on to tell about asymmetrical balance win color, value, shape, position, texture, and eye direction.

This site explains that when something is symmetrical is has formal balance and when it is asymmetrical it has informal balance. Balance can become either balanced or unbalanced by color, value, shape, position, texture, or eye direction.

Explains visual flow and gives a list of some helpful techniques designers use to include flow in their layouts.

This website discusses how to add visual flow your design. It's main topics include visible lines, slight lines, motion, alignment, text, repeating patterns, etc.

This website has many different techniques that must be considered when trying to create good visual flow in multimedia writing. It covers different elements such as lines, motion, alignment, text, repeating patterns, and varying sizes. This website was shared because it gives you many different variables to choose from when creating visual art.

A brief overview of the book, Data Flow 2, Visualizing Information in Graphic Design. Shows some photos and charts that illustrate good flow and uses the words "Eye Candy." Includes links to three other sources, such as Clothing Maps of Europe and London Tube Maps. There is a link to information on their review of the book, The Visual Miscellaneum.

This website explains visual hierarchy. It also discusses all of the different aspects of making a web page look visually appealing. 

BASIC DESIGN PRINCIPLES WITH DEBBIE HODGE: FLOW I like how this website applies the principal of flow to scrapbooking. It has a great visual and very simple explination of flow.

I really like this article because it discusses flow from a scrapbooking perspective. I love scrapbooking and found this article to be very helpful in regards to graphic design as well. 

It gives good definiton of what visual flow is and it gives directions on how to create a flow on your scrapbook page. It also has other examples of flow and good images. Also explains visual triangle and sequence.

This was my favorite of the different sites that I found on the topic of repetition. I thought that this site very closely followed what the Basic's of Design taught on the subject. The site gave a background of what repetition is and why it is important. It also gave great examples of different forms of repetition such as; repetition of a image/icon, border, or decoration. It really helped me understand why repetition is such a key component in design!

I like this article because it gives visual examples of repetition used in books, movies, and ads. 

This website has good examples of repetition and they explain it better when having an image. They have good images and good explanation.

I felt like this page had some great visuals and definitions of what balance is. I love how they describe that colors can actually "weigh" more than others. I like that they offered new terms like radial balance and mosaic balance (chaotic balance). They gave examples of every concept that they talked about and in a wide range of designs. The writer also does a silly example of making a formula for balance.

Here is a more general article about balance. It uses physical balance as an example to help explain what balance in design is using both the vertical and horizonal axis. The article discusses visual weight in design elements, explaining how each element can effect balance. It also addresses the types of balance: symmetrical, asymmetrical, radial, and mosaic balance.

CVI - Center of Visual Impact - supersize one graphic at least three times larger than everything else for emphasis.

This website, although directed towards artists, is still very useful for anyone trying to create visual emphasis. The ideas are the same for either, whether you paint it or piece it together. The part I like best is that it shows specific examples and how and why those work. There are also links that lead to similar concepts on how to make things visually appealing.

Here is an article about creating emphasis in your work. Even though the article is aimed towards painting the same basic principles can be applied to anything. It gives visual examples with each tool for creating emphasis in your work.

This photo shows the repetition of color and how i draws attention to the hair of all the women in the crowd. The technique used in this form of repetition was the technique of visually and conceptually related images. The visual aspect is the red hair and fair skin of the women within the photo. The conceptual aspect is all the same hair and skin type people gathering together creates a sense of repetition.

D6 HW1- Don't be fooled by the Rhythm instead of repetition, this website does talk about using repeating items or patterns to bring unity and motion to the design. This website takes more realistic visual aides as examples. Helping to apply the pronciples of repetition to a busier, and more typical, design.

I think this website displays balance because of the visual weight of the headline. It's definitely a good choice for the site, the title and what they want people to remember is large and bold "LetsSingIt" and underneath in a much smaller, italic font it reads "your favorite music community" - it has less visual weight.