COURSE OVERVIEW
Imaging III: Designed for a Networked Society
Assistant Professor Amber Howard, Adjunct Faculty Eric Crosby
Graduate Teaching Assistant Jay Vaglio
T/TH 10:15 – 12:05pm
GD 410 | Fall 2011| 36 Juniors
Required Course | Studio Setting
Graded Student Presentation, Presented Material, Facilitated Workshop, Observed/Reviewed by Faculty
Class Website
Reflection
Prototyping for the web, mobile, and tablet experiences is becoming more and more necessary for graphic designers as the countless platforms of technology continue to expand. Allowing a graphic designer to create a ‘live’ prototype is something I tried to empower my students with. Over the course of two demonstrations I provided templates, walkthroughs, and references to expand the design student’s knowledge in prototyping their work for actual use, live-applied testing, and/or experiencing in the context rather than creating an artifact used for viewing purposes only. The more a designer is empowered to prototype/develop, the more they are informed when working in large teams in their future.
In-Class Demonstration One
Learning Outcomes
Design a website that links between multiple webpages using Dreamweaver.
Adjust text and image of the website by rearranging and organizing the page elements provided to establish a clear visual hierarchy.
Demonstrate CSS styling, linking, and format manipulation using three pre-formatted webpages in Dreamweaver.
Student Work
Elizabeth Abernethy | website
Davis Dwight | Website
Brooke Odom | website
Kelly Rathod | website
In-Class Demonstration Two
Learning Outcomes
Redesign Ben’s Sharing website using both cite-wide {classes} and unique identifiers {ID’s} to adjust the site’s layout, interactivity, and overall style.
Demonstrate the ability to customize HTML and CSS content applied to a mobile web-app by adding/adjusting visual elements (e.g. image, type, texture) that are consistent, in regards to style, with the website.
Propose combinations of web interactivity (e.g. hide/revealing) and styling that will enrich Ben’s online sharing community through hide/revealing, rollovers, and toggling.
Student Work
Leigh | website | mobile
Sarah | mobile
Odom | website
Elizabeth | website
Cross-Curricular Impact
My fellow graduate classmate and colleague, Erin Hauber, assigned students to develop their websites for the web for her Type III class that is comprised of the same Juniors that were enrolled in Type III. Based on conversations between her and I, she felt the students would be able to design for the web on the web, rather than simply developing printouts / mockups of their designs. This cross-curricular teamwork provides students the opportunity to practice and apply their skills they gained from Imaging III (web design and development) and apply them in their Type III course (typography for the web). I strongly believe students can understand how their design is experienced when used in the actual context of use. Printing webpages and mobile phone designs are not the same thing as viewing them on a virtual interface; furthermore, they need to be experienced where and when they would actually be experienced. The skills they learned in Type and Imaging III reinforced one another and demonstrated how professors can develop a cross-curricular experience for students.
I was able to visit the Junior’s final critique and this video was projected along side printed materials they had designed. Erin invited me and I am greatful to be able to see how the Juniors were able to transfer their skills across their classes. See the video for their type-on-the-web demonstrations.
GD 417 | Hauber | Fall 2011 | Type III: Type systems for the web | VIDEO DEMONSTRATION