Group items tagged

I found this website to be packed with great information! It not only explained the different techniques used in contrast, but it lists various websites where they had applied it. They link it to the website too so when you click on it, you go to their website. At the very bottom of the website you also get more resources to other free weblayout designs and how to become a better blogger. I thought this was a great website!

This is a very good site because it explains contrast as it pertains to color, alignment and size. There are also pictures of ads that go with each description-very professionally done.

goes over some of the basics of contrast and gives some helpful hints

I really liked this page, it went into detail explaining the principle of contrast and why it is important in your work. The page also shows many different web page examples that I think would be very beneficial for all of us taking this class.

This very informative blog shows readers several awesome examples of contrast. The images displayed very clearly highlight the use of contrast and are great for beginners in design to see. The end of the blog post says to "Remember that contrast is all about differences. If two elements are very different in nature, be sure to make their visual differences very obvious."

This website offers tips for using contrast in web design. The author focuses on three aspects of contrast: color, size, and alignment. He presents some excellent examples of each. Color, for instance, is used in example to differentiate the header, content, and footer sections of the sample webpage. Size can be used to separate elements when the color scheme is limited. This author comments that alignment can be tricky, especially when using multiple alignments.  Centering a large paragraph is a "big typography no-no." However, centering a heading and then left-aligning the content paragraphs can work.

Using alignment is tricky but very effect if done right.

Contrast - Basic Principles of Design

I like this article because it gives the general information about contrast for beginners like me. It is easy to read and the use of bullet points makes it easy to follow. This article is really useful because it relates to web design specifically rather than just design/art. 

I thought this website was good because it provided a good definition of contrast. Also it illustrated various examples , while giving examples of the things to do when trying to create contrast.

I thought this was the best of my three because not only did it list the different ways we can use contrast but then it provided examples. Of all the sites I looked at this one had the most extensive use of contrast (aside from just color or size)

This was my favorite page found on my search for content related to chapter three of basics of design. This site gives a great outline of what the design principle contrast is and how to properly use it in page design. It describes and shows examples of positional, shape, color, and size contrast. This was a wonderful site that supported and reinforced examples right out of the book. I really loved the great and creative sites that it had in it's examples and I felt inspired to aim for design of that quality.

Summary: Contrast is usually kept simple, like color for the beginners but there are other elements to consider when it comes to contrast in any design. The first thing that most of learn in color contrast and the obvious of color is the white and black which is okay but there are other ways to use color to grab attention as the examples under color with explain. Next to color that grabs attention is size, the bigger the better as the writer explains because it shows that something is important and will draw the read to read the rest. Then we have shape contrast which gives a different feel to make other things notable cause no one likes to see a plain and boring design. Finally there is positional contrast that makes hierarchy standout by using different alignments. I found this website to the be the best because it touch on everything in the reading and gave examples to show what is meant on each topic. 

Here is an article from the Webdesigners Depot. It explains various types of contrast (color, shape, size, etc.) and gives real life examples from various webpages across the internet.

This site is great for my understanding of contrast because it gives simple examples, so you can see exactly how important contrast is. It talks about contrast in terms of color and value, opacity, and placement.

The examples in this website were really good I enjoyed that these were short and to the point descriptions of contrast.

I really like the examples in this site talking about contrast. I like the fact that they mention making it grayscale and seeing how it looks that way. What a good way to tell if it is going to be too much or too little contrast and will it be readable!

D#3HW#1: Good guide to contrast, mainly examples of contrast in the form of color

Contrast - Four or More Ways to Use the Principle of Contrast in Graphic Design and Page Layout

This my favorite because it provide various ways to use the principle of contrast in design and layout.

I really like compiling all these sites to help with projects later. The basic ones with examples are best for me now. This is another great site that helps break down the basics from chapter 2

This explains some of the basic ideas of emphasis and the different elements you can use to show emphasis

D#2 HW#2 This articles discusses the principles of design of art. Even though this does not talk about the typography principles of design, the same rules still apply. I thought it was interesting because it gives a different perspective on the same concept.

Good overall explanation of emphasis. I picked this website because it has good information on contrast and how to use it. I also like the visuals on the left, they are helpful to understanding the concept!

This website is setup as notes for emphasis. It talks about color, size and shape. It also talks about how placement and isolation is important. It also adds how proportion has to do with size and scale, how it makes it appear diffretn based on other objects around them.

Emphasis is more visually interesting and making what you're trying to control more interesting than others.  It is also the attention of someone viewing an artwork, design or website.  Emphasize on weather you want to attract your audience the most, maximize the visibility of your focal point. This website gives explanation of how emphasis is used in art.  

i like this page just because it has so much info on it and touches on multiple aspects of the principle

This website gives great advice on how to show flow in a website.

Interesting take on flow in design. Definitely worth reading. I like the information and felt that this could be very helpful in creating pages.

This is a great website that illustrates how important flow is design. It was my favorite of all the pages I visited It gives a great definition of design flow, as well as the 2 kinds of flow (takes examples straight out of Basics of Design). It then goes on and explains how to improve your verbal and visual flow in your work.

This in-depth website shows how to improve your website using the flow to create a more readable page.

D#7, HW#1-- This is a great website when discussing visual and verbal flow like the book with Chapter 7. Firstly, it explains what visual flow and verbal flow exactly are so that you know where you're starting off, which I really enjoy in a website. Then, the website gives you visual examples of how to improve your current design or document.

This website is good because it gives you a scenario of something you can relate to then it gives you an explanation of both visual and verbal. Then it gives you suggestions on how to improve your work that has to do with visual and verbal flow .

Flow is the way the audience's eyes move through out the design. Its a lead from one element to another. Verbal flow is more like a path that leads you to the next reading text on a separate page. This article is really helpful way to improve "Flow" and provides examples for flow. 

There is even an example photo of a blog that really instills the ideas they talk about.

D#3, HW#1 I really enjoyed this website because it shares a lot of the same concepts as Chapter 3 does. It talks about contrast, repetition, alignment, and proximity. The site also shows examples of different web pages and how they use these different elements! -And.. its a funny site title :]

C.R.A.P. acronym for Contrast, Repetition, Alignment and Proximity with great screen capture of a website that utilizes contrast very well. Then, a screen capture of a bad example that fails with the contrast principle. There is a short text on contrast.