Module #3- Basic Rules of Web Design

Hello Class!

You have a blog, you've thought about online privacy, and you've started to get an idea of the kind of look/feel you want your blog to have. Today we will focus on personalizing your blog so that you can really portray your ideas in a clear and unique way.

Objectives for this Module:
Students will learn...

• CARP principles of design
• how to apply these basic web design principles to an original presentation
• how to add new blogs to your Blogger reader list

Activities and Materials

• Must Complete #1: You have been assigned a group. Within your group, each of you have been assigned a topic. Your job is to become knowledgeable of your topic, using the resources provided (and your own).

(Group member names here)

Contrast Define Contrast as it relates to visual design. Search for three examples of Contrast in print design (i.e., logos, brochures, posters, business cards, stationary). Search for three examples of Contrast in web design.

about.com: Contrast Print Design Collection AIGA Design Archives Website Gallery Webby Awards

(Group member names here)

Alignment Define Alignment as it relates to visual design. Search for three examples of Alignment in print design (i.e., logos, brochures, posters, business cards, stationary). Search for three examples of Alignment in web design.

about.com: Alignment Print Design Collection AIGA Design Archives Website Gallery Webby Awards

(Group member names here)

Repetition Define Repetition as it relates to visual design. Search for three examples of Repetition in print design (i.e., logos, brochures, posters, business cards, stationary). Search for three examples of Repetition in web design.

about.com: Repetition Print Design Collection AIGA Design Archives Website Gallery Webby Awards

(Group member names here)

Proximity Define Proximity as it relates to visual design. Search for three examples of Proximity in print design (i.e., logos, brochures, posters, business cards, stationary). Search for three examples of Proximity in web design.

about.com: Proximity Print Design Collection AIGA Design Archives Website Gallery Webby Awards

(source)

• Must Complete #2: With your group, choose a way to present your collective learning. Each member in the group needs to contribute a slide (or more) depicting the key pieces to your topic. Your presentation as a group, must follow the CARP rules of design, and each individual slide to pay particular visual attention to the topic of the slide.
• Here are some suggestions for Web 2.0 presentation resources you may use to create your unique presentation:
• Google Presentations
• Prezi
• Animoto
• Voice Thread
• Your own creative choice
• Must Complete #3: Once your group presentation is complete, post it to the CARP rules of design page.
• Must Complete #4: Comment on at least one other group's presentation. Do they follow the rules of CARP? Is there something they added that helped you understand the rules in a bigger way? Something they may have missed? Follow the rules set up in our discussion rubric to thoughtfully give feedback in this activity.
• Must Complete #5: Use this this shared document to get URLs for all of the bloggers in this class. Add everyone's blog to your Reader Lists next class. Need help figuring out how to add to your Reader List? Click here.

Checklist Of Must Completes for Module #3:

______You joined a group and were assigned a topic of CARP to research

______You created a joint group presentation on your topic, making sure to follow basic rules of design.

______You posted a link to our CARP presentation page
______You added a thoughtful comment to at least one other group's presentation

______You added other student's blog urls to your Blogger reader list

If you have questions...

Comment in the comment section of the Pages titled "Questions/Comments"