Group items tagged

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.

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.

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.

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.

Emphasis in Design

This website brought to light some very interesting concepts in a humorous way. Similar to the first site that I bookmarked with Diigo, this site talks about the different ways in which emphasis can be achieved: by placement of the main topic of the site (middle of the page for main information and then information that is the next in importance be in a variety of places - isolated? continued in the line of sight provided?), through contrasting colors, and by changing the proportion of images within the text to make them standout.

This webpage gives visual examples of emphasis and a brief explanation of why each example works to capture our attention first.

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.

The home page of the Wall Street journal is a site that I think has adhered well to the good use of design principles we have discussed. Certain elements (location of links, tools, etc) are consistent, repeated no matter where your in-site browsing leads. It is always a simple matter to return the home page, and the content, though varied in topic and section, are placed and located in instantly comfortable page areas. The use of color and contrast to delineate different sections draw the eyes right where they need to be, and the fusion of advertising and written content is fused seamlessly. This website is nearly overflowing with all manner of content, yet the design and appearance of the home page is neither cluttered nor confusing. I believe this is an excellent example of the successful use of C.R.A.P. design elements.

I like how this site talks about texture. Texture can be used on a blog to send a vibe of yourself to the readers. This is important because readers who follow your blog want to feel like they know you.

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.

This website had very clear information reguarding alignment. It showed great examples in websites of the alignment that was used. It shares some information about grids and why they are useful when creating webpages.

This is a great page because it talks about how and alignment work. In addition, it also goes into how the strongest elements of alignment work.

Good explanation on creating associations with visual elements.

This website has a good basis of what alignment is and why you should use it. It states that alignment creates a sharp and more ordered design. It also says how alignment helps to have a more organiziation and order with your design elements.

This gives some great examples of visual hierarchy

Gives great definitions of contrast and design. I think it will be a great resource now and later.

Contrast defines hierarchy, understanding relationships to convey a message.  It is used to hand in hand with the principle of emphasis in order to keep its emphasis.  Every element must be positioned with style, size, and distinguished with a specific importance.  This article gives an idea of how contrast is typically used by giving examples.  

Good basic information on Contrast. Define's how to use it color, font size in headlines

This website explains the importance of using contrast beyond just color contrast. Using font, layout shapes, images etc one can use contrast without using only color

A helpful site giving information and resources for contrast principles in design. A very nice guide. : )

This page is more of a resource than an example of aligntment. The examples that Kayla(the author) shows looks like good examples however the resolution they were posted in makes it blurry and hard to judge. Kayla however breaks down in a few brief paragraphs how effective and important alignment is within an article, or project. One aspect that she hits on that makes a lot of sense to me is the images in alignment and how they can also be placed into alignment even though it is a photo. There is a lot more that goes into alignment that first expected. 

This site gives some interesting views on alignment and some examples that I'm not sure I like. In saying that though I really do like some of the notes for instance, that there are many points to align to on a layout. It also is much nicer to use color contrast and other features along with the alignment.

This website is very helpful when it comes to explaining alignment.  Even if you have other good elements going around your picture/website, it might look cluttered and there can be a bad use of alignment.  This website gives you examples of how to use proper alignment in pictures and on a layout by using the lines, shapes, and contrasting colors.  

This guys had the msot beautiful art work. Check out his gallery if you get a chance.

Some more elements of design that I thought was very interesting. d#1 hw#13

This article was my favorite because it's something that I can use in the future as far as presentations for my classes. This article has a page dedicted to repition in powerpoint presentations. The author stresses that repition adds a sense of unity through out the presentation. Consistent backgrounds and types of fonts are automatically incorported in the program. The author gives a warning of this automatic generated background consistency, it can be a bit tiring for the audience. The author suggests to shift the content of different slides in a way that doesnt interfere with the main message of the presentation. The page also gives examples of presentation slides that use repition in a subtle way.

This website had a good explanation of why you should incorporate the element of repetition to the work that you create.

This webpage describes how to implement repetition within a visual presentation. Many examples are shown and support the statement that says, "While contrast is about showing differences, repetition is about subtly using elements to make sure the design is viewed as being part of a larger whole."

I like this article because it gives you examples on how to use repetition in graphic design. The examples are listed using bullet points which makes it easy to read. 

This website offers some suggestions of the types of elements that can be repeated. Heading and subheading styles, for example, can be varied bu using different colors, stronger fonts, or larger font sizes. A consistent overall color scheme can also help unify a page; this site suggests selecting a few key colors and then applying that throughout the project. Quote I liked: "Repetitive elements create a sense of organization. The effect is the same as using a consistent unit of measurement - it helps interpret the meaning of the object under consideration, and it helps to identify all elements as part of the same site." (Or page/project).

a few good tips about repetition, plus lots of tutorials on other related topics.