Project 2: Interactive Storytelling
Due today: Add to your Process Document and linked to Sandbox or posted on #project2 Slack channel, whichever is easiest for you:
- Brainstorm results (from in-class)
- Target Demographic
- Moodboard
- Written Strategy Statement and Goals
Next Steps:
- Sketches/Wireframes
- Knowing what content goes on the page, create rough sketches/wireframes to help with grid structure, hierarchy, and consistency.
- Develop tons of sketches for both desktop and mobile layout variations.
- Use a 12-column grid for desktop and around a 4-column grid for mobile. You can do this on the printed hand-outs or in Figma.
- You can also try the Crazy Eights exercise again if you choose.
Skeleton Demo
Download Skeleton (You can also get an intro and look at examples here)
In Class Demo and File Examples
Help Resources
- Video Tutorial Series (Video #2 around 45sec mark is where he opens Skeleton)
- Building HTML Page Structure with Skeleton
- Getting Started with Skeleton
Exercise 5: Skeleton Practice
Link to a separate page using Skeleton from your sandbox. Make sure the path to the file is correct within your U:drive. See specifics on the exercise.
Due Next Class
Project 2: Interactive Storytelling
Sketches/Wireframes – exploring different layouts and structures for content
Due Next Tuesday
Exercise 5: Skeleton Practice