Group items tagged

The visual flow of an interface does matter, and here's why: Every interface screen should have a primary action or actions that are to be performed. The visual flow should naturally draw the eye to the primary action. << This resource explains why visual flow matters. 

"The visual flow should naturally draw the eye to the primary action."

Dives into how a person processes information on the web and how visual presentation is important for understanding and delivery. Push #2

Talks about the different ways visual hierarchy can help with learning and how it does so.

Chapter 2 push #2 from Becca Bingham

This website deals primarily with the concept of the visual hierarchy and goes into great detail how it is used to emphasize various aspects of a website or layout.

Helps one to better understand the concept of visual hierarchy and why it's important.

Ch 7-BoD Flow This site illustrates the concept of visual movement of flow in web design. The picture shown on the page provides hands-on examples of visual elements through text blocks which create "flow."

CHAPTER 7:FLOW This site gives tons of examples of great flow in websites and I found it very helpful in brainstorming ideas for project 2.

This site has lots of great examples it critiques after a breif summary of flow.

The ultimate goal is for your visual designs to be so good that the visual design itself doesn't really call out at all.

This website not only covers several aspects of Computer Imaging, it describes illusionary space and even gives a visual of the difference between illusionary and flat. Visuals always help me to better understand the material being taught.

This is a quick and to the point resource that provides visual evidence of how value works in design. Watching the creation of a something like this really helps me understand the idea better because, as I have come to learn, I am a very visual learner. (9/19/13)

CHAPTER4- BALANCE This website dives into the principle of balance and the different types. It also explains what can influence balance. (size, texture, orientation, etc.)

An article about balance in visual design that has a break down of different elements of balance.

"Balance is the equal distribution of visual weight in a design. "

JayDax website is developed by a husband wife team, (John and Shelia Chapman) http://www.jaydax.co.uk/lastsupper/lastsupper.htm Rhetorical Analysis: This is a painting of the Last Supper painted by Leonardo Da Vinci. The purpose of this painting is to depicting the scripture in the Gospel of John 13:21,, in the Holy Bible. The targeted audiences are people who are Christians, artist, bible and historian scholars. Understanding the individuals in the painting are biblical, namely Jesus Christ in center of painting establishes a portion of the targeted audience, and the fact that it is a well known painting of Da Vinci establishes the art and historian scholar audience. Design Analysis: The painting is very good example of visual weight. Both symmetrical and asymmetrical balanced are use. Jesus is centered as well as the arch in the center of the table and the apostles are depicted on both sides of Jesus using symmetrical balance. When examining the table setting of the food symmetrical balance is used. Other examples of symmetrical balance are the rear windows, the gridded ceiling. All of these examples convey the definition of symmetrical as history, dignity, and formality. Asymmetrical balance in seen in the arches, one side is colored in and on side white space is used providing contrast and visual weight. Although the panels on the wall are symmetrical the contrast used on the left side provides an unequal, asymmetrical, balance.

This site also breaks down visual hierarchy and illustrates its points with easy to follow graphics and designs.

Explains why developing a visual hierarchy is crucial on the web

Visual Hierarchy is presenting the information in the order of its importance.

Talks about making effective posters as visual aids, I tied this into the information on Visual Hierarchy 

This is a great and humorous video about using repetition in design. The video explains repetition using a method called Visual Harmony. It gives detailed examples and visuals to explain how to use repetition in design.

This is a great and humorous video about using repetition in design. The video explains repetition using a method called Visual Harmony. It gives detailed examples and visuals to explain how to use repetition in design.

The speaker in this video is from StuffDesignersDo.com. I thought that he did a great job discussing repetition of a poster he created.

This gives brief examples of Manovich's 5 principles of new media and has nice visuals.

The definition of New Media further explains Manovich's 5 principles by giving visual examples and summarizing the principles. The combination of visuals and the summary helps you understand the principles.

This article talks about visual flow that Google uses.

Good visual flow exists when the viewer of your page takes a tour through all of its elements, understanding what's important, taking in the key pieces and avoiding snags or dead-ends.

"Good visual flow exists when the viewer of your page takes a tour through all of its elements, understanding what's important, taking in the key pieces and avoiding snags or dead-ends"

Ch 4-BOD Balance This article talks about the concept of visual weight in a design, paying particular attention to the principle of color.

Talks more about visual flow and verbal flow.

Explain what flow is and some basic principles to follow. Discusses the difference in visual and verbal flow and how to improve both

A great summary of flow in web design with great real examples of how it works!

This site has a thourough description of flow and a handful of webpage examples.

This site is very thorough and detailed and offers information on visual and verbal flow, how to used white space, and using flow to create harmony and unity in the design.  The site also show effective use of flow in web design

The concept of alignment says that everything on a page should be visually connected to something else on the page.