Finalizing Your Project Concept
Monday's class is dedicated to locking in your narrative project concept.
You and your partner should come ready to talk through your idea: what
story you're telling, who it's for, what media you'll use, and how the
design will support the experience. I'll spend about 5 minutes with each
team to give feedback and help you refine the direction before you dive
into design.
Come prepared to discuss
- The story or subject of your narrative
- The basic structure of your narrative
- Linear vs. nonlinear structure
- The types of media you plan to use
- How the media will be produced or sourced
- Initial thoughts on tone, mood, and visual direction
- Any questions or sticking points you want feedback on
GitHub Part 2 Workshop
On Wednesday, Greg Philbrook will lead a follow-up GitHub workshop focused
on collaborating in a shared repository. Since the narrative project is a
team project, you and your partner will be pushing and pulling changes to
the same codebase — this workshop will give you the tools and
workflow to do that smoothly.
Please come to class ready to work on both days.
Next Week Tutorials
As you start building your narrative project, I want to tailor next
week's class time to the techniques that will actually help you bring
your ideas to life. Think about what you want your narrative project to do.
Some possibilities
- Clickable SVGs
- Text appearing on click
- Scrolling animations
- Audio or video triggered by interaction
- Something else?
Come to class ready to share what you'd like to see, or send me a
message on Slack.
Assignments
Multimodal Narrative: Design
Design your narrative website in Figma and begin creating/gathering
your media pieces. While every piece of media does not need to be
finished for this turn-in, the more you can have done the better.
I do not want your code to suffer because too much time was spent
on media creation.
- Create a new design file in Figma named
'lastname1-lastname2-narrative'.
- In that one design file, create complete designs of your
website for both mobile and desktop.
- If necessary, you may add a third design for tablet.
- The design must have:
- A minimum of two pages for each screen size: one for the
narrative and an About page. You can absolutely have more
than 1 page for your narrative, though.
- A Google or Adobe font
- All content planned and clearly accounted for in the
design. While I don't expect you to have every piece of
media done at this stage, I do expect it to be very clear
and easy to understand the design intention and approach.
- A clearly defined color palette tested for accessibility
- Clear visual structure and hierarchy of information
- Application of design principles covered in class
(alignment, proximity, repetition, etc.)
- A combination of at least two forms of media, such as
text, image, video, sound, and animation.
- You should apply all concepts learned in the class so far.
- Remember you will be graded on the quality of your design for
this project, but artistic considerations will be made given
the creative nature of the project.
- Add h.slocum@gmail.com to your Figma file.
- Create a publicly shareable Figma link and paste it into the
Slack turn-in.
