There are many ways to say the same thing.
I designed and coded these examples for my students to demonstrate the idea of “portability of content”, to get them thinking about the information hierarchy and simultaneous uses of data in layout design.
For each design, there are the same 7 sections in the information hierarchy (shown below). The HTML in each of these designs is 100% the same (all that changes is the CSS).
Here are the 7 sections in the information hierarchy:
1
Corcoran College of Art + Design
2
John Carmody
3
Fall Semester 2012
4
- interactive WEB design I
- interactive WEB design II
- junior studio GRAPHIC design
- documentary AUDIO design
- senior thesis DIGITAL media design
5
John Carmody
- CV website
- video website
- audio website
6
School
- corcboard
- tutorials
7
Choose A Theme
- invitation
- decay
- mishmash
- Steinweiss LP
- blade runner
- iPad
- swiss
- the bleakness
- television kills
- back in the ussr
- notebook
TAGGED WITH:
Original Song: I Really Didn’t Mean It
Interactive JavaScript Game: O No!
Website: More Than Cancer
Interactive StoryMap: Life on the Mississippi
Deep-Zoom Image: The Five Points, 1827
Photo: No More “Breakfast All Day”
Custom T-Shirt Designs
CSS Grid: Print-To-Web Experiments
Slaughter On NY Avenue
Frame By Frame Animation
National Press Foundation
The Corcoran Gallery of Art – Interactive Exhibition Kiosk
Resolution No. One
The Cary Group
Interactive Genealogy Museum
Interactive Story Map: Family Burial Plots
