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.

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.

I found that this site closely related to the ideas and principals from chapter one of Basics of Design. The site specifically talks about the principles of effective web design and website usability. It talks about how the typical web users brain works and the proper design to get the most out of them. This site shows the effectiveness of simplicity in design and how to get the most out of the space which you are working with. Also it mentioned having effective writing through talking business and the use of bold/italics keywords. Lastly the site encouraged designers to not fear having blank/white space on their site and to communicate with language that is clear and consistent with the concept of the site. Friedman, Vitaly. "10 Principles Of Effective Web Design - Smashing Magazine." UX Design: Smashing Magazine. Web. 22 Aug. 2011. .

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 explains the many routes that repetition can take in design. There are so many ways that a designer can place repetition but the overall concept is to make it in a way that it will look organized and strong. This will appeal to the audience and make it so they will continue to read it.

Here is an article about repetition in web design. This article utilizes screenshots of various web pages and analyzes how repetition was used and what effects it has on the overall feel of each page.

Repetition focuses on how elements of a design are used more than once throughout a design in varying ways. By using repetition a design becomes far more unified. This site contains 4 examples of sites that use repetition.

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.

D#1, HW#13 I really enjoyed this website for a couple different reasons. First of all, the design process is similar to that in the book, but yet it has a different approach because it is for an architectural piece, instead of a web site or banner for example. I also enjoyed it because it is not only a list of the concepts for the designer process, but it is also the steps that this particular architectural design teams uses and wants to share with their customers. This shows those customers that they have a structured plan and as a customer you can know where you are in the time line of your design and build process. Although the design process is not exactly the same as the book, it uses the same concepts from beginning with a blank page and sketching out ideas, to ending with details helping to make the project personal to the audience.

This site is a good resource because it gives good examples and explanations as well as other great links to use as resources of balance.

This was my favorite site found in my search for related content to chapter 4 of basics of design, and on the topic of balance. This site explains how important balance is in webdesign and how it make make a site look "good" and give it something extra. It talks about the different types of balance; formal. informal, and radial, and how to include them on your site or page. Lastly it explains that looking at examples can be a real help in learning to use balance in your design.

Gives ways of balancing in web design. In order to balance the web page, you use contrasts in light (light versus dark), large designs versus smaller, and etcetera.

I think that this is a really good resource. It lists a lot valid arguments for not doing or doing certain things as far as the design of your page goes. They detail why certain design elements are bad choices and how to avoid them. The site also contains a lot of images and videos that are examples of "web pages that suck." The website is pretty humorous, too.

This page explains contrast and its importance when creating visual interest. It discusses examples of contrast in web page design and how contrast in color, size, and alignment can be achieved.

Here is another article about contrast in web design from WDL. This article is much like the first I shared as it uses various webpages as examples to illustrate the various types of contrast.

This is a great website that highlights the different aspects of contrast, including alignment, color, and size. It also gives examples of how each of these are used.

Goes in depth about balance and gives great examples

I really liked this page, like the last one I posted for contrast this website goes into detail about each kind of balance and gives a picture example of each. It makes it really easy to understand seeing a web page picture or ad, which is what we mostly work with so it makes it easier to understand by showing pictures we relate to.

Here is another article about balance in web design! This article is more focused on designing for your audience. It defines the types of balance as: horizontal, vertical, radial, symmetrical and asymmetrical. Each type of balance has examples from the web accompanied by a short description of how balance is achieved in each unique way. The article goes into the properties of balance as well, and has examples from the web to help define them.

extensive information and articles about design and layout, especially in web design

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.

Here is an article about alignment in web design. It goes into detail about the meaning of alignment and even some history about it. This article contains a lot of helpful advice if your looking for ways to improve your alignment while designing for the web.

I think this one is just a great resource on repetition. I especially like the authors use of the acronym. Repetition in design seems like a lot of fun and I can't wait to apply

This article stood out to me because it talks about how to use balance in web designs and layouts. It gave me helpful information that I can use for my comic tutorial project. 

This website shows different ways to address balance. It directly relates to web based design and gives some excellent visual examples.

This is website reinforces the textbook's information on symmetrical/asymmetrical designs.  Also, has links for further information on good design.

This website will help many of us with project 2. There are great tip on alignment, which is very important in a web page layout.

This website gives some good information on different types of alignment and how it can be used. It compares the importance of alignment in the real world and how it can be used in design. This website also demonstrates the importance of a clean cut design in order to be less distracting.

This is my favorite becaue it is a teaching site. It has a wonderful way of explaining the different desing elements. There are tutorials and various design strategies to use to get a very creative piece of work.

This website lists "10 Principles Of Effective Web Design" that I believe are very useful. The images and information about where the users eyes fall and how to strategically organize your page are all helpful in designing not only blogs but any web page. These tips are very effective because they view everything from the users' perspective, saying things such as "users follow their intuition" or "users want to have control." I think that the aspects mentioned are good to take into account when design a site.